:root{--color-primary: #1e3c72;--color-primary-light: #2a5298;--color-primary-dark: #16294e;--color-secondary: #667eea;--color-secondary-light: #a29bfe;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #16a34a;--color-success-light: #22c55e;--color-success-bg: #dcfce7;--color-warning: #ea580c;--color-warning-light: #fb923c;--color-warning-bg: #fed7aa;--color-error: #dc2626;--color-error-light: #ef4444;--color-error-bg: #fecaca;--color-info: #2563eb;--color-info-light: #3b82f6;--color-info-bg: #dbeafe;--color-channel-stable: #4CAF50;--color-channel-beta: #2196F3;--color-channel-dev: #9C27B0;--color-channel-canary: #FF9800;--color-channel-esr: #FF5722;--color-channel-esr-prev: #795548;--color-channel-stable-bg: rgba(76, 175, 80, .1);--color-channel-stable-bg-light: rgba(76, 175, 80, .05);--color-channel-stable-bg-lighter: rgba(76, 175, 80, .02);--color-channel-beta-bg: rgba(33, 150, 243, .1);--color-channel-beta-bg-light: rgba(33, 150, 243, .05);--color-channel-beta-bg-lighter: rgba(33, 150, 243, .02);--color-channel-canary-bg: rgba(255, 152, 0, .1);--color-channel-canary-bg-light: rgba(255, 152, 0, .05);--color-channel-canary-bg-lighter: rgba(255, 152, 0, .02);--color-channel-dev-bg: rgba(156, 39, 176, .1);--color-channel-dev-bg-light: rgba(156, 39, 176, .05);--color-channel-dev-bg-lighter: rgba(156, 39, 176, .02);--color-browser-chrome: #4285f4;--color-browser-firefox: #ff7139;--color-browser-edge: #0078d7;--color-browser-safari: #006cff;--color-browser-opera: #FF1B2D;--color-feature-1: #667eea;--color-feature-2: #f093fb;--color-feature-3: #fa709a;--color-feature-4: #4facfe;--color-accent-coral: #ff6b6b;--color-accent-orange: #ff9f43;--color-accent-green: #26de81;--color-accent-purple: #a29bfe;--color-sidebar-bg: #e8f4f8;--color-sidebar-border: #d0e8f2;--color-bg-main: #f8f9fa;--color-bg-page: #ffffff;--color-bg-card: #ffffff;--color-bg-section: #f8fafc;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #94a3b8;--color-text-muted: #888888;--color-text-disabled: #cccccc;--color-text-inverse: #ffffff;--color-text-link: #1e3c72;--color-text-link-hover: #2a5298;--color-border-light: #f0f0f0;--color-border-default: #e1e4e8;--color-border-medium: #d0d4d8;--color-border-dark: #cbd5e1;--color-border-focus: #2563eb;--font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Monaco", "Consolas", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--spacing-0: 0rem;--spacing-3xs: .125rem;--spacing-2xs: .25rem;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 6rem;--breakpoint-xs: 380px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 900px;--breakpoint-xl: 1300px;--breakpoint-2xl: 1400px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--container-fluid: 100%;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .1);--shadow-focus-primary: 0 0 0 3px rgba(30, 60, 114, .2);--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 50px;--radius-circle: 50%;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .4s ease;--transition-all: all .2s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-transform: transform .2s ease;--transition-opacity: opacity .2s ease;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(10px);--backdrop-blur-xl: blur(16px);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-primary-active: linear-gradient(135deg, rgba(30, 60, 114, .05) 0%, rgba(42, 82, 152, .08) 100%);--color-overlay-primary-light: rgba(30, 60, 114, .03);--color-overlay-primary-medium: rgba(30, 60, 114, .05);--color-overlay-primary: rgba(30, 60, 114, .1);--color-overlay-primary-dark: rgba(30, 60, 114, .12);--color-overlay-primary-darker: rgba(30, 60, 114, .15);--color-text-inverse-high: rgba(255, 255, 255, .95);--color-shadow-primary: rgba(30, 60, 114, .2);--button-padding-sm: .5rem 1rem;--button-padding-md: .75rem 1.5rem;--button-padding-lg: 1rem 2rem;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-border-radius: var(--radius-full);--button-font-weight: var(--font-weight-semibold);--card-padding: 1.5rem;--card-padding-lg: 2rem;--card-border-radius: var(--radius-xl);--card-border-color: var(--color-border-default);--card-border-width: 1px;--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--form-input-padding: .75rem 1rem;--form-input-height: 44px;--form-input-border-radius: var(--radius-md);--form-input-border-color: var(--color-border-medium);--form-input-border-width: 2px;--form-input-focus-border-color: var(--color-border-focus);--form-input-disabled-bg: var(--color-gray-100);--form-textarea-min-height: 120px;--form-label-font-weight: var(--font-weight-medium);--form-label-margin-bottom: .5rem;--nav-height: 60px;--nav-link-padding: .5rem 1rem;--nav-link-border-radius: var(--radius-full);--nav-link-font-weight: var(--font-weight-medium);--badge-padding: .25rem .75rem;--badge-border-radius: var(--radius-lg);--badge-font-size: var(--font-size-xs);--badge-font-weight: var(--font-weight-semibold);--release-card-border-top-width: 4px;--release-card-padding: 1.5rem;--release-card-gap: 1rem;--footer-padding: 2rem;--footer-border-top: 1px solid var(--color-border-light);--header-padding: 2rem;--header-gradient-start: rgba(30, 60, 114, .6);--header-gradient-end: rgba(42, 82, 152, .6)}.container{width:100%;max-width:var(--breakpoint-xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-sm{max-width:var(--container-sm);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-md{max-width:var(--container-md);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-lg{max-width:var(--container-lg);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-xl{max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-2xl{max-width:var(--container-2xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-fluid{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width:768px){.container,.container-sm,.container-md,.container-lg,.container-xl,.container-2xl,.container-fluid{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media(min-width:1200px){.container,.container-sm,.container-md,.container-lg,.container-xl,.container-2xl,.container-fluid{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.grid-2-col{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.grid-2-col{grid-template-columns:repeat(2,1fr)}}.grid-3-col{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid-3-col{grid-template-columns:repeat(3,1fr)}}.grid-4-col{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.grid-4-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.grid-4-col{grid-template-columns:repeat(4,1fr)}}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.grid-release-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.grid-release-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid-release-cards{grid-template-columns:repeat(3,1fr)}}@media(min-width:1400px){.grid-release-cards{grid-template-columns:repeat(4,1fr)}}.grid-sidebar{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:900px){.grid-sidebar{grid-template-columns:250px 1fr}}@media(min-width:1200px){.grid-sidebar{grid-template-columns:300px 1fr}}.grid-sidebar-right{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:900px){.grid-sidebar-right{grid-template-columns:1fr 250px}}@media(min-width:1200px){.grid-sidebar-right{grid-template-columns:1fr 300px}}.grid-asymmetric{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.grid-asymmetric{grid-template-columns:2fr 1fr}}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-col-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-col-start{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.flex-col-between{display:flex;flex-direction:column;justify-content:space-between}.flex-wrap-gap{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.flex-wrap-gap-sm{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.flex-wrap-gap-lg{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.flex-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.flex-stack-sm{display:flex;flex-direction:column;gap:var(--spacing-sm)}.flex-stack-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.flex-stack-xl{display:flex;flex-direction:column;gap:var(--spacing-xl)}.flex-inline{display:flex;flex-direction:row;gap:var(--spacing-md);align-items:center}.flex-inline-sm{display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:center}.flex-inline-lg{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center}.section{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.section-sm{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.section-lg{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.section-xl{padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-5xl)}@media(min-width:768px){.section{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.section-sm{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.section-lg{padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-5xl)}}.section-bg{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);background-color:var(--color-bg-section)}@media(min-width:768px){.section-bg{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}}.content-stack>*+*{margin-top:var(--spacing-lg)}.content-stack-sm>*+*{margin-top:var(--spacing-sm)}.content-stack-md>*+*{margin-top:var(--spacing-md)}.content-stack-xl>*+*{margin-top:var(--spacing-xl)}.max-w-prose{max-width:65ch}.max-w-reading{max-width:75ch}.max-w-narrow{max-width:600px}.max-w-medium{max-width:800px}.max-w-wide{max-width:1000px}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.sticky-top{position:sticky;top:0;z-index:var(--z-index-sticky)}.sticky-bottom{position:sticky;bottom:0;z-index:var(--z-index-sticky)}.min-h-screen{min-height:100vh;min-height:100dvh}.h-screen{height:100vh;height:100dvh}.full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:var(--z-index-tooltip);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--spacing-sm);left:var(--spacing-sm)}.cta-section{background:var(--gradient-primary);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;color:var(--color-text-inverse);max-width:var(--breakpoint-xl);width:calc(100% - 4rem);margin:0 auto}.cta-section h2{color:var(--color-text-inverse);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.cta-section p{color:var(--color-text-inverse-high);line-height:var(--line-height-relaxed);font-size:var(--font-size-lg);margin:0}.cta-section a{color:var(--color-text-inverse);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.cta-section a:hover{opacity:var(--opacity-80)}@media(max-width:768px){.cta-section{padding:var(--spacing-xl) var(--spacing-lg);width:calc(100% - 2rem)}.cta-section h2{font-size:var(--font-size-xl)}.cta-section p{font-size:var(--font-size-base)}}@media(max-width:480px){.cta-section{padding:var(--spacing-lg) var(--spacing-md);width:calc(100% - 1rem)}.cta-section h2{font-size:var(--font-size-lg)}.cta-section p{font-size:var(--font-size-base)}}.footer-card{background:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-top:0}.m-0{margin:var(--spacing-0)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.m-4xl{margin:var(--spacing-4xl)}.m-auto{margin:auto}.mt-0{margin-top:var(--spacing-0)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mt-4xl{margin-top:var(--spacing-4xl)}.mb-0{margin-bottom:var(--spacing-0)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.mb-4xl{margin-bottom:var(--spacing-4xl)}.ml-0{margin-left:var(--spacing-0)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-2xl{margin-left:var(--spacing-2xl)}.ml-3xl{margin-left:var(--spacing-3xl)}.ml-4xl{margin-left:var(--spacing-4xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:var(--spacing-0)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-2xl{margin-right:var(--spacing-2xl)}.mr-3xl{margin-right:var(--spacing-3xl)}.mr-4xl{margin-right:var(--spacing-4xl)}.mr-auto{margin-right:auto}.mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-2xl{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.mx-3xl{margin-left:var(--spacing-3xl);margin-right:var(--spacing-3xl)}.mx-4xl{margin-left:var(--spacing-4xl);margin-right:var(--spacing-4xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-2xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.my-3xl{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.my-4xl{margin-top:var(--spacing-4xl);margin-bottom:var(--spacing-4xl)}.p-0{padding:var(--spacing-0)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.p-4xl{padding:var(--spacing-4xl)}.pt-0{padding-top:var(--spacing-0)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pt-3xl{padding-top:var(--spacing-3xl)}.pt-4xl{padding-top:var(--spacing-4xl)}.pb-0{padding-bottom:var(--spacing-0)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pb-3xl{padding-bottom:var(--spacing-3xl)}.pb-4xl{padding-bottom:var(--spacing-4xl)}.pl-0{padding-left:var(--spacing-0)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pl-2xl{padding-left:var(--spacing-2xl)}.pl-3xl{padding-left:var(--spacing-3xl)}.pl-4xl{padding-left:var(--spacing-4xl)}.pr-0{padding-right:var(--spacing-0)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.pr-2xl{padding-right:var(--spacing-2xl)}.pr-3xl{padding-right:var(--spacing-3xl)}.pr-4xl{padding-right:var(--spacing-4xl)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.px-3xl{padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl)}.px-4xl{padding-left:var(--spacing-4xl);padding-right:var(--spacing-4xl)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.py-4xl{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.gap-0{gap:var(--spacing-0)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.gap-4xl{gap:var(--spacing-4xl)}.row-gap-0{row-gap:var(--spacing-0)}.row-gap-xs{row-gap:var(--spacing-xs)}.row-gap-sm{row-gap:var(--spacing-sm)}.row-gap-md{row-gap:var(--spacing-md)}.row-gap-lg{row-gap:var(--spacing-lg)}.row-gap-xl{row-gap:var(--spacing-xl)}.row-gap-2xl{row-gap:var(--spacing-2xl)}.row-gap-3xl{row-gap:var(--spacing-3xl)}.row-gap-4xl{row-gap:var(--spacing-4xl)}.col-gap-0{column-gap:var(--spacing-0)}.col-gap-xs{column-gap:var(--spacing-xs)}.col-gap-sm{column-gap:var(--spacing-sm)}.col-gap-md{column-gap:var(--spacing-md)}.col-gap-lg{column-gap:var(--spacing-lg)}.col-gap-xl{column-gap:var(--spacing-xl)}.col-gap-2xl{column-gap:var(--spacing-2xl)}.col-gap-3xl{column-gap:var(--spacing-3xl)}.col-gap-4xl{column-gap:var(--spacing-4xl)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-inline-grid{display:inline-grid}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-max{width:max-content}.w-min{width:min-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-max{height:max-content}.h-min{height:min-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-base{font-family:var(--font-family-base)}.font-mono{font-family:var(--font-family-mono)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.text-primary{color:var(--color-primary)}.text-primary-light{color:var(--color-primary-light)}.text-primary-dark{color:var(--color-primary-dark)}.text-secondary{color:var(--color-secondary)}.text-secondary-light{color:var(--color-secondary-light)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-muted)}.text-body{color:var(--color-text-body)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-light{background-color:var(--color-secondary-light)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-success{background-color:var(--color-success)}.bg-success-light{background-color:var(--color-success-light)}.bg-success-bg{background-color:var(--color-success-bg)}.bg-warning{background-color:var(--color-warning)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-warning-bg{background-color:var(--color-warning-bg)}.bg-error{background-color:var(--color-error)}.bg-error-light{background-color:var(--color-error-light)}.bg-error-bg{background-color:var(--color-error-bg)}.bg-info{background-color:var(--color-info)}.bg-info-light{background-color:var(--color-info-light)}.bg-info-bg{background-color:var(--color-info-bg)}.bg-page{background-color:var(--color-bg-page)}.bg-section{background-color:var(--color-bg-section)}.bg-card{background-color:var(--color-bg-card)}.border-transparent{border-color:transparent}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.border-default{border-color:var(--color-border-default)}.border-light{border-color:var(--color-border-light)}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t-0{border-top-width:0}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-b-0{border-bottom-width:0}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l-0{border-left-width:0}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r-0{border-right-width:0}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-r-4{border-right-width:4px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-focus{box-shadow:var(--shadow-focus)}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-none{border-top-left-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-b-none{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-b-md{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition-none{transition:none}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}@media(min-width:768px){.sm\:d-none{display:none}.sm\:d-block{display:block}.sm\:d-flex{display:flex}.sm\:d-grid{display:grid}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:text-xs{font-size:var(--font-size-xs)}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:text-base{font-size:var(--font-size-base)}.sm\:text-lg{font-size:var(--font-size-lg)}.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:w-full{width:100%}.sm\:w-auto{width:auto}}@media(min-width:900px){.md\:d-none{display:none}.md\:d-block{display:block}.md\:d-flex{display:flex}.md\:d-grid{display:grid}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:text-xs{font-size:var(--font-size-xs)}.md\:text-sm{font-size:var(--font-size-sm)}.md\:text-base{font-size:var(--font-size-base)}.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:w-full{width:100%}.md\:w-auto{width:auto}}@media(min-width:1200px){.lg\:d-none{display:none}.lg\:d-block{display:block}.lg\:d-flex{display:flex}.lg\:d-grid{display:grid}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:text-xs{font-size:var(--font-size-xs)}.lg\:text-sm{font-size:var(--font-size-sm)}.lg\:text-base{font-size:var(--font-size-base)}.lg\:text-lg{font-size:var(--font-size-lg)}.lg\:text-xl{font-size:var(--font-size-xl)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:text-3xl{font-size:var(--font-size-3xl)}.lg\:text-4xl{font-size:var(--font-size-4xl)}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:w-full{width:100%}.lg\:w-auto{width:auto}}@media(min-width:1400px){.xl\:d-none{display:none}.xl\:d-block{display:block}.xl\:d-flex{display:flex}.xl\:d-grid{display:grid}.xl\:flex-row{flex-direction:row}.xl\:flex-col{flex-direction:column}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:text-xs{font-size:var(--font-size-xs)}.xl\:text-sm{font-size:var(--font-size-sm)}.xl\:text-base{font-size:var(--font-size-base)}.xl\:text-lg{font-size:var(--font-size-lg)}.xl\:text-xl{font-size:var(--font-size-xl)}.xl\:text-2xl{font-size:var(--font-size-2xl)}.xl\:text-3xl{font-size:var(--font-size-3xl)}.xl\:text-4xl{font-size:var(--font-size-4xl)}.xl\:text-5xl{font-size:var(--font-size-5xl)}.xl\:text-left{text-align:left}.xl\:text-center{text-align:center}.xl\:text-right{text-align:right}.xl\:w-full{width:100%}.xl\:w-auto{width:auto}}.grid-3-col>*{min-width:0}.code-example{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;overflow:hidden;box-shadow:var(--shadow-sm)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-gray-50);border-bottom:1px solid var(--color-border-default);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.code-example pre{margin:0;padding:var(--spacing-lg);overflow-x:auto;background:var(--color-gray-50);font-family:var(--font-family-mono)}.code-example code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;line-height:var(--line-height-relaxed)}.copy-button{background:transparent;border:1px solid var(--color-border-medium);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-colors);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.copy-button:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.copy-button svg{width:14px;height:14px}.preview-box{background:var(--color-bg-card);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-md);min-height:80px}.preview-box strong{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.preview-box img{max-width:100%;height:auto}.table-scroll-wrapper{overflow-x:auto;margin:var(--spacing-lg) 0;-webkit-overflow-scrolling:touch}.badge-table{width:100%;min-width:600px;border-collapse:collapse;background:var(--color-bg-card);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);overflow:hidden}.badge-table th,.badge-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border-default)}.badge-table th{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.badge-table tbody tr{transition:var(--transition-colors)}.badge-table tbody tr:hover{background:var(--color-gray-50)}.badge-table tbody tr:last-child td{border-bottom:none}.badge-table code{background:var(--color-gray-100);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-xs);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-primary-dark)}.info-box{background:var(--color-info-bg);border-left:4px solid var(--color-info);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:var(--radius-sm)}.info-box strong{color:var(--color-info);font-weight:var(--font-weight-semibold)}.generator-container{background:var(--color-bg-card);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:var(--spacing-xl) 0;border:1px solid var(--color-border-light)}.generator-output{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border-light)}.generator-output h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.browser-input{display:flex;flex-direction:column;gap:var(--spacing-sm)}.browser-input label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.browser-icon{width:20px;height:20px}.browser-icon.chrome{color:var(--color-browser-chrome)}.browser-icon.firefox{color:var(--color-browser-firefox)}.browser-icon.edge{color:var(--color-browser-edge)}.browser-icon.safari{color:var(--color-browser-safari)}.browser-input input{padding:var(--spacing-md);border:var(--form-input-border-width) solid var(--form-input-border-color);border-radius:var(--form-input-border-radius);font-size:var(--font-size-base);font-family:var(--font-family-base);transition:var(--transition-colors);background:var(--color-bg-card);color:var(--color-text-primary)}.browser-input input:focus{outline:none;border-color:var(--form-input-focus-border-color);box-shadow:var(--shadow-focus)}.browser-input input::placeholder{color:var(--color-text-tertiary)}@media(max-width:768px){.code-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.copy-button{align-self:flex-end}.preview-box{flex-direction:column;align-items:flex-start}.badge-table{font-size:var(--font-size-sm)}.badge-table th,.badge-table td{padding:var(--spacing-sm)}.generator-container{padding:var(--spacing-lg)}}@media(max-width:480px){.code-example pre{font-size:var(--font-size-xs);padding:var(--spacing-md)}.generator-container{padding:var(--spacing-md)}}