/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-merzigo-sans:"Merzigo Sans", Arial, sans-serif;--violet-50:#f7f1ff;--violet-100:#ecddff;--violet-200:#d9baff;--violet-300:#c18cff;--violet-400:#a958ff;--violet-500:#8826ff;--violet-600:#7110e6;--violet-700:#5b0dbb;--violet-800:#460e8c;--violet-900:#32105f;--violet-950:#1e073d;--blue-50:#f2f2ff;--blue-100:#e4e3ff;--blue-200:#c9c5ff;--blue-300:#aaa0ff;--blue-400:#7968ff;--blue-500:#2f00ff;--blue-600:#2b00e6;--blue-700:#2400bd;--blue-800:#1e0791;--blue-900:#190c69;--blue-950:#0d043d;--lime-50:#fbffe8;--lime-100:#f5ffc4;--lime-200:#ebff8a;--lime-300:#ddff4d;--lime-400:#d2ff1f;--lime-500:#ccfa00;--lime-600:#a6cc00;--lime-700:#809d00;--lime-800:#607700;--lime-900:#455600;--lime-950:#243000;--neutral-0:#fff;--neutral-50:#f7f7f8;--neutral-100:#eeeeef;--neutral-200:#d9d9dd;--neutral-300:#c0c0c6;--neutral-400:#9d9da5;--neutral-500:#74747d;--neutral-600:#55555d;--neutral-700:#37373d;--neutral-800:#26262a;--neutral-900:#171719;--neutral-950:#0c0c0d;--neutral-1000:#000;--green-50:#eefbf5;--green-100:#d6f5e7;--green-200:#adebd0;--green-300:#78ddb3;--green-400:#42c893;--green-500:#16845b;--green-600:#126d4c;--green-700:#12583f;--green-800:#114737;--green-900:#0f3b2f;--green-950:#071f1a;--amber-50:#fff9ed;--amber-100:#ffefd0;--amber-200:#ffdb9a;--amber-300:#ffc15e;--amber-400:#ee9827;--amber-500:#b66b0a;--amber-600:#975107;--amber-700:#793d09;--amber-800:#64310d;--amber-900:#542a0e;--amber-950:#301505;--red-50:#fff1f2;--red-100:#ffe0e3;--red-200:#ffc7cc;--red-300:#ff9ca5;--red-400:#fa6170;--red-500:#d92f40;--red-600:#ba2132;--red-700:#981d2c;--red-800:#7f1d29;--red-900:#6c1c27;--red-950:#3c0b11;--cyan-50:#ecfcff;--cyan-100:#cef7ff;--cyan-200:#9deefe;--cyan-300:#61def8;--cyan-400:#25c3e6;--cyan-500:#06779b;--cyan-600:#086782;--cyan-700:#0b5369;--cyan-800:#0e4557;--cyan-900:#113a49;--cyan-950:#07252f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-control:4px;--radius-card:5px;--radius-large:8px;--portal-cut-mark:8px;--portal-cut-surface:12px;--portal-cut-command:16px;--technical-grid-size:28px;--signal-rail-width:2px;--icon-size-dense:16px;--icon-size-default:20px;--icon-size-emphasis:24px;--icon-stroke:1.7;--topbar-height:56px;--sidebar-width-expanded:256px;--sidebar-width-collapsed:56px;--motion-operational:.14s;--motion-expressive:.32s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--gradient-brand-primary:linear-gradient(122deg, var(--violet-500), var(--blue-500));--gradient-brand-dark:linear-gradient(135deg, var(--neutral-1000), #240054 62%, var(--violet-500));--gradient-brand-atmospheric:radial-gradient(circle at 70% 30%, #8826ffcc, transparent 42%), radial-gradient(circle at 35% 70%, #2f00ffa6, transparent 48%);--gradient-brand-signal:linear-gradient(110deg, var(--lime-500), #e7ff78);--color-background-primary:var(--neutral-50);--color-background-secondary:var(--neutral-100);--color-surface:var(--neutral-0);--color-surface-raised:var(--neutral-0);--color-surface-inverse:var(--neutral-1000);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-muted:var(--neutral-500);--color-text-inverse:var(--neutral-0);--color-border-subtle:var(--neutral-100);--color-border-default:var(--neutral-200);--color-border-strong:var(--neutral-400);--color-interactive-primary:var(--violet-500);--color-focus:var(--blue-500);--color-success:var(--green-500);--color-warning:var(--amber-500);--color-danger:var(--red-500);--color-info:var(--cyan-500);--chart-series-1:var(--violet-500);--chart-series-2:var(--blue-500);--chart-series-3:#805cff;--chart-series-neutral:var(--color-border-strong);--chart-grid-line:var(--color-border-subtle);--button-primary-background:var(--gradient-brand-primary);--button-primary-text:var(--neutral-0);--input-border:var(--color-border-default);--input-border-focus:var(--violet-500);--table-row-hover:#f3f0f8;--table-row-compact:36px;--table-row-standard:44px;--table-row-comfortable:52px;--sidebar-active-indicator:var(--gradient-brand-primary);--shadow-operational:0 2px 8px #0000000d;--shadow-expressive:0 28px 90px #2f00ff4d, inset 0 1px #ffffff26;--glass-subtle-bg:#ffffff1a;--glass-standard-bg:#160d268c;--glass-hero-bg:#0e061ca3;--portal-outline:#17171b47;--portal-grid-line:#17171b0b;--brand-mark-tile:#0d0d0f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background-primary:#0d0d0f;--color-background-secondary:#151518;--color-surface:#19191d;--color-surface-raised:#202025;--color-surface-inverse:var(--neutral-0);--color-text-primary:#f4f4f5;--color-text-secondary:#b8b8c0;--color-text-muted:#92929d;--color-text-inverse:var(--neutral-1000);--color-border-subtle:#242429;--color-border-default:#34343a;--color-border-strong:#55555f;--color-interactive-primary:#a45dff;--color-focus:#c084ff;--color-success:#43c78d;--color-warning:#f2b650;--color-danger:#ff707c;--color-info:#59c9ed;--input-border:#3b3b42;--input-border-focus:#a45dff;--table-row-hover:#24202c;--shadow-operational:0 2px 10px #0000003d;--glass-subtle-bg:#ffffff12;--glass-standard-bg:#1c142aa3;--glass-hero-bg:#090511bd;--portal-outline:#ffffff42;--portal-grid-line:#ffffff09;--brand-mark-tile:#ffffff0e}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background-primary:#0d0d0f;--color-background-secondary:#151518;--color-surface:#19191d;--color-surface-raised:#202025;--color-surface-inverse:var(--neutral-0);--color-text-primary:#f4f4f5;--color-text-secondary:#b8b8c0;--color-text-muted:#92929d;--color-text-inverse:var(--neutral-1000);--color-border-subtle:#242429;--color-border-default:#34343a;--color-border-strong:#55555f;--color-interactive-primary:#a45dff;--color-focus:#c084ff;--color-success:#43c78d;--color-warning:#f2b650;--color-danger:#ff707c;--color-info:#59c9ed;--input-border:#3b3b42;--input-border-focus:#a45dff;--table-row-hover:#24202c;--shadow-operational:0 2px 10px #0000003d;--glass-subtle-bg:#ffffff12;--glass-standard-bg:#1c142aa3;--glass-hero-bg:#090511bd;--portal-outline:#ffffff42;--portal-grid-line:#ffffff09;--brand-mark-tile:#ffffff0e}}@font-face{font-family:Merzigo Sans;src:url(/fonts/MerzigoSans-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Merzigo Sans;src:url(/fonts/MerzigoSans-Medium.otf)format("opentype");font-style:normal;font-weight:500 600;font-display:swap}@font-face{font-family:Merzigo Sans;src:url(/fonts/MerzigoSans-Bold.otf)format("opentype");font-style:normal;font-weight:700 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-merzigo-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a,select,input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--color-interactive-primary)}button{color:inherit}button:not(:disabled),a,label,select{cursor:pointer}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input[type=radio]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input[type=range]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible{border-width:2px;outline:0;border-color:var(--color-focus)!important}select:focus-visible{border-width:2px;outline:0;border-color:var(--color-focus)!important}textarea:focus-visible{border-width:2px;outline:0;border-color:var(--color-focus)!important}:is(.checkbox-control input:focus-visible+i,.selection-row input:focus-visible+i,.table-check input:focus-visible+i,.drawer-checklist input:focus-visible+i){outline:2px solid var(--color-focus);outline-offset:2px}.search-control:focus-within,.file-upload:focus-within{border-color:var(--color-focus);border-style:solid;border-width:2px}::selection{background:var(--lime-500);color:var(--neutral-1000)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.site-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.site-shell>main{min-width:0}.sidebar{z-index:40;scrollbar-width:thin;scrollbar-color:#29292d #000;background:var(--neutral-1000);color:#fff;border-right:1px solid #232326;flex-direction:column;height:100vh;padding:26px 18px 18px;display:flex;position:sticky;inset:0 auto 0 0;overflow-y:auto}.brand-lockup{align-items:center;width:fit-content;text-decoration:none;display:flex}.brand-lockup img{width:168px;height:auto;display:block}.brand-mark{flex:none;width:33px;height:23px;display:inline-block;position:relative}.brand-mark.compact{transform-origin:0;margin-right:-7px;transform:scale(.78)}.brand-block,.brand-slash{background:currentColor;height:23px;position:absolute;top:0}.brand-block{width:14px;left:0}.brand-slash{clip-path:polygon(36% 0,100% 0,64% 100%,0 100%);width:16px;left:17px}.sidebar-version{color:#717179;font:9px/1.4 var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:10px 0 26px}.search-trigger{color:#7f7f88;text-align:left;background:#0b0b0c;border:1px solid #29292d;border-radius:2px;align-items:center;gap:9px;width:100%;height:38px;padding:0 10px;font-size:11.5px;display:flex}.search-trigger:hover{color:#c8c8ce;border-color:#494950}.search-trigger kbd{color:#9a9aa2;font:8px var(--font-geist-mono), monospace;border:1px solid #37373c;margin-left:auto;padding:2px 5px}.nav-group{margin-top:19px}.nav-group>p{color:#64646b;font:8.5px/1.4 var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.14em;margin:0 10px 7px}.nav-group a{color:#a2a2aa;min-height:30px;transition:color var(--motion-operational), background var(--motion-operational);border-left:2px solid #0000;align-items:center;padding:0 9px;font-size:11.5px;text-decoration:none;display:flex;position:relative}.nav-group a:hover{color:#fff;background:#111113}.nav-group a.active{color:#fff;border-left-color:var(--violet-500);background:#19191c}.nav-pip{background:var(--lime-500);width:5px;height:5px;margin-left:auto;transform:rotate(45deg)}.sidebar-footer{border-top:1px solid #242427;align-items:center;gap:10px;margin-top:auto;padding:22px 8px 2px;display:flex}.sidebar-footer .release-dot{background:var(--lime-500);width:8px;height:8px;box-shadow:0 0 0 3px #ccfa001a}.sidebar-footer div{flex-direction:column;gap:3px;display:flex}.sidebar-footer strong{font-size:10px;font-weight:600}.sidebar-footer span:not(.release-dot){color:#67676f;font:8px var(--font-geist-mono), monospace}.topbar{z-index:30;background:var(--color-surface);height:60px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--color-surface) 93%, transparent)}}.topbar{border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;padding:0 28px;display:flex}.breadcrumbs{color:var(--color-text-muted);gap:8px;font-size:11px;display:flex}.breadcrumbs strong{color:var(--color-text-primary)}.top-controls{align-items:center;gap:10px;margin-left:auto;display:flex}.mobile-menu{background:0 0;border:0;margin-left:-8px;padding:8px;font-size:17px;display:none}.segmented{border:1px solid var(--color-border-default);background:var(--color-background-secondary);border-radius:3px;padding:3px;display:inline-flex}.segmented button{min-height:30px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;border-radius:2px;padding:0 12px;font-size:10px}.segmented button.selected{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-operational)}.top-segmented button{justify-content:center;align-items:center;gap:5px;min-width:38px;display:inline-flex}.top-segmented button span{font-size:8px}.language-segmented button{min-width:34px;font:8px var(--font-geist-mono), monospace;padding-inline:8px}.version-link{background:var(--color-surface-inverse);min-height:30px;color:var(--color-text-inverse);font:9px var(--font-geist-mono), monospace;align-self:stretch;align-items:center;gap:8px;padding:0 11px;text-decoration:none;display:inline-flex}.quick-settings{z-index:25;background:var(--color-surface-raised);position:fixed;bottom:18px;right:18px}@supports (color:color-mix(in lab, red, red)){.quick-settings{background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent)}}.quick-settings{border:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);gap:8px;padding:7px;display:flex;box-shadow:0 12px 42px #00000026}.quick-settings>div{align-items:center;gap:7px;display:flex}.quick-settings>div+div{border-left:1px solid var(--color-border-default);padding-left:8px}.quick-settings>div>span{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.segmented.mini button{min-height:26px;padding:0 9px;font-size:8px}.mobile-scrim{display:none}.dialog-layer{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000094;place-items:start center;padding-top:max(80px,10vh);display:grid;position:fixed;inset:0}.search-dialog{background:var(--color-surface-raised);width:min(620px,100% - 32px);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:5px;overflow:hidden;box-shadow:0 30px 100px #0000005c}.dialog-search{border-bottom:1px solid var(--color-border-default);align-items:center;gap:13px;height:60px;padding:0 17px;display:flex}.dialog-search input{color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;align-self:stretch;font-size:14px}.dialog-search kbd{color:var(--color-text-muted);border:1px solid var(--color-border-default);font:8px var(--font-geist-mono), monospace;padding:3px 6px}.search-results{padding:10px}.search-results>p{color:var(--color-text-muted);font:8px var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.1em;margin:6px 8px 9px}.search-results>button{text-align:left;width:100%;min-height:46px;color:var(--color-text-primary);background:0 0;border:0;border-radius:2px;grid-template-columns:1fr auto 26px;align-items:center;padding:0 10px;display:grid}:is(.search-results>button:hover,.search-results>button:focus-visible){background:var(--color-background-secondary)}.search-results>button span{align-items:center;gap:10px;font-size:12px;display:flex}.search-results>button i{background:var(--violet-500);width:7px;height:7px;transform:rotate(45deg)}.search-results>button small{color:var(--color-text-muted);font:8px var(--font-geist-mono), monospace;text-transform:uppercase}.search-results>button b{color:var(--color-text-muted);text-align:center;font-weight:400}.empty-search{color:var(--color-text-muted);text-align:center;padding:40px 20px;font-size:12px}.hero{background:var(--neutral-1000);color:#fff;isolation:isolate;grid-template-columns:minmax(420px,.92fr) minmax(460px,1.08fr);align-items:center;min-height:calc(100vh - 60px);max-height:880px;padding:64px clamp(36px,5.2vw,84px) 80px;display:grid;position:relative;overflow:hidden}.hero-grid{z-index:-4;opacity:.16;background-image:linear-gradient(#5d5d66 1px,#0000 1px),linear-gradient(90deg,#5d5d66 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.hero:after{content:"";z-index:-3;background:linear-gradient(90deg,#0000001a,#0003 48%,#000000c2);position:absolute;inset:0}.hero-light{z-index:-2;pointer-events:none;position:absolute}.hero .light-one{background:radial-gradient(#8826ffc7,#2f00ff4d 44%,#0000 70%);width:62%;height:72%;top:2%;right:-6%;transform:rotate(-20deg)}.hero .light-two{background:radial-gradient(#2f00ff8c,#0000 66%);width:54%;height:72%;bottom:-40%;left:18%}.hero-copy{z-index:3;max-width:720px;position:relative}.hero-eyebrow,.section-eyebrow{font:9px var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;display:flex}.hero-eyebrow{color:#c5b5dc;margin:0 0 24px}.hero-eyebrow span,.section-eyebrow span,.lime-diamond{background:var(--lime-500);flex:none;width:7px;height:7px;transform:rotate(45deg)}.hero h1{letter-spacing:-.067em;max-width:9.7ch;margin:0;font-size:clamp(50px,5.5vw,88px);font-weight:900;line-height:.9}.hero h1 em{color:#0000;-webkit-text-stroke:1.3px #ffffffe6;font-style:normal}.hero-lede{color:#b6b4be;max-width:570px;margin:28px 0 31px;font-size:clamp(14px,1.2vw,17px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-meta{color:#797681;font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;gap:21px;margin-top:38px;display:flex}.ds-button{border-radius:var(--radius-control);min-height:40px;transition:transform var(--motion-operational), opacity var(--motion-operational), background var(--motion-operational);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:24px;padding:0 16px;font-size:11px;font-weight:650;text-decoration:none;display:inline-flex}.ds-button:hover:not(:disabled){transform:translateY(-1px)}.ds-button:active:not(:disabled){transform:translateY(0)}.ds-button.primary{color:#fff;background:var(--button-primary-background)}.ds-button.secondary{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface)}.ds-button.tertiary{color:var(--color-text-primary);border-color:var(--color-border-default);background:0 0}.ds-button.destructive{color:#fff;background:var(--color-danger)}.ds-button.ghost{color:var(--color-text-primary)}.ds-button.inverse{color:#fff;background:#08080994;border-color:#4b4850}.ds-button:disabled{opacity:.42;cursor:not-allowed}.ds-button.sm{min-height:32px;padding:0 12px;font-size:10px}.ds-button.lg{min-height:48px;padding:0 22px;font-size:13px}.hero-composition{z-index:2;min-height:510px;position:relative}.composition-label{z-index:6;color:#bdb9c6;font:8px var(--font-geist-mono), monospace;letter-spacing:.16em;position:absolute}.label-op{top:8%;left:2%;transform:rotate(-3deg)}.label-ex{top:34%;right:3%;transform:rotate(3deg)}.operational-window{z-index:4;color:#1c1c20;background:#f8f8f9;border:1px solid #ffffffa6;width:66%;min-width:370px;position:absolute;top:14%;left:0;transform:rotate(-3deg);box-shadow:0 26px 80px #00000085}.window-bar{background:#fff;border-bottom:1px solid #dedee1;align-items:center;gap:4px;height:31px;padding:0 9px;display:flex}.window-bar i{background:#cdccd1;border-radius:50%;width:5px;height:5px}.window-bar span{color:#94949c;font:6px var(--font-geist-mono), monospace;margin-left:auto}.window-bar b{margin-left:auto;font-size:11px}.window-body{grid-template-columns:78px 1fr;min-height:225px;display:grid}.mini-nav{color:#777780;background:#080809;flex-direction:column;gap:11px;padding:18px 9px;font-size:6px;display:flex}.mini-nav strong{color:#fff;border-left:2px solid #8826ff;margin-left:-9px;padding-left:7px}.mini-content{padding:17px}.mini-kpi small{color:#87878e;font:6px var(--font-geist-mono), monospace}.mini-kpi b{letter-spacing:-.05em;margin:3px 0;font-size:29px;line-height:1;display:block}.mini-kpi>span{color:#1b805a;font:7px var(--font-geist-mono), monospace}.mini-data{border-top:1px solid #dddde0;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:15px;font-size:7px;display:grid}.mini-data b{color:#96969c;font:5.5px var(--font-geist-mono), monospace;padding-top:8px}.mini-data mark{color:#17734f;background:#e8f5ed;padding:3px 5px;font-size:5.5px}.mini-data mark.review{color:#9b5f0a;background:#fff2dc}.expressive-window{z-index:5;clip-path:polygon(0 0,93% 0,100% 9%,100% 100%,0 100%);background:linear-gradient(145deg,#190734,#020105 70%);width:60%;min-width:350px;height:330px;position:absolute;bottom:4%;right:0;overflow:hidden;transform:rotate(3deg);box-shadow:0 35px 100px #2f00ff4d}.poster-art{background:radial-gradient(circle at 65% 35%,#8826ffb3,#0000 34%),radial-gradient(circle at 52% 70%,#2f00ff8c,#0000 46%),linear-gradient(135deg,#0000 51%,#ffffff14 51.2%,#0000 51.5%);padding:30px;position:absolute;inset:0}.poster-art span{letter-spacing:-.07em;font-size:30px;font-weight:900;line-height:.85}.poster-art small{color:#9890a7;font:6px var(--font-geist-mono), monospace;letter-spacing:.14em;position:absolute;bottom:24px;left:30px}.glass-stat{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:50%;box-shadow:var(--shadow-expressive);clip-path:polygon(0 0,92% 0,100% 13%,100% 100%,0 100%);border:1px solid #ffffff3d;padding:17px;position:absolute;bottom:17px;right:16px}.glass-stat small,.glass-stat>span{color:#a9a3b2;font:5.5px var(--font-geist-mono), monospace;display:block}.glass-stat strong{letter-spacing:-.06em;margin:6px 0 3px;font-size:38px;line-height:1;display:block}.glass-stat mark{background:var(--lime-500);color:#0b0d08;font:5px var(--font-geist-mono), monospace;padding:4px;position:absolute;bottom:10px;right:10px}.scroll-cue{color:#77747d;font:7px var(--font-geist-mono), monospace;letter-spacing:.12em;align-items:center;gap:16px;text-decoration:none;display:flex;position:absolute;bottom:23px;left:clamp(36px,5.2vw,84px)}.doc-section{background:var(--color-surface);border-top:1px solid var(--color-border-default);padding:clamp(72px,7.5vw,120px) clamp(36px,6vw,96px);scroll-margin-top:58px}.doc-section.alternate{background:var(--color-background-primary)}.section-header{grid-template-columns:minmax(0,760px) auto;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px;display:grid}.section-eyebrow{color:var(--color-interactive-primary);margin:0 0 15px}.section-eyebrow span{background:var(--color-interactive-primary)}.section-header h2{letter-spacing:-.058em;text-transform:uppercase;max-width:15ch;margin:0;font-size:clamp(35px,4.2vw,63px);line-height:.94}.section-description{max-width:720px;color:var(--color-text-secondary);margin:21px 0 0;font-size:15px;line-height:1.65}.section-aside{align-self:start}.foundation-tag,.component-status{border:1px solid var(--color-border-default);color:var(--color-text-muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;align-items:center;gap:7px;padding:7px 9px;display:inline-flex}.component-status i{background:var(--color-success);border-radius:50%;width:6px;height:6px}.site-footer{background:var(--neutral-1000);color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:50px;min-height:220px;padding:58px clamp(36px,6vw,96px);display:grid}.footer-brand{align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.site-footer p{color:#888891;max-width:540px;font-size:11px;line-height:1.7}.site-footer a{color:#fff;font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;text-decoration:none}.philosophy-grid{border-top:1px solid var(--color-border-default);border-left:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);display:grid}.philosophy-grid article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:250px;transition:background var(--motion-operational);padding:25px;position:relative}.philosophy-grid article:hover{background:var(--color-background-secondary)}.philosophy-grid article>span{color:var(--color-interactive-primary);font:9px var(--font-geist-mono), monospace}.philosophy-grid h3{text-transform:uppercase;margin:44px 0 12px;font-size:15px}.philosophy-grid p{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.philosophy-grid article>i{color:var(--color-text-muted);font-style:normal;position:absolute;top:20px;right:19px}.system-manifesto{background:var(--neutral-1000);color:#fff;border-left:3px solid var(--violet-500);margin:36px 0 0;padding:38px 42px;position:relative;overflow:hidden}.system-manifesto:after{content:"";background:var(--gradient-brand-atmospheric);opacity:.55;width:330px;height:260px;position:absolute;top:-100px;right:-80px}.system-manifesto p{z-index:1;letter-spacing:-.03em;max-width:760px;margin:0;font-size:clamp(20px,2.4vw,33px);font-weight:700;line-height:1.22;position:relative}.system-manifesto footer{color:#85818c;font:8px var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.1em;margin-top:18px}.mode-comparison{grid-template-columns:1fr 1fr;gap:18px;display:grid}.experience-panel{border:1px solid var(--color-border-default);background:var(--color-background-primary);opacity:.72;transition:opacity var(--motion-operational), border-color var(--motion-operational), transform var(--motion-operational);padding:22px}.experience-panel.highlighted{opacity:1;border-color:var(--color-border-strong);transform:translateY(-3px)}.experience-panel>header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.experience-panel>header div{align-items:center;gap:10px;display:flex}.experience-panel>header span{background:var(--neutral-1000);color:#fff;width:24px;height:24px;font:7px var(--font-geist-mono), monospace;place-items:center;display:grid}.experience-panel>header p{font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;margin:0}.experience-panel>header strong{color:var(--color-text-muted);font-size:10px;font-weight:500}.experience-panel>ul{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.experience-panel>ul li{border:1px solid var(--color-border-default);color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;text-transform:uppercase;padding:5px 7px}.same-screen{background:var(--neutral-50);height:350px;color:var(--neutral-900);border:1px solid var(--neutral-200);grid-template-columns:23% 77%;display:grid;overflow:hidden}.screen-nav{background:var(--neutral-1000);color:#898991;flex-direction:column;gap:12px;padding:14px 8px;font-size:7px;display:flex}.screen-nav b{color:#fff;margin-bottom:5px;font-size:14px}.screen-nav span{padding:6px}.screen-nav span.active{color:#fff;border-left:2px solid var(--violet-500);background:#19191c;margin-left:-8px;padding-left:12px}.screen-canvas{padding:19px}.screen-heading{justify-content:space-between;align-items:end;display:flex}.screen-heading small{color:#888891;font:5.5px var(--font-geist-mono), monospace;display:block}.screen-heading b{margin-top:4px;font-size:16px;display:block}.screen-heading button{background:var(--neutral-1000);color:#fff;border:0;height:25px;padding:0 8px;font-size:6px}.screen-filters{gap:4px;margin:16px 0 10px;display:flex}.screen-filters span{border:1px solid var(--neutral-200);color:#77777f;background:#fff;flex:1;padding:6px;font-size:5.5px}.screen-table{grid-template-columns:1.4fr .8fr .75fr;align-items:center;font-size:6px;display:grid}.screen-table>b{color:#888891;font:5px var(--font-geist-mono), monospace;border-bottom:1px solid var(--neutral-300);padding:8px 5px}.screen-table>span,.screen-table>.status-badge{border-bottom:1px solid var(--neutral-200);min-height:34px;padding:9px 5px}.same-screen.compact .screen-table>span,.same-screen.compact .screen-table>.status-badge{min-height:28px;padding-block:6px}.status-badge{width:max-content;font:7px var(--font-geist-mono), monospace;align-items:center;gap:5px;display:inline-flex;padding:4px 6px!important}.status-badge i{border-radius:50%;width:5px;height:5px}.status-badge.success{color:var(--color-success);background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.status-badge.success{background:color-mix(in srgb,var(--color-success) 10%,transparent)}}.status-badge.warning{color:var(--color-warning);background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.status-badge.warning{background:color-mix(in srgb,var(--color-warning) 10%,transparent)}}.status-badge.danger{color:var(--color-danger);background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.status-badge.danger{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}}.status-badge.info{color:var(--color-info);background:var(--color-info)}@supports (color:color-mix(in lab, red, red)){.status-badge.info{background:color-mix(in srgb,var(--color-info) 10%,transparent)}}.status-badge.neutral{color:var(--color-text-secondary);background:var(--color-background-secondary)}.status-badge i{background:currentColor}.experience-panel.expressive{background:var(--neutral-950);color:#fff}.experience-panel.expressive>header span{background:var(--gradient-brand-primary)}.experience-panel.expressive>header strong{color:#898591}.expressive-screen{color:#fff;isolation:isolate;background:#040207;border-color:#30243d;display:block;position:relative}.expressive-backdrop{background:radial-gradient(circle at 72% 30%,#8826ffb8,#0000 30%),radial-gradient(circle at 48% 74%,#2f00ff8c,#0000 42%),linear-gradient(135deg,#170a23,#000 70%);padding:28px;position:absolute;inset:0;overflow:hidden}.expressive-backdrop:before{content:"";clip-path:polygon(0 0,100% 0,40% 100%,0 100%);background:linear-gradient(135deg,#ffffff1a,#0000);border-left:1px solid #ffffff2e;width:32%;height:84%;position:absolute;top:8%;right:12%}.expressive-backdrop span{letter-spacing:-.07em;opacity:.16;font-size:36px;font-weight:900;line-height:.82}.expressive-backdrop small{color:#9992a0;font:5px var(--font-geist-mono), monospace;letter-spacing:.15em;position:absolute;bottom:19px;right:22px}.expressive-screen nav{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#10091a9e;border:1px solid #ffffff29;align-items:center;gap:16px;height:32px;margin:12px;padding:0 11px;font-size:6px;display:flex;position:relative}.expressive-screen nav b{font-size:11px}.expressive-screen nav i{margin-left:auto;font-style:normal}.expressive-copy{z-index:2;position:absolute;top:96px;left:27px}.expressive-copy small{color:#afa4bf;font:5px var(--font-geist-mono), monospace;letter-spacing:.11em}.expressive-copy strong{letter-spacing:-.055em;margin:8px 0;font-size:25px;line-height:.92;display:block}.expressive-copy p{color:#a09aa8;max-width:190px;font-size:7px;line-height:1.5}.expressive-kpis{z-index:2;display:flex;position:absolute;bottom:15px;right:15px}.expressive-kpis div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#170d25ad;border:1px solid #ffffff29;min-width:74px;padding:10px 13px}.expressive-kpis small{color:#958d9f;font:5px var(--font-geist-mono), monospace;display:block}.expressive-kpis b{font-size:12px}.decision-bar{border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:15px 18px;display:flex}.decision-bar>div:first-child{align-items:center;gap:12px;display:flex}.decision-bar p{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.5}.decision-bar strong{color:var(--color-text-primary);margin-right:5px}.color-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.color-card{border:1px solid var(--color-border-default);background:var(--color-background-primary)}.color-fill{aspect-ratio:1.18;color:#fff;justify-content:space-between;align-items:flex-start;padding:13px;display:flex}.color-card.violet .color-fill{background:#8826ff}.color-card.blue .color-fill{background:#2f00ff}.color-card.lime .color-fill{color:#000;background:#ccfa00}.color-card.black .color-fill{background:#000}.color-fill>span{font:8px var(--font-geist-mono), monospace}.color-fill button{opacity:0;color:inherit;font:7px var(--font-geist-mono), monospace;transition:opacity var(--motion-operational);background:0 0;border:1px solid;padding:5px 7px}.color-card:hover .color-fill button{opacity:1}.color-fill button:focus-visible{opacity:1}.color-card footer{justify-content:space-between;align-items:end;padding:14px;display:flex}.color-card footer div{flex-direction:column;gap:4px;display:flex}.color-card strong{font-size:11px}.color-card footer span{color:var(--color-text-muted);font-size:8px}.color-card code{color:var(--color-text-secondary);font:8px var(--font-geist-mono), monospace}.color-guidance-grid{grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px;display:grid}.balance-card,.role-card{border:1px solid var(--color-border-default);padding:22px}.balance-card header,.gradient-library header,.spacing-system header,.border-elevation article>header,.radius-system header{justify-content:space-between;align-items:flex-start;display:flex}.balance-card header p,.gradient-library header p,.spacing-system header p,.border-elevation header p,.radius-system header p{font:8px var(--font-geist-mono), monospace;letter-spacing:.1em;margin:0}.balance-card header span,.gradient-library header span,.spacing-system header span,.border-elevation header span,.radius-system header span{color:var(--color-text-muted);font-size:9px}.balance-card header strong{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace}.balance-bar{height:25px;margin-top:28px;display:flex}.balance-bar i:first-child{background:var(--neutral-900)}.balance-bar i:nth-child(2){background:var(--gradient-brand-primary)}.balance-bar i:nth-child(3){background:var(--lime-500)}.balance-legend{gap:18px;margin-top:13px;display:flex}.balance-legend span{color:var(--color-text-muted);align-items:center;gap:6px;font-size:8px;display:flex}.balance-legend i{width:5px;height:5px}.balance-legend .neutral{background:var(--neutral-900)}.balance-legend .energy{background:var(--violet-500)}.balance-legend .signal{background:var(--lime-500)}.role-card{background:var(--neutral-1000);color:#fff;grid-template-columns:108px 1fr;gap:23px;display:grid}.role-signal{aspect-ratio:1;background:var(--lime-500);color:#000;font:8px var(--font-geist-mono), monospace;clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,0 100%);align-self:center;place-items:center;display:grid}.role-card>div>p:first-child{color:#8e8b94;font:7px var(--font-geist-mono), monospace}.role-card h3{margin:7px 0;font-size:18px}.role-card p:last-child{color:#a7a4ad;font-size:10px;line-height:1.5}.palette-collection{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px}.palette-collection>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:16px 20px;display:flex}.palette-collection>header p{font:8px var(--font-geist-mono), monospace;letter-spacing:.1em;margin:0 0 5px}.palette-collection>header span{color:var(--color-text-muted);font-size:9px;line-height:1.5}.palette-collection>header code{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;white-space:nowrap}.palette-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:168px minmax(0,1fr);min-width:0;display:grid}.palette-row:last-child{border-bottom:0}.palette-name{background:var(--color-background-primary);border-right:1px solid var(--color-border-default);flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;display:flex}.palette-name strong{font-size:10px}.palette-name span{color:var(--color-text-muted);font-size:8px}.palette-name code{color:var(--color-text-secondary);font:6px var(--font-geist-mono), monospace;margin-top:5px}.palette-scale{grid-template-columns:repeat(11,minmax(0,1fr));min-width:0;display:grid}.palette-scale button{border:0;border-right:1px solid;min-width:0;min-height:76px;padding:8px 5px}@supports (color:color-mix(in lab, red, red)){.palette-scale button{border-right:1px solid color-mix(in srgb, currentColor 12%, transparent)}}.palette-scale button{text-align:left;transition:transform var(--motion-operational), filter var(--motion-operational);flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.palette-scale button:last-child{border-right:0}.palette-scale button:hover{z-index:1;filter:brightness(1.07);transform:translateY(-2px)}.palette-scale button span{font:7px var(--font-geist-mono), monospace}.palette-scale button small{opacity:.72;max-width:100%;font:5px var(--font-geist-mono), monospace;text-overflow:ellipsis;overflow:hidden}.neutral-system{border:1px solid var(--color-border-default);grid-template-columns:240px 1fr;align-items:center;gap:28px;margin-top:12px;padding:20px;display:grid}.neutral-system>div:first-child p{font:8px var(--font-geist-mono), monospace;margin:0 0 5px}.neutral-system>div:first-child span{color:var(--color-text-muted);font-size:9px;line-height:1.4}.neutral-strip{grid-template-columns:repeat(13,1fr);height:62px;display:grid}.neutral-strip>span{position:relative}.neutral-strip small{color:#fff;mix-blend-mode:difference;font:6px var(--font-geist-mono), monospace;position:absolute;bottom:4px;left:4px}.neutral-0{background:#fff}.neutral-50{background:#f7f7f8}.neutral-100{background:#eeeef0}.neutral-200{background:#d9d9dd}.neutral-300{background:#c0c0c6}.neutral-400{background:#9d9da5}.neutral-500{background:#74747d}.neutral-600{background:#55555d}.neutral-700{background:#37373d}.neutral-800{background:#26262a}.neutral-900{background:#171719}.neutral-950{background:#0c0c0d}.neutral-1000{background:#000}.gradient-library{border:1px solid var(--color-border-default);margin-top:12px;padding:21px}.gradient-library>div{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.gradient-library article{border:1px solid var(--color-border-subtle);padding:10px}.gradient-swatch{height:82px;margin-bottom:10px}.gradient-swatch.primary{background:var(--gradient-brand-primary)}.gradient-swatch.dark{background:var(--gradient-brand-dark)}.gradient-swatch.atmospheric{background-color:#020105;background-image:var(--gradient-brand-atmospheric)}.gradient-swatch.signal{background:var(--gradient-brand-signal)}.gradient-library strong,.gradient-library code{display:block}.gradient-library strong{margin-bottom:4px;font-size:10px}.gradient-library code{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace}.brand-asset-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.brand-asset-card{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0}.brand-asset-preview{place-items:center;height:250px;padding:42px;display:grid;overflow:hidden}.brand-asset-preview.dark{background:#000}.brand-asset-preview.light{background-color:#f3f3f4;background-image:linear-gradient(45deg,#e7e7e9 25%,#0000 25%),linear-gradient(-45deg,#e7e7e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e7e9 75%),linear-gradient(-45deg,#0000 75%,#e7e7e9 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.brand-asset-preview img{object-fit:contain;width:100%;height:100%;display:block}.brand-asset-meta{border-top:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:16px 18px;display:flex}.brand-asset-meta>div{flex-direction:column;gap:4px;display:flex}.brand-asset-meta strong{font-size:12px}.brand-asset-meta span{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;text-transform:uppercase}.brand-asset-meta a{color:var(--color-interactive-primary);font:8px var(--font-geist-mono), monospace;white-space:nowrap;text-decoration:none}.brand-asset-sizes{border-top:1px solid var(--color-border-subtle);align-items:center;gap:6px;min-height:39px;padding:7px 18px;display:flex}.brand-asset-sizes>span{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;text-transform:uppercase;margin-right:auto}.brand-asset-sizes a{color:var(--color-text-secondary);border:1px solid var(--color-border-default);font:7px var(--font-geist-mono), monospace;padding:5px 7px;text-decoration:none}.brand-download-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.brand-download-row article{border:1px solid var(--color-border-default);grid-template-columns:28px 1fr auto;align-items:center;gap:14px;min-height:126px;padding:20px;display:grid}.brand-download-row article>span{color:var(--color-interactive-primary);font:8px var(--font-geist-mono), monospace;align-self:start}.brand-download-row strong{font-size:14px}.brand-download-row p{max-width:430px;color:var(--color-text-muted);margin:7px 0 0;font-size:9px;line-height:1.5}.brand-usage-note{border-left:3px solid var(--lime-500);background:var(--neutral-1000);color:#fff;grid-template-columns:160px 1fr;gap:20px;margin-top:12px;padding:18px 21px;display:grid}.brand-usage-note strong{text-transform:uppercase;font-size:10px}.brand-usage-note p{color:#aaa7b1;margin:0;font-size:9px;line-height:1.6}.type-specimens{grid-template-columns:1.05fr 1fr 1fr;gap:12px;display:grid}.type-specimens article{border:1px solid var(--color-border-default);flex-direction:column;min-height:360px;padding:24px;display:flex;overflow:hidden}.type-specimens article header{justify-content:space-between;display:flex}.type-specimens header span,.type-specimens header code{color:var(--color-text-muted);font:8px var(--font-geist-mono), monospace}.type-specimens article>p{letter-spacing:-.09em;margin:42px 0 8px;font-size:92px;font-weight:900;line-height:.8}.type-specimens h3{margin:14px 0 0;font-size:20px}.display-type{background:var(--neutral-1000);color:#fff}.display-type h3{letter-spacing:-.055em;font-size:31px;line-height:.9}.body-type>p{letter-spacing:-.06em!important;font-weight:350!important}.body-type h3{font-weight:450}.medium-type>p{letter-spacing:-.06em!important;font-weight:600!important}.medium-type h3{font-weight:600}.mono-type>p{font-family:var(--font-geist-mono),monospace;font-size:75px!important;font-weight:500!important}.mono-type h3{font:11px var(--font-geist-mono),monospace;letter-spacing:.02em}.type-specimens footer{border-top:1px solid;border-color:var(--color-border-default);flex-direction:column;gap:4px;margin-top:auto;padding-top:18px;display:flex}.type-specimens footer strong{font-size:11px}.type-specimens footer span{color:var(--color-text-muted);font-size:8px}.type-scale-table{border:1px solid var(--color-border-default);margin-top:12px}.type-scale-header,.type-row{grid-template-columns:150px minmax(230px,1.4fr) 130px 1fr;align-items:center;padding:0 18px;display:grid}.type-scale-header{border-bottom:1px solid var(--color-border-strong);height:34px;color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace}.type-row{border-bottom:1px solid var(--color-border-default);min-height:67px}.type-row:last-child{border-bottom:0}.type-row>strong{font-size:9px}.type-row>p{margin:0}.type-row>code,.type-row>span{color:var(--color-text-muted);font-size:8px}.type-row.row-0 p{letter-spacing:-.04em;text-transform:uppercase;font-size:22px;font-weight:900}.type-row.row-1 p{text-transform:uppercase;font-size:18px;font-weight:800}.type-row.row-2 p{font-size:15px;font-weight:700}.type-row.row-3 p{font-size:12px}.type-row.row-4 p{font:9px var(--font-geist-mono),monospace}.font-note{border-left:3px solid var(--violet-500);background:var(--violet-500);margin:12px 0 0}@supports (color:color-mix(in lab, red, red)){.font-note{background:color-mix(in srgb,var(--violet-500) 5%,var(--color-surface))}}.font-note{color:var(--color-text-secondary);padding:14px 18px;font-size:10px;line-height:1.6}.font-note span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace;margin-bottom:4px;display:block}.font-note a{color:var(--color-interactive-primary);font-weight:600}.geometry-grid{grid-template-columns:1.25fr .75fr;gap:12px;display:grid}.portal-geometry,.radius-system,.spacing-system,.border-elevation>article{border:1px solid var(--color-border-default);padding:22px}.portal-geometry{grid-template-columns:44% 1fr;align-items:center;gap:32px;display:grid}.portal-example{background:var(--gradient-brand-dark);color:#fff;clip-path:polygon(0 0,83% 0,100% 22%,100% 100%,0 100%);place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.portal-example:after{content:"";background:#ffffff1c;border-left:1px solid #ffffff40;width:38%;height:140%;position:absolute;top:-15%;left:49%;transform:skew(-26deg)}.portal-example span{letter-spacing:-.12em;font-size:90px;font-weight:900}.portal-example i{background:var(--lime-500);width:7px;height:7px;position:absolute;bottom:20px;left:20px;transform:rotate(45deg)}.portal-geometry code{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace}.portal-geometry h3{text-transform:uppercase;margin:11px 0;font-size:24px}.portal-geometry p{color:var(--color-text-secondary);font-size:10px;line-height:1.6}.radius-system>div{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;margin:46px 0 11px;display:grid}.radius-system>div span{aspect-ratio:1;border:1px solid var(--color-border-strong);background:var(--color-background-secondary);font:9px var(--font-geist-mono),monospace;place-items:center;display:grid}.radius-2{border-radius:2px}.radius-4{border-radius:4px}.radius-6{border-radius:6px}.radius-8{border-radius:8px}.radius-system footer{text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.radius-system footer code{font:6px var(--font-geist-mono),monospace;color:var(--color-text-muted)}.spacing-system{margin-top:12px}.spacing-system>div{justify-content:space-between;align-items:end;gap:16px;margin-top:31px;padding:0 10px;display:flex}.spacing-system article{flex-direction:column;flex:1;align-items:center;gap:7px;display:flex}.spacing-system article span{background:var(--gradient-brand-primary);width:100%;max-width:56px}.spacing-system article code{font:7px var(--font-geist-mono),monospace;color:var(--color-text-muted)}.border-elevation{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.border-elevation article>div{margin-top:24px}.border-elevation article:first-child>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.border-elevation article:first-child>div span{border:1px solid var(--color-border-subtle);height:80px;font:6px var(--font-geist-mono),monospace;place-items:end center;padding-bottom:8px;display:grid}.border-elevation article:first-child>div span:nth-child(2){border-color:var(--color-border-default)}.border-elevation article:first-child>div span:nth-child(3){border-color:var(--color-border-strong)}.border-elevation article:first-child>div span.interactive{border:2px solid var(--color-interactive-primary)}.elevation-demo{grid-template-columns:repeat(3,1fr);align-items:center;gap:13px;display:grid}.elevation-demo span{background:var(--color-surface);height:70px;font:6px var(--font-geist-mono),monospace;place-items:center;display:grid}.elevation-demo span:first-child{border:1px solid var(--color-border-default)}.elevation-demo span:nth-child(2){box-shadow:var(--shadow-operational)}.elevation-demo span:nth-child(3){background:var(--neutral-900);color:#fff;box-shadow:var(--shadow-expressive)}.live-token{background:var(--lime-500);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.live-token{background:color-mix(in srgb,var(--lime-500) 22%,transparent)}}.live-token{color:var(--color-text-primary);font:8px var(--font-geist-mono),monospace}.token-flow{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.token-flow article{border:1px solid var(--color-border-default);padding:23px;position:relative}.token-flow article:first-child{border-top:3px solid var(--neutral-900)}.token-flow article:nth-child(2){border-top:3px solid var(--violet-500)}.token-flow article:nth-child(3){border-top:3px solid var(--lime-500)}.token-flow header{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;justify-content:space-between;display:flex}.token-flow header b{z-index:2;color:var(--color-border-strong);font-size:18px;position:absolute;right:-19px}.token-flow h3{text-transform:uppercase;margin:26px 0 8px;font-size:18px}.token-flow p{min-height:48px;color:var(--color-text-secondary);font-size:10px;line-height:1.55}.token-flow article>div{flex-direction:column;gap:5px;margin-top:18px;display:flex}.token-flow article>div code{background:var(--color-background-secondary);color:var(--color-text-secondary);font:7px var(--font-geist-mono),monospace;padding:7px 9px}.semantic-preview{border:1px solid var(--color-border-default);margin-top:12px;padding:23px}.semantic-preview>div:first-child p{font:8px var(--font-geist-mono),monospace;margin:0 0 5px}.semantic-preview>div:first-child span{color:var(--color-text-muted);font-size:9px}.token-value-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px;display:grid}.token-value-grid article{border:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:9px;display:flex}.token-value-grid article>span{border:1px solid var(--color-border-default);flex:none;width:36px;height:36px}.token-value-grid article div{flex-direction:column;min-width:0;display:flex}.token-value-grid small{color:var(--color-text-muted);font:6px var(--font-geist-mono),monospace}.token-value-grid code{font:6px var(--font-geist-mono),monospace;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.material-stage{color:#fff;background:#030205;height:390px;position:relative;overflow:hidden}.stage-backdrop{background:radial-gradient(circle at 68% 35%,#8826ffe6,#0000 30%),radial-gradient(circle at 42% 78%,#2f00ffb3,#0000 42%),linear-gradient(135deg,#170526,#000 72%);padding:35px;position:absolute;inset:0}.stage-backdrop:after{content:"";background:#ffffff14;border-left:1px solid #fff3;width:32%;height:120%;position:absolute;top:-10%;right:12%;transform:skew(-25deg)}.stage-backdrop span{letter-spacing:-.09em;opacity:.22;font-size:74px;font-weight:900;line-height:.78}.stage-backdrop small{color:#978e9f;font:7px var(--font-geist-mono),monospace;letter-spacing:.14em;position:absolute;bottom:28px;left:38px}.glass-level{width:29%;min-width:210px;height:145px;box-shadow:var(--shadow-expressive);clip-path:polygon(0 0,91% 0,100% 16%,100% 100%,0 100%);border:1px solid #ffffff38;flex-direction:column;justify-content:flex-end;padding:18px;display:flex;position:absolute}.glass-level code{color:#beb5c8;font:6px var(--font-geist-mono),monospace;margin-bottom:auto}.glass-level strong{font-size:13px}.glass-level span{color:#9e96a8;margin-top:4px;font-size:7px}.glass-level.subtle{background:var(--glass-subtle-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:48px;left:31%}.glass-level.standard{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);top:129px;left:50%}.glass-level.hero-glass{background:var(--glass-hero-bg);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);bottom:28px;right:5%}.material-rules{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.material-rules>div{border-right:1px solid var(--color-border-default);gap:12px;padding:17px;display:flex}.material-rules>div:last-child{border-right:0}.material-rules span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace}.material-rules p{color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.5}.material-rules strong{color:var(--color-text-primary);margin-bottom:3px;display:block}.motion-system{grid-template-columns:1fr 1fr auto;align-items:stretch;gap:12px;margin-top:12px;display:grid}.motion-system article{border:1px solid var(--color-border-default);padding:18px}.motion-system header{justify-content:space-between;display:flex}.motion-system header span{font:7px var(--font-geist-mono),monospace}.motion-system header strong{font-size:10px}.motion-system p{color:var(--color-text-muted);font-size:8px}.motion-track{background:var(--color-background-secondary);height:30px;margin-top:14px;position:relative}.motion-dot{background:var(--violet-500);width:14px;height:14px;animation:motion-demo 1.3s var(--ease-standard) both;position:absolute;top:8px;left:8px}.motion-dot.op{animation-duration:.7s}.motion-dot.ex{background:var(--gradient-brand-primary);box-shadow:0 0 18px #8826ff80}.replay-button{border:1px solid var(--color-border-default);background:var(--color-surface);padding:0 18px;font-size:9px}.replay-button:hover{background:var(--color-background-secondary)}@keyframes motion-demo{0%{opacity:.3;left:8px;transform:scale(.7)}60%,to{opacity:1;left:calc(100% - 22px);transform:scale(1)}}.anatomy-strip{border:1px solid var(--color-border-default);flex-wrap:wrap;margin-bottom:12px;display:flex}.anatomy-strip span{border-right:1px solid var(--color-border-default);color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;padding:10px 14px}.component-playground{border:1px solid var(--color-border-default);grid-template-columns:1.4fr .6fr;min-height:330px;display:grid}.preview-canvas{background:var(--color-background-primary);align-content:center;place-items:center;gap:17px;display:grid;position:relative;overflow:hidden}.preview-canvas.expressive{background:var(--neutral-1000);color:#fff}.preview-canvas.expressive:after{content:"";background:var(--gradient-brand-atmospheric);opacity:.6;pointer-events:none;position:absolute;inset:0}.preview-grid{opacity:.25;background-image:linear-gradient(var(--color-border-default) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-default) 1px,transparent 1px);background-size:32px 32px;position:absolute;inset:0}.preview-canvas>p,.preview-canvas>small{z-index:1;color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;letter-spacing:.1em;position:relative}.preview-canvas .playground{z-index:2;position:relative}.preview-canvas.expressive .playground.primary{box-shadow:0 12px 45px #8826ff73}.spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.playground-controls{border-left:1px solid var(--color-border-default);background:var(--color-surface);padding:22px}.playground-controls>div{margin-bottom:21px}.playground-controls label,.playground-controls>div>label{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;text-transform:uppercase;margin-bottom:8px;display:block}.control-options{grid-template-columns:1fr 1fr;gap:5px;display:grid}.control-options.row{grid-template-columns:repeat(3,1fr)}.control-options button{border:1px solid var(--color-border-default);text-transform:capitalize;background:0 0;height:31px;font-size:8px}.control-options button.selected{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);background:var(--color-interactive-primary)}@supports (color:color-mix(in lab, red, red)){.control-options button.selected{background:color-mix(in srgb,var(--color-interactive-primary) 7%,transparent)}}.toggle-row{border-top:1px solid var(--color-border-default);padding-top:17px}.toggle-row label{justify-content:space-between;align-items:center;margin-bottom:12px!important;display:flex!important}.toggle-row label span{color:var(--color-text-primary);font-family:var(--font-geist-sans),sans-serif;text-transform:none;font-size:10px}.switch{border:1px solid var(--color-border-strong);background:var(--color-background-secondary);border-radius:10px;justify-content:flex-start;width:32px;height:18px;padding:2px;display:flex}.switch i{background:var(--color-text-muted);width:12px;height:12px;transition:transform var(--motion-operational);border-radius:50%}.switch.on{background:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.switch.on i{background:#fff;transform:translate(14px)}.button-matrix{border:1px solid var(--color-border-default);margin-top:12px}.button-matrix>header,.button-matrix>div{grid-template-columns:170px repeat(3,1fr);align-items:center;gap:20px;padding:0 18px;display:grid}.button-matrix>header{height:34px;color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;border-bottom:1px solid var(--color-border-strong)}.button-matrix>div{border-bottom:1px solid var(--color-border-default);min-height:67px}.button-matrix>div:last-child{border-bottom:0}.button-matrix>div>strong{text-transform:uppercase;font:8px var(--font-geist-mono),monospace}.button-matrix .ds-button{justify-self:start;min-width:105px}.component-details{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.component-details article{border:1px solid var(--color-border-default);padding:19px}.component-details h3{text-transform:uppercase;margin:0 0 9px;font-size:11px}.component-details p{color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.55}.code-block{color:#e4e1e8;font:10px/1.7 var(--font-geist-mono),monospace;white-space:pre;background:#09090b;border:1px solid #24242a;margin:12px 0 0;padding:48px 55px 27px 24px;position:relative;overflow-x:auto}.code-block code{color:#e5e2e9}.code-block .code-dots{color:#4c4c54;letter-spacing:4px;font-size:7px;position:absolute;top:17px;left:22px}.code-block button{color:#aaa8b0;font:7px var(--font-geist-mono),monospace;background:#141418;border:1px solid #323239;padding:5px 8px;position:absolute;top:12px;right:14px}.form-showcase{grid-template-columns:1.08fr .92fr;gap:12px;display:grid}.form-demo,.controls-inventory{border:1px solid var(--color-border-default);background:var(--color-surface);padding:24px}.demo-header{justify-content:space-between;align-items:start;margin-bottom:25px;display:flex}.demo-header p{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace;margin:0 0 5px}.demo-header h3{margin:0;font-size:18px}.field{flex-direction:column;gap:6px;margin-bottom:17px;display:flex}.field>span{font-size:9px;font-weight:650}.field>span b{color:var(--color-danger)}.field>span em{float:right;color:var(--color-text-muted);font-size:8px;font-style:normal;font-weight:400}.field input,.field select,.field textarea{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;color:var(--color-text-primary);border-radius:var(--radius-control);padding:0 11px;font-size:10px}.field input,.field select{height:40px}.field textarea{resize:vertical;padding-top:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--input-border-focus)}.field small{color:var(--color-text-muted);font-size:8px}.field.has-error input{border-color:var(--color-danger)}.field.has-error small{color:var(--color-danger)}.field-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.checkbox-control{align-items:flex-start;gap:10px;margin:4px 0 18px;display:flex}.checkbox-control input,.selection-row input,.table-check input{opacity:0;pointer-events:none;position:absolute}.checkbox-control>i,.selection-row label>i,.table-check i{border:1px solid var(--input-border);color:#0000;flex:none;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;display:grid}.checkbox-control input:checked+i,.selection-row input:checked+i,.table-check input:checked+i{background:var(--color-interactive-primary);border-color:var(--color-interactive-primary);color:#fff}.checkbox-control span{flex-direction:column;gap:3px;display:flex}.checkbox-control strong{font-size:9px}.checkbox-control small{color:var(--color-text-muted);font-size:8px}.form-actions{border-top:1px solid var(--color-border-default);justify-content:flex-end;gap:7px;padding-top:18px;display:flex}.controls-inventory{flex-direction:column;gap:21px;display:flex}.controls-inventory article{border-bottom:1px solid var(--color-border-default);padding-bottom:20px}.controls-inventory article header{justify-content:space-between;margin-bottom:10px;display:flex}.controls-inventory article header span,.controls-inventory article header code{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace}.search-control{border:1px solid var(--input-border);align-items:center;gap:9px;height:40px;padding:0 10px;display:flex}.search-control input{min-width:0;color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;font-size:9px}.search-control kbd{font:6px var(--font-geist-mono),monospace;color:var(--color-text-muted)}.selection-row{align-items:center;gap:17px;display:flex}.selection-row label{align-items:center;gap:7px;font-size:9px;display:flex}.selection-row label:nth-child(2)>i{border-radius:50%}.selection-row label:nth-child(2) input:checked+i{box-shadow:inset 0 0 0 4px var(--color-surface)}.selection-row label:last-child{margin-left:auto}.range-control{grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:9px;display:grid}.range-control input{grid-column:1/2;width:100%}.range-control output{color:var(--color-interactive-primary);font:9px var(--font-geist-mono),monospace;grid-area:1/2/3}.file-upload{border:1px dashed var(--color-border-strong);text-align:center;align-content:center;place-items:center;gap:3px;min-height:100px;display:grid}.file-upload input{opacity:0;position:absolute}.file-upload>span{color:var(--color-interactive-primary);font-size:18px}.file-upload strong{font-size:9px}.file-upload small{color:var(--color-text-muted);font-size:7px}.control-heights{align-items:end;gap:16px;display:flex}.control-heights span{color:var(--color-text-muted);font:6px var(--font-geist-mono),monospace;flex-direction:column;gap:5px;display:flex}.control-heights i{background:var(--color-background-secondary);border:1px solid var(--color-border-default);width:70px;display:block}.form-principles{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.form-principles article{border-right:1px solid var(--color-border-default);padding:19px}.form-principles article:last-child{border:0}.form-principles span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace}.form-principles h3{text-transform:uppercase;margin:12px 0 5px;font-size:10px}.form-principles p{color:var(--color-text-muted);margin:0;font-size:8px}.navigation-showcase{grid-template-columns:1fr 1fr;gap:12px;display:grid}.navigation-showcase>article{border:1px solid var(--color-border-default);padding:17px}.navigation-showcase>article>header,.card-system>header{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;justify-content:space-between;margin-bottom:14px;display:flex}.operational-nav-demo,.expressive-nav-demo{height:340px}.operational-nav-demo{background:var(--color-background-secondary);grid-template-columns:34% 1fr;display:grid}.operational-nav-demo aside{color:#82828b;background:#000;flex-direction:column;gap:9px;padding:15px 9px;font-size:7px;display:flex}.operational-nav-demo aside>b{color:#fff;margin-bottom:7px;font-size:16px}.operational-nav-demo aside>p{color:#53535a;font:5px var(--font-geist-mono),monospace;margin:8px 0 0}.operational-nav-demo aside>span{padding:6px}.operational-nav-demo aside>span.active{color:#fff;border-left:2px solid var(--violet-500);background:#18181b;margin-left:-9px;padding-left:13px}.operational-nav-demo aside i{float:right;background:#2d2d32;padding:2px 4px;font-style:normal}.operational-nav-demo aside footer{color:#fff;align-items:center;gap:6px;margin-top:auto;display:flex}.operational-nav-demo aside small{color:#86868d}.operational-nav-demo>div{align-self:center;padding:25px}.operational-nav-demo>div span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono),monospace}.operational-nav-demo h3{text-transform:uppercase;margin:9px 0;font-size:20px;line-height:1.05}.operational-nav-demo p{color:var(--color-text-muted);font-size:9px;line-height:1.5}.expressive-nav-demo{color:#fff;background:radial-gradient(circle at 70% 35%,#8826ffcc,#0000 32%),radial-gradient(circle at 45% 75%,#2f00ff99,#0000 38%),#020105;position:relative;overflow:hidden}.expressive-nav-demo:after{content:"";background:#ffffff12;width:30%;height:85%;position:absolute;top:15%;right:5%;transform:skew(-25deg)}.expressive-nav-demo nav{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e08179e;border:1px solid #ffffff29;align-items:center;gap:22px;height:34px;margin:11px;padding:0 10px;font-size:6px;display:flex;position:relative}.expressive-nav-demo nav div{gap:14px;display:flex}.expressive-nav-demo nav span.active{color:#fff}.expressive-nav-demo nav button{color:#fff;background:#ffffff1a;border:0;margin-left:auto;padding:6px 7px;font-size:5px}.expressive-nav-demo nav button:hover{background:#ffffff2b}.expressive-nav-demo>div{z-index:2;padding:55px 28px;position:relative}.expressive-nav-demo small{color:#b4aac2;font:5px var(--font-geist-mono),monospace}.expressive-nav-demo h3{letter-spacing:-.05em;margin:9px 0;font-size:31px;line-height:.9}.expressive-nav-demo p{color:#aaa4af;max-width:180px;font-size:8px;line-height:1.5}.card-system{border:1px solid var(--color-border-default);background:var(--color-background-primary);margin-top:12px;padding:18px}.card-system>div{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.content-card,.kpi-card{border:1px solid var(--color-border-default);background:var(--color-surface);padding:12px}.poster{background:#10041c;height:170px;margin-bottom:13px;position:relative;overflow:hidden}.poster:after{content:"";background:#ffffff1f;border-left:1px solid #ffffff40;width:34%;height:140%;position:absolute;top:-20%;right:14%;transform:skew(-25deg)}.poster.one{background:radial-gradient(circle at 65% 35%,#8826ff,#0000 35%),linear-gradient(135deg,#1b0632,#000)}.poster.two{background:radial-gradient(circle at 35% 60%,#2f00ff,#0000 38%),linear-gradient(135deg,#00131d,#000)}.poster span{color:#fff;font:8px var(--font-geist-mono),monospace;position:absolute;bottom:10px;left:10px}.content-card small,.kpi-card small{color:var(--color-text-muted);font:6px var(--font-geist-mono),monospace}.content-card h3{margin:6px 0 4px;font-size:14px}.content-card p{color:var(--color-text-muted);margin:0;font-size:8px}.kpi-card{flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card>strong{letter-spacing:-.06em;margin-top:18px;font-size:35px}.kpi-card>span{color:var(--color-success);font:8px var(--font-geist-mono),monospace}.spark-bars{align-items:end;gap:6px;height:112px;margin-top:auto;display:flex}.spark-bars i{background:var(--violet-500);flex:1}.card-system.expressive{color:#fff;background:#040206}.card-system.expressive .content-card,.card-system.expressive .kpi-card{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff2b}.component-index-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.component-index-grid>article{border:1px solid var(--color-border-default);background:var(--color-surface);padding:17px}.component-index-grid header{text-transform:uppercase;font:8px var(--font-geist-mono),monospace;justify-content:space-between;margin-bottom:13px;display:flex}.component-index-grid header b{color:var(--color-text-muted)}.component-index-grid article>div{flex-direction:column;display:flex}.component-index-grid article>div>span{border-top:1px solid var(--color-border-subtle);grid-template-columns:8px 1fr auto;align-items:center;gap:8px;min-height:31px;font-size:9px;display:grid}.component-index-grid article>div i{background:var(--color-border-strong);border-radius:50%;width:5px;height:5px}.component-index-grid article>div i.stable{background:var(--color-success)}.component-index-grid article>div small{color:var(--color-text-muted);font:6px var(--font-geist-mono),monospace}.component-count{flex-direction:column;font-size:34px;line-height:.8;display:flex}.component-count span{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;text-transform:uppercase;margin-top:8px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.data-grid-demo{border:1px solid var(--color-border-default);background:var(--color-surface);box-shadow:var(--shadow-operational)}.grid-titlebar{justify-content:space-between;align-items:center;min-height:86px;padding:18px 20px;display:flex}.grid-titlebar>div:first-child p{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace;margin:0 0 4px}.grid-titlebar h3{margin:0;font-size:20px}.grid-titlebar h3 span{color:var(--color-text-muted);font-size:11px;font-weight:500}.grid-titlebar>div:last-child{gap:6px;display:flex}.grid-views{border-bottom:1px solid var(--color-border-default);gap:19px;padding:0 18px;display:flex}.grid-views button{height:36px;color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:8px}.grid-views button.active{color:var(--color-text-primary);border-color:var(--color-interactive-primary)}.grid-views button span{color:var(--color-text-muted);margin-left:4px}.grid-toolbar{border-bottom:1px solid var(--color-border-default);justify-content:space-between;gap:12px;padding:10px 18px;display:flex}.grid-toolbar label{border:1px solid var(--input-border);align-items:center;gap:7px;width:min(330px,42%);height:34px;padding:0 9px;display:flex}.grid-toolbar label:focus-within{border:2px solid var(--color-focus)}.grid-toolbar input{min-width:0;color:var(--color-text-primary);background:0 0;outline:0;flex:1;font-size:8px;border:0!important}.grid-toolbar>div{gap:5px;display:flex}.grid-toolbar button{border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:0 0;padding:0 9px;font-size:7px}.bulk-bar{background:color-mix(in srgb,var(--color-interactive-primary) 8%,var(--color-surface));border-bottom:1px solid color-mix(in srgb,var(--color-interactive-primary) 25%,var(--color-border-default));align-items:center;gap:7px;min-height:39px;padding:0 17px;font-size:8px;display:flex}.bulk-bar strong{color:var(--color-interactive-primary);margin-right:7px}.bulk-bar button{background:0 0;border:0;font-size:7px}.bulk-bar button:last-child{margin-left:auto;font-size:14px}.danger-text{color:var(--color-danger)}.grid-scroll{outline-offset:-2px;overflow:auto}.grid-scroll table{border-collapse:collapse;width:100%;min-width:800px}.grid-scroll th{z-index:2;background:var(--color-background-secondary);text-align:left;height:34px;color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;border-bottom:1px solid var(--color-border-strong);white-space:nowrap;padding:0 10px;position:sticky;top:0}.grid-scroll th:first-child,.grid-scroll td:first-child{width:39px}.grid-scroll th button{color:inherit;font:inherit;background:0 0;border:0;padding:0}.grid-scroll td{height:var(--table-row-standard);border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);white-space:nowrap;padding:5px 10px;font-size:8px}.data-grid-demo.compact .grid-scroll td{height:var(--table-row-compact);padding-block:3px}.data-grid-demo.standard .grid-scroll td{height:var(--table-row-standard)}.data-grid-demo.comfortable .grid-scroll td{height:var(--table-row-comfortable);padding-block:7px}.grid-scroll tr:hover td{background:var(--table-row-hover)}.grid-scroll tr.selected td{background:color-mix(in srgb,var(--color-interactive-primary) 6%,var(--color-surface))}.grid-scroll tr.selected td:first-child{box-shadow:inset 2px 0 var(--color-interactive-primary)}.grid-scroll td:nth-child(2){color:var(--color-text-primary);align-items:center;gap:9px;display:flex}.grid-scroll td:nth-child(2)>div:last-child{flex-direction:column;gap:2px;display:flex}.grid-scroll td:nth-child(2) small{color:var(--color-text-muted);font-size:6px}.content-thumb{background:var(--gradient-brand-dark);color:#fff;flex:none;place-items:center;width:31px;height:24px;display:grid;position:relative;overflow:hidden}.content-thumb:after{content:"";background:#ffffff2b;width:30%;height:150%;position:absolute;transform:skew(-25deg)}.content-thumb span{z-index:1;font:5px var(--font-geist-mono),monospace;position:relative}.thumb-2,.thumb-5{background:linear-gradient(135deg,#07182e,#2f00ff)}.thumb-3,.thumb-6{background:linear-gradient(135deg,#10251d,#8826ff)}.numeric{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-geist-mono),monospace;color:var(--color-text-primary)!important}.grid-scroll td .status-badge{font-size:6px}.table-check{place-items:center;display:inline-grid}.table-check i{width:13px;height:13px;font-size:7px}.row-menu{color:var(--color-text-muted);letter-spacing:1px;background:0 0;border:0}.grid-footer{min-height:50px;color:var(--color-text-muted);align-items:center;gap:22px;padding:0 17px;font-size:7px;display:flex}.grid-footer>label{align-items:center;gap:5px;margin-left:auto;display:flex}.grid-footer select{border:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);height:25px;font-size:7px}.grid-footer nav{gap:2px;display:flex}.grid-footer nav button{border:1px solid var(--color-border-default);background:0 0;width:25px;height:25px;font-size:7px}.grid-footer nav button.active{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.grid-footer nav button:disabled{opacity:.35}.grid-empty{text-align:center;place-items:center;padding:58px;display:grid}.grid-empty>span{color:var(--color-text-muted);font-size:26px}.grid-empty strong{margin:8px 0;font-size:12px}.grid-empty p{color:var(--color-text-muted);margin:0 0 15px;font-size:9px}.grid-specs{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.grid-specs article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);padding:14px 17px}.grid-specs article:nth-child(3n){border-right:0}.grid-specs article:nth-last-child(-n+3){border-bottom:0}.grid-specs span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono),monospace}.grid-specs p{color:var(--color-text-secondary);margin:4px 0 0;font-size:8px}.grid-states{border:1px solid var(--color-border-default);margin-top:12px;padding:17px}.grid-states header{justify-content:space-between;display:flex}.grid-states header span{font:7px var(--font-geist-mono),monospace}.grid-states header p{color:var(--color-text-muted);margin:0;font-size:8px}.grid-states>div{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:15px;display:grid}.grid-states>div>span{border:1px solid var(--color-border-default);min-height:68px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:7px;display:flex}.state-icon{border:2px solid var(--color-border-strong);width:18px;height:18px;display:block}.state-0{border-right-color:var(--violet-500);border-radius:50%}.state-1{border:0;border-bottom:2px solid var(--color-border-strong)}.state-2{border-radius:50%;position:relative}.state-2:after{content:"";border-top:2px solid var(--color-border-strong);width:8px;position:absolute;bottom:-2px;right:-5px;transform:rotate(45deg)}.state-3{border-color:var(--color-warning);transform:rotate(45deg)}.state-4{border:0;border-top:2px dashed var(--color-border-strong)}.state-5{border-color:var(--color-danger);border-radius:50%}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kpi-grid article{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:145px;padding:18px;position:relative;overflow:hidden}.kpi-grid small{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;display:block}.kpi-grid strong{letter-spacing:-.05em;margin:19px 0 6px;font-size:28px;display:block}.kpi-grid>article>span{font:7px var(--font-geist-mono),monospace}.kpi-grid span.positive{color:var(--color-success)}.kpi-grid span.negative{color:var(--color-danger)}.kpi-grid p{color:var(--color-text-muted);margin:5px 0 0;font-size:7px}.signal-kpi{color:#fff;background:var(--neutral-1000)!important}.signal-kpi>span{color:#aaa!important}.signal-kpi>i{background:var(--lime-500);width:8px;height:8px;position:absolute;top:15px;right:15px;transform:rotate(45deg)}.chart-grid{grid-template-columns:1.45fr .55fr;gap:10px;margin-top:10px;display:grid}.chart-grid>article{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:360px;padding:18px}.bar-chart-card>header{justify-content:space-between;display:flex}.bar-chart-card header>div:first-child span,.donut-card header>span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono),monospace}.bar-chart-card h3,.donut-card h3{margin:5px 0 0;font-size:14px}.bar-chart-card header>div:last-child{color:var(--color-text-muted);gap:13px;font-size:7px;display:flex}.bar-chart-card header>div:last-child span{align-items:center;gap:5px;display:flex}.bar-chart-card header i{width:6px;height:6px}.violet-dot{background:var(--violet-500)}.blue-dot{background:var(--blue-500)}.bar-chart{grid-template-columns:35px 1fr;height:250px;margin-top:27px;display:grid;position:relative}.y-axis{height:210px;color:var(--color-text-muted);font:6px var(--font-geist-mono),monospace;flex-direction:column;justify-content:space-between;display:flex}.bars{background-image:linear-gradient(var(--color-border-subtle) 1px,transparent 1px);background-size:100% 25%;align-items:end;gap:7px;height:210px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bars>div>i{background:color-mix(in srgb,var(--violet-500) 72%,var(--color-surface));width:72%;transition:height var(--motion-expressive) var(--ease-standard);position:relative}.bars>div>i>b{background:var(--blue-500);position:absolute;inset:auto 0 0}.bars span{height:18px;color:var(--color-text-muted);font:5px var(--font-geist-mono),monospace;margin-top:5px}.chart-highlight{background:var(--neutral-900);color:#fff;padding:8px 10px;position:absolute;top:36px;right:12%;box-shadow:0 8px 30px #0003}.chart-highlight span{color:#999;font:5px var(--font-geist-mono),monospace;display:block}.chart-highlight strong{font-size:12px}.donut-layout{flex-direction:column;align-items:center;margin-top:30px;display:flex}.donut{background:conic-gradient(var(--violet-500) 0 54%,var(--blue-500) 54% 82%,#805cff 82% 94%,var(--color-border-default) 94%);border-radius:50%;place-items:center;width:155px;height:155px;display:grid}.donut>div{background:var(--color-surface);border-radius:50%;align-content:center;place-items:center;width:96px;height:96px;display:grid}.donut strong{font-size:15px}.donut span{color:var(--color-text-muted);font:5px var(--font-geist-mono),monospace}.donut-legend{width:100%;margin-top:25px}.donut-legend>span{border-top:1px solid var(--color-border-subtle);grid-template-columns:7px 1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:7px;display:grid}.donut-legend i{width:6px;height:6px}.series-1{background:var(--violet-500)}.series-2{background:var(--blue-500)}.series-3{background:#805cff}.series-4{background:var(--color-border-default)}.donut-legend b{font-weight:500}.donut-legend strong{font-family:var(--font-geist-mono),monospace}.visualization-rules{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.visualization-rules article{border:1px solid var(--color-border-default);padding:15px}.visualization-rules article>span{font:6px var(--font-geist-mono),monospace}.visualization-rules article>div{height:22px;margin:12px 0 8px;display:flex}.visualization-rules i{flex:1}.sequential-swatch i:first-child{background:#e7d7ff}.sequential-swatch i:nth-child(2){background:#c299ff}.sequential-swatch i:nth-child(3){background:#a35cff}.sequential-swatch i:nth-child(4){background:#8826ff}.sequential-swatch i:nth-child(5){background:#5c12b8}.comparative-swatch i:first-child{background:#8826ff}.comparative-swatch i:nth-child(2){background:#167ca0}.comparative-swatch i:nth-child(3){background:#c05b8a}.comparative-swatch i:nth-child(4){background:#d18727}.highlight-swatch i{background:var(--color-border-default)}.highlight-swatch i:nth-child(3){background:var(--lime-500)}.visualization-rules p{color:var(--color-text-muted);margin:0;font-size:7px}.form-selection-section{border-top:1px solid var(--color-border-default);margin-top:72px;padding-top:54px}.form-subsection-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:30px;display:flex}.form-subsection-header>div>span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace;letter-spacing:.12em}.form-subsection-header h3{letter-spacing:-.045em;text-transform:uppercase;margin:10px 0 8px;font-size:clamp(27px,3vw,42px);line-height:1}.form-subsection-header p{max-width:680px;color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.6}.compact-field-pair{grid-template-columns:1.45fr .55fr;gap:9px;display:grid}.compact-field-pair label,.field-state-inventory label{flex-direction:column;gap:6px;min-width:0;display:flex}.compact-field-pair label>span,.field-state-inventory label>span{color:var(--color-text-secondary);font-size:7px}.compact-field-pair input,.field-state-inventory input{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;min-width:0;height:38px;color:var(--color-text-primary);transition:border-color var(--motion-operational), box-shadow var(--motion-operational), background var(--motion-operational);padding:0 9px;font-size:8px}.field-state-inventory{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-state-inventory .demo-focus input{border:2px solid var(--color-focus);outline:0}.field-state-inventory .demo-error input{border-color:var(--color-danger);color:var(--color-danger)}.field-state-inventory .demo-disabled{opacity:.48}.field input,.field select,.field textarea{transition:border-color var(--motion-operational), box-shadow var(--motion-operational), background var(--motion-operational)}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:none}.select-showcase{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.select-pattern{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;min-height:330px;padding:18px;position:relative}.select-pattern>header{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;display:flex}.select-preview{flex-direction:column;justify-content:center;min-height:250px;padding:24px 8px 8px;display:flex}.select-preview>label{margin-bottom:7px;font-size:9px;font-weight:650}.select-preview>small{color:var(--color-text-muted);margin-top:9px;font-size:7px;line-height:1.45}.select-control-wrap{position:relative}.select-trigger,.combo-wrap>input{border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--color-background-primary);width:100%;min-height:42px;color:var(--color-text-primary)}.select-trigger{text-align:left;transition:border-color var(--motion-operational), box-shadow var(--motion-operational), background var(--motion-operational);justify-content:space-between;align-items:center;padding:0 11px;font-size:9px;display:flex}.select-trigger:hover{border-color:var(--input-border-focus)}:is(.select-trigger:focus-visible,.select-trigger.open){border:2px solid var(--color-focus);box-shadow:none;outline:0}.select-trigger>span{align-items:center;gap:8px;min-width:0;display:flex}.select-trigger>b{color:var(--color-text-muted);font-size:9px;font-weight:400}.platform-icon{background:var(--neutral-1000);flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.platform-icon:after{content:"";background:#fff;width:5px;height:5px;transform:rotate(45deg)}.platform-icon.facebook{background:var(--blue-500)}.platform-icon.tiktok{background:linear-gradient(135deg,#111 50%,#8826ff 50%)}.platform-icon.instagram{background:var(--gradient-brand-primary)}.select-menu{z-index:20;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);transform-origin:top;animation:select-menu-enter .18s var(--ease-standard) both;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 16px 50px #0003}.select-menu>button{width:100%;min-height:36px;color:var(--color-text-primary);text-align:left;transition:color var(--motion-operational), background var(--motion-operational), transform var(--motion-operational);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 9px;font-size:8px;display:flex}.select-menu>button:active{transform:scale(.985)}:is(.select-menu>button:hover,.select-menu>button:focus-visible,.select-menu>button[aria-selected=true],.select-menu>button[data-active=true]){background:color-mix(in srgb, var(--color-interactive-primary) 8%, var(--color-surface))}.select-menu>button>span{align-items:center;gap:8px;display:flex}.select-menu>button>b{color:var(--color-interactive-primary)}.select-trigger.multi{min-height:44px;padding-block:5px}.select-chip{background:var(--color-background-secondary);max-width:88px;color:var(--color-text-secondary);font:6px var(--font-geist-mono), monospace;text-overflow:ellipsis;animation:chip-enter var(--motion-operational) var(--ease-standard) both;padding:5px 6px;font-style:normal;overflow:hidden}.select-chip.muted{color:var(--color-text-muted)}.multi-menu{max-height:230px;overflow-y:auto}.menu-check{border:1px solid var(--input-border);color:#0000;place-items:center;width:15px;height:15px;font-size:7px;font-style:normal;display:grid}.menu-check.checked{color:#fff;border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.combo-wrap>input{outline:0;padding:0 35px 0 34px;font-size:9px;display:block}.combo-wrap>input:focus{border:2px solid var(--color-focus);outline:0}.combo-search{z-index:2;color:var(--color-text-muted);font-size:11px;position:absolute;top:13px;left:12px}.combo-clear{z-index:2;width:26px;height:26px;color:var(--color-text-muted);background:0 0;border:0;position:absolute;top:8px;right:7px}.combo-menu>p{color:var(--color-text-muted);text-align:center;margin:0;padding:22px 12px;font-size:8px}.territory-dot{background:var(--violet-500);width:6px;height:6px;transform:rotate(45deg)}.select-state-strip{border:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid}.select-state-strip article{border-right:1px solid var(--color-border-default);min-width:0;padding:14px}.select-state-strip article:last-child{border-right:0}.select-state-strip span{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.select-state-strip button{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;height:36px;color:var(--color-text-primary);justify-content:space-between;align-items:center;margin-top:9px;padding:0 9px;font-size:8px;display:flex}.select-state-strip button.focus-state{border:2px solid var(--color-focus);outline:0}.select-state-strip button.error-state{border-color:var(--color-danger);color:var(--color-danger)}.select-state-strip button:disabled{opacity:.45;cursor:not-allowed}@keyframes select-menu-enter{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chip-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.handbook-principles{border-top:1px solid var(--color-border-default);border-left:1px solid var(--color-border-default);grid-template-columns:repeat(3,1fr);display:grid}.handbook-principles article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:190px;transition:background var(--motion-operational), transform var(--motion-operational);padding:22px;position:relative;overflow:hidden}.handbook-principles article:hover{background:color-mix(in srgb, var(--color-interactive-primary) 4%, var(--color-surface));transform:translateY(-2px)}.handbook-principles article:after{content:"";border:1px solid var(--color-border-subtle);width:92px;height:92px;transition:transform var(--motion-expressive), border-color var(--motion-operational);position:absolute;bottom:-44px;right:-32px;transform:rotate(45deg)}.handbook-principles article:hover:after{border-color:color-mix(in srgb, var(--color-interactive-primary) 35%, var(--color-border-default));transform:rotate(45deg)translate(-7px,-7px)}.handbook-principles article>span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace}.handbook-principles h3{text-transform:uppercase;margin:38px 0 8px;font-size:15px}.handbook-principles p{max-width:270px;color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.6}.handbook-flow{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px;padding:20px}.handbook-flow>header{justify-content:space-between;align-items:start;display:flex}.handbook-flow>header span,.handbook-motion>header span,.shipping-checklist header span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace}.handbook-flow>header h3,.handbook-motion>header h3{margin:6px 0 0;font-size:18px}.handbook-flow>header code{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.handbook-flow>div{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin-top:22px;display:grid}.handbook-flow article{background:var(--color-background-secondary);flex-direction:column;min-height:120px;padding:17px;display:flex}.handbook-flow article>span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono), monospace}.handbook-flow article strong{text-transform:uppercase;margin:18px 0 6px;font-size:11px}.handbook-flow article p{color:var(--color-text-muted);margin:0;font-size:8px;line-height:1.5}.handbook-flow>div>i{width:26px;color:var(--color-border-strong);text-align:center;font-style:normal}.handbook-motion{border:1px solid var(--color-border-default);background:var(--neutral-1000);color:#fff;margin-top:12px;padding:20px}.handbook-motion>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.handbook-motion>header p{color:#92929d;max-width:620px;margin:7px 0 0;font-size:9px;line-height:1.55}.handbook-motion>header .ds-button{color:#fff;background:#111113;border-color:#3c3c42}.handbook-motion-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.handbook-motion-grid article{background:#0b0b0c;border:1px solid #2d2d32;flex-direction:column;min-height:150px;padding:15px;display:flex;overflow:hidden}.handbook-motion-grid article>span{color:#8d8d96;font:6px var(--font-geist-mono), monospace}.handbook-motion-grid article>code{color:#777780;font:6px var(--font-geist-mono), monospace;margin-top:auto}.motion-confirm>div{align-items:center;gap:10px;height:40px;margin-top:25px;display:flex}.motion-confirm>div i{background:var(--violet-500);width:28px;height:28px;animation:confirm-pop var(--motion-operational) var(--ease-standard) .12s both;position:relative}.motion-confirm>div i:after{content:"✓";color:#fff;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.motion-confirm>div strong{animation:text-enter var(--motion-operational) var(--ease-standard) .18s both;font-size:10px}.motion-disclose>div{flex-direction:column;gap:6px;margin-top:23px;display:flex}.motion-disclose>div i{transform-origin:0;height:12px;animation:disclose-enter .18s var(--ease-standard) both;background:#25252a}.motion-disclose>div i:nth-child(2){width:78%;animation-delay:30ms}.motion-disclose>div i:nth-child(3){width:58%;animation-delay:60ms}.motion-overlay>div{border:1px solid #29292e;height:70px;margin-top:17px;position:relative;overflow:hidden}.motion-overlay>div i{width:64%;animation:overlay-enter var(--motion-expressive) var(--ease-standard) both;background:linear-gradient(135deg,#18101f,#30105a);border-left:1px solid #7441aa;position:absolute;inset:0 0 0 auto}@keyframes confirm-pop{0%{opacity:0;transform:scale(.7)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes text-enter{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes disclose-enter{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}@keyframes overlay-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.handbook-rules{grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid}.handbook-rules article{border:1px solid var(--color-border-default);margin-right:-1px;padding:18px}.handbook-rules article>span{color:var(--color-success);font:6px var(--font-geist-mono), monospace}.handbook-rules article:nth-child(2)>span{color:var(--color-danger)}.handbook-rules article:nth-child(3)>span{color:var(--color-interactive-primary)}.handbook-rules h3{text-transform:uppercase;margin:13px 0 6px;font-size:11px}.handbook-rules p{color:var(--color-text-muted);margin:0;font-size:8px;line-height:1.55}.shipping-checklist{border:1px solid var(--color-border-default);grid-template-columns:220px 1fr;margin-top:12px;display:grid}.shipping-checklist>header{border-right:1px solid var(--color-border-default);flex-direction:column;gap:8px;padding:20px;display:flex}.shipping-checklist header strong{font-size:12px;line-height:1.3}.shipping-checklist>div{grid-template-columns:1fr 1fr;display:grid}.shipping-checklist>div>span{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);min-height:54px;color:var(--color-text-secondary);align-items:center;gap:10px;padding:0 16px;font-size:8px;display:flex}.shipping-checklist>div>span:nth-child(2n){border-right:0}.shipping-checklist>div>span:nth-last-child(-n+2){border-bottom:0}.shipping-checklist i{background:color-mix(in srgb, var(--color-interactive-primary) 10%, transparent);width:17px;height:17px;color:var(--color-interactive-primary);place-items:center;font-size:7px;font-style:normal;display:grid}.ai-prompt-builder{border:1px solid var(--color-border-default);background:var(--color-surface);margin-bottom:12px}.ai-prompt-builder>header,.ai-reference-map>header,.ai-done-section>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:92px;padding:19px 21px;display:flex}.ai-prompt-builder>header span,.ai-reference-map>header span,.ai-done-section>header span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.ai-prompt-builder>header h3,.ai-reference-map>header h3,.ai-done-section>header h3{text-transform:uppercase;margin:8px 0 0;font-size:18px}.ai-prompt-builder>header p,.ai-reference-map>header p,.ai-done-section>header p{max-width:520px;color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.55}.ai-builder-grid{background:var(--color-border-default);grid-template-columns:1fr 1fr 1.15fr;gap:1px;display:grid}.ai-builder-grid>label,.ai-mode-control{background:var(--color-surface);flex-direction:column;gap:10px;min-width:0;min-height:104px;padding:17px;display:flex}.ai-builder-grid>label>span,.ai-mode-control>span{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase}.ai-builder-grid input{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;min-width:0;height:42px;color:var(--color-text-primary);padding:0 11px;font-size:9px}.ai-builder-grid input::placeholder{color:var(--color-text-muted)}.ai-mode-control>div{border:1px solid var(--color-border-default);background:var(--color-background-primary);grid-template-columns:repeat(3,1fr);height:42px;padding:3px;display:grid}.ai-mode-control button{min-width:0;color:var(--color-text-muted);white-space:nowrap;background:0 0;border:0;font-size:7px}.ai-mode-control button.selected{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-operational);font-weight:650}.ai-handoff-layout{grid-template-columns:320px minmax(0,1fr);gap:12px;display:grid}.ai-handoff-context{border:1px solid var(--color-border-default);background:var(--color-surface);padding:22px}.ai-handoff-context>span,.ai-prompt-card>header span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.ai-handoff-context h3{text-transform:uppercase;margin:14px 0 8px;font-size:17px}.ai-handoff-context>p{color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.6}.ai-handoff-context ol{counter-reset:handoff;margin:24px 0 0;padding:0;list-style:none}.ai-handoff-context li{counter-increment:handoff;border-top:1px solid var(--color-border-subtle);min-height:66px;color:var(--color-text-secondary);padding:14px 0 14px 34px;font-size:8px;line-height:1.5;position:relative}.ai-handoff-context li:before{content:"0" counter(handoff);color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace;position:absolute;top:14px;left:0}.ai-handoff-context .ai-localhost-warning{border-left:2px solid var(--color-warning);background:color-mix(in srgb, var(--color-warning) 7%, transparent);color:var(--color-text-secondary);margin-top:18px;padding:13px;font-size:8px;line-height:1.5}.ai-localhost-warning strong{color:var(--color-warning);font:7px var(--font-geist-mono), monospace;text-transform:uppercase;margin-bottom:4px;display:block}.ai-prompt-card{--prompt-cut:18px;color:#e9e7ec;min-width:0;clip-path:polygon(0 0, calc(100% - var(--prompt-cut)) 0, 100% var(--prompt-cut), 100% 100%, 0 100%);background:#09090b;border:1px solid #303036}.ai-prompt-card>header{border-bottom:1px solid #2a2a30;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:14px 18px;display:flex}.ai-prompt-card>header div:first-child{flex-direction:column;gap:6px;display:flex}.ai-prompt-card>header strong{font-size:12px}.ai-prompt-actions{gap:7px;display:flex}.ai-prompt-actions button,.ai-prompt-actions a{color:#d5d2da;background:#131316;border:1px solid #38383f;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:7px;text-decoration:none;display:inline-flex}.ai-prompt-actions button:first-child{color:#fff;border-color:#7f48b6}.ai-prompt-card pre{white-space:pre-wrap;color:#aaa7b1;max-height:540px;font:9px/1.7 var(--font-geist-mono), monospace;margin:0;padding:22px;overflow:auto}.ai-prompt-card pre strong{color:#fff}.ai-reference-map,.ai-done-section{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px}.ai-reference-grid{grid-template-columns:repeat(4,1fr);display:grid}.ai-reference-grid article{border-right:1px solid var(--color-border-default);flex-direction:column;min-height:232px;padding:19px;display:flex}.ai-reference-grid article:last-child{border-right:0}.ai-reference-grid article>span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace}.ai-reference-grid h4{text-transform:uppercase;margin:28px 0 8px;font-size:12px}.ai-reference-grid p{color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}.ai-reference-grid article>div{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:17px;display:flex}.ai-reference-grid a{border:1px solid var(--color-border-default);color:var(--color-text-secondary);font:6px var(--font-geist-mono), monospace;padding:5px 7px;text-decoration:none}.ai-reference-grid a:hover{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.ai-done-checklist{grid-template-columns:repeat(3,1fr);display:grid}.ai-done-checklist>span{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);min-height:78px;color:var(--color-text-secondary);align-items:center;gap:11px;padding:16px;font-size:8px;line-height:1.45;display:flex}.ai-done-checklist>span:nth-child(3n){border-right:0}.ai-done-checklist>span:nth-last-child(-n+3){border-bottom:0}.ai-done-checklist i{background:color-mix(in srgb, var(--color-success) 11%, transparent);width:20px;height:20px;color:var(--color-success);flex:none;place-items:center;font-size:8px;font-style:normal;display:grid}.ai-handoff-note{border-left:2px solid var(--violet-500);background:color-mix(in srgb, var(--color-interactive-primary) 6%, var(--color-surface));color:var(--color-text-secondary);margin:12px 0 0;padding:15px 18px;font-size:9px;line-height:1.55}.card-library{border:1px solid var(--color-border-default);background:var(--color-background-primary);padding:18px}.card-library>header{color:var(--color-text-muted);font:7px var(--font-geist-mono), monospace;justify-content:space-between;margin-bottom:14px;display:flex}.card-library-grid{grid-template-columns:1.05fr 1fr 1fr;gap:12px;display:grid}.library-card{--card-portal-cut:14px;border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;clip-path:polygon(0 0, calc(100% - var(--card-portal-cut)) 0, 100% var(--card-portal-cut), 100% 100%, 0 100%);transition:transform var(--motion-operational), border-color var(--motion-operational), box-shadow var(--motion-operational);padding:14px;position:relative}.library-card:before{content:"";z-index:4;background:var(--color-border-default);transform-origin:50%;pointer-events:none;width:20px;height:1px;transition:background var(--motion-operational);position:absolute;top:6px;right:-3px;transform:rotate(45deg)}.library-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-operational);transform:translateY(-1px)}.library-card:hover:before{background:var(--color-border-strong)}.library-card.selected{border-color:var(--color-interactive-primary);box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.library-card.selected:before{background:var(--color-interactive-primary)}.card-hit-area{z-index:2;background:0 0;border:0;position:absolute;inset:0}.card-hit-area:focus-visible{outline:0}.library-card:has(.card-hit-area:focus-visible){border-color:var(--color-focus);box-shadow:inset 0 0 0 1px var(--color-focus)}.media-card{grid-row:span 2;padding:12px}.media-card .poster{height:228px}.library-card .poster,.horizontal-art{transition:transform var(--motion-expressive) var(--ease-standard), filter var(--motion-expressive)}.library-card:hover .poster,.library-card:hover .horizontal-art{filter:saturate(1.08);transform:scale(1.018)}.media-card .poster i{background:var(--lime-500);color:#000;font:5px var(--font-geist-mono), monospace;padding:5px 6px;font-style:normal;position:absolute;top:10px;right:10px}.card-copy{z-index:1;position:relative}.card-copy>small,.metric-card small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.card-copy h3{margin:7px 0 4px;font-size:15px}.card-copy p{color:var(--color-text-muted);margin:0;font-size:8px}.card-copy footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;min-height:30px;margin-top:14px;padding-top:11px;display:flex}.card-copy footer>span:last-child{color:var(--color-text-secondary);font-size:7px}.horizontal-card{grid-column:span 2;grid-template-columns:170px 1fr;align-items:stretch;gap:15px;display:grid}.horizontal-art{color:#fff;background:radial-gradient(circle at 32% 62%,#2f00ff,#0000 34%),linear-gradient(135deg,#00131d,#000);place-items:end start;min-height:150px;padding:12px;display:grid;position:relative;overflow:hidden}.horizontal-art:after{content:"";background:#ffffff24;width:32%;height:140%;position:absolute;top:-20%;right:18%;transform:skew(-25deg)}.horizontal-art span{z-index:1;font:7px var(--font-geist-mono), monospace;position:relative}.horizontal-card .card-copy{flex-direction:column;justify-content:center;display:flex}.horizontal-card .card-copy footer{margin-top:auto}.metric-card{flex-direction:column;min-height:210px;display:flex}.metric-card>header{justify-content:space-between;align-items:start;display:flex}.metric-card>strong{letter-spacing:-.06em;margin:22px 0 5px;font-size:32px;line-height:1}.metric-card>span{color:var(--color-success);font:7px var(--font-geist-mono), monospace}.metric-line{align-items:end;gap:4px;height:54px;margin:18px 0 12px;display:flex}.metric-line i{background:var(--violet-500);transform-origin:bottom;animation:metric-rise var(--motion-expressive) var(--ease-standard) both;flex:1}.metric-line i:nth-child(2){animation-delay:25ms}.metric-line i:nth-child(3){animation-delay:50ms}.metric-line i:nth-child(4){animation-delay:75ms}.metric-line i:nth-child(5){animation-delay:.1s}.metric-line i:nth-child(6){animation-delay:.125s}.metric-line i:nth-child(7){animation-delay:.15s}.metric-line i:nth-child(8){animation-delay:.175s}@keyframes metric-rise{0%{opacity:.2;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}.metric-line i:first-child{height:30%}.metric-line i:nth-child(2){height:45%}.metric-line i:nth-child(3){height:38%}.metric-line i:nth-child(4){height:57%}.metric-line i:nth-child(5){height:51%}.metric-line i:nth-child(6){height:70%}.metric-line i:nth-child(7){height:78%}.metric-line i:nth-child(8){background:var(--lime-500);height:92%}.metric-card>footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.metric-card>footer button{color:var(--color-text-secondary);background:0 0;border:0;font-size:7px}.action-card{flex-direction:column;align-items:flex-start;min-height:210px;display:flex}.action-icon{background:var(--neutral-1000);color:#fff;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.action-card h3{margin:18px 0 6px;font-size:15px}.action-card p{color:var(--color-text-muted);margin:0 0 18px;font-size:8px;line-height:1.55}.action-card .ds-button{margin-top:auto}.text-action{color:var(--color-text-muted);background:0 0;border:0;margin-top:8px;padding:4px 0;font-size:7px}.card-library.expressive{background-color:#040206;background-image:var(--gradient-brand-atmospheric);color:#fff}.card-library.expressive .library-card{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff2b}.card-library.expressive .library-card.selected{border-color:#a766ff;box-shadow:inset 0 0 0 1px #a766ff,0 20px 55px #2f00ff33}.card-library.expressive .library-card:before{background:#ffffff38}.card-library.expressive .library-card.selected:before{background:#a766ff}.card-library.expressive .action-icon{color:#000;background:#fff}.card-library.expressive .card-copy footer,.card-library.expressive .metric-card>footer{border-color:#ffffff24}.card-anatomy{border:1px solid var(--color-border-default);grid-template-columns:repeat(6,1fr);margin-top:12px;display:grid}.card-anatomy span{border-right:1px solid var(--color-border-default);min-height:54px;color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;align-items:center;padding:0 13px;display:flex}.card-anatomy span:last-child{border-right:0}.drawer-demo{border:1px solid var(--color-border-default);background:var(--color-background-secondary);height:570px;position:relative;overflow:hidden}.drawer-demo-content{height:100%;padding:24px}.drawer-demo-content>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.drawer-demo-content>header span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace}.drawer-demo-content>header h3{margin:5px 0 0;font-size:20px}.drawer-record-list{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:14px}.drawer-record-list article{border-bottom:1px solid var(--color-border-default);min-height:76px;transition:background var(--motion-operational), box-shadow var(--motion-operational);grid-template-columns:48px minmax(150px,1fr) auto 112px;align-items:center;gap:12px;padding:10px 13px;display:grid}.drawer-record-list article:hover{background:var(--color-background-secondary)}.drawer-record-list article:last-child{border-bottom:0}.drawer-record-list article.active{box-shadow:inset 2px 0 var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 4%, var(--color-surface))}.drawer-thumb{color:#fff;background:var(--gradient-brand-dark);place-items:center;width:48px;height:38px;display:grid;position:relative;overflow:hidden}.drawer-thumb:after,.drawer-hero:after{content:"";background:#ffffff26;width:32%;height:150%;position:absolute;transform:skew(-25deg)}.drawer-thumb span,.drawer-hero span{z-index:1;font:6px var(--font-geist-mono), monospace;position:relative}.drawer-record-list article>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.drawer-record-list strong{font-size:10px}.drawer-record-list small{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.drawer-record-list article>button{border:1px solid var(--color-border-default);height:32px;color:var(--color-text-primary);background:0 0;font-size:7px}.drawer-record-list article>button span{margin-left:8px}.drawer-scrim{z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000052;border:0;position:absolute;inset:0}.detail-drawer{z-index:11;background:var(--color-surface-raised);width:min(470px,92%);color:var(--color-text-primary);border-left:1px solid var(--color-border-strong);animation:drawer-enter var(--motion-expressive) var(--ease-standard) both;flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-22px 0 70px #00000038}@keyframes drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--color-border-default);grid-template-columns:84px 1fr 30px;align-items:center;gap:14px;min-height:112px;padding:18px;display:grid}.drawer-hero{background:var(--gradient-brand-dark);color:#fff;place-items:center;width:84px;height:70px;display:grid;position:relative;overflow:hidden}.drawer-header small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.drawer-header h3{margin:5px 0 8px;font-size:17px}.drawer-close{border:1px solid var(--color-border-default);width:30px;height:30px;color:var(--color-text-muted);background:0 0;align-self:start;font-size:16px}.drawer-tabs{border-bottom:1px solid var(--color-border-default);gap:20px;min-height:42px;padding:0 18px;display:flex}.drawer-tabs button{color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:8px}.drawer-tabs button.active{color:var(--color-text-primary);border-bottom-color:var(--color-interactive-primary)}.drawer-tabs button span{color:var(--color-text-muted);margin-left:4px}.drawer-body{flex:1;min-height:0;padding:18px;overflow-y:auto}.drawer-summary{border:1px solid var(--color-border-default);grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.drawer-summary>div{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);flex-direction:column;gap:6px;min-height:66px;padding:12px;display:flex}.drawer-summary>div:nth-child(2n){border-right:0}.drawer-summary>div:nth-last-child(-n+2){border-bottom:0}.drawer-summary span,.drawer-checklist>p,.activity-feed small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.drawer-summary strong{font-size:9px}.drawer-checklist{padding-top:5px}.drawer-checklist label{border-top:1px solid var(--color-border-subtle);align-items:center;gap:9px;min-height:34px;font-size:8px;display:flex}.drawer-checklist input{opacity:0;position:absolute}.drawer-checklist i{border:1px solid var(--input-border);color:#0000;place-items:center;width:15px;height:15px;font-size:7px;font-style:normal;display:grid}.drawer-checklist input:checked+i{color:#fff;border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.activity-feed article{grid-template-columns:12px 1fr;gap:11px;min-height:90px;display:grid}.activity-feed,.drawer-summary{animation:panel-content-enter .18s var(--ease-standard) both}@keyframes panel-content-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.activity-feed article>i{border:2px solid var(--color-border-strong);background:var(--color-surface);width:8px;height:8px;margin-top:3px;transform:rotate(45deg)}.activity-feed article>i.violet{border-color:var(--violet-500);background:var(--violet-500)}.activity-feed article>div{border-bottom:1px solid var(--color-border-subtle);padding-bottom:18px}.activity-feed strong{font-size:9px}.activity-feed p{color:var(--color-text-muted);margin:6px 0;font-size:8px;line-height:1.5}.drawer-footer{border-top:1px solid var(--color-border-default);justify-content:flex-end;align-items:center;gap:7px;min-height:66px;padding:12px 18px;display:flex}.drawer-rules{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.drawer-rules article{border-right:1px solid var(--color-border-default);padding:16px}.drawer-rules article:last-child{border-right:0}.drawer-rules span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono), monospace}.drawer-rules strong{margin:9px 0 5px;font-size:10px;display:block}.drawer-rules p{color:var(--color-text-muted);margin:0;font-size:8px;line-height:1.5}.data-grid-demo{position:relative;overflow:hidden}.grid-toolbar select{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:34px;color:var(--color-text-secondary);padding:0 26px 0 9px;font-size:7px}.grid-toolbar select.active{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface))}.grid-toolbar button.clear-grid-filters{color:var(--color-interactive-primary);border-color:color-mix(in srgb, var(--color-interactive-primary) 40%, var(--color-border-default))}.row-title-button{max-width:220px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;padding:0;display:block}.row-title-button strong{text-overflow:ellipsis;display:block;overflow:hidden}.row-action-cell{position:relative}.row-action-menu{z-index:8;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);transform-origin:100% 0;width:155px;animation:select-menu-enter .16s var(--ease-standard) both;padding:5px;position:absolute;top:34px;right:8px;box-shadow:0 14px 40px #00000038}.row-action-menu button{width:100%;min-height:32px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:7px;display:flex}.row-action-menu button:hover{background:var(--color-background-secondary)}.row-action-menu button.danger-text{color:var(--color-danger)}.grid-peek-scrim{z-index:12;background:#00000040;border:0;position:absolute;inset:0}.grid-detail-peek{z-index:13;background:var(--color-surface-raised);width:min(420px,92%);color:var(--color-text-primary);border-left:1px solid var(--color-border-strong);animation:drawer-enter var(--motion-operational) var(--ease-standard) both;flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-22px 0 60px #0003}.grid-detail-peek>header{border-bottom:1px solid var(--color-border-default);grid-template-columns:76px 1fr 30px;align-items:center;gap:13px;min-height:108px;padding:18px;display:grid}.content-thumb.large{width:76px;height:60px}.grid-detail-peek>header small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.grid-detail-peek>header h3{margin:5px 0 8px;font-size:17px}.grid-detail-peek>header>button{border:1px solid var(--color-border-default);width:30px;height:30px;color:var(--color-text-muted);background:0 0;align-self:start;font-size:16px}.grid-peek-body{grid-template-columns:1fr 1fr;padding:18px;display:grid}.grid-peek-body>div{border:1px solid var(--color-border-default);flex-direction:column;gap:6px;min-height:66px;margin:0 -1px -1px 0;padding:12px;display:flex}.grid-peek-body span,.grid-detail-peek>section>span{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.grid-peek-body strong{font-size:9px}.grid-detail-peek>section{border-left:2px solid var(--violet-500);background:var(--color-background-secondary);margin:0 18px;padding:18px}.grid-detail-peek>section h4{margin:10px 0 5px;font-size:11px}.grid-detail-peek>section p{color:var(--color-text-muted);margin:0;font-size:8px;line-height:1.55}.grid-detail-peek>footer{border-top:1px solid var(--color-border-default);justify-content:flex-end;align-items:center;gap:7px;min-height:66px;margin-top:auto;padding:12px 18px;display:flex}@media (prefers-reduced-motion:reduce){.detail-drawer,.grid-detail-peek,.select-menu,.select-chip,.metric-line i,.activity-feed,.drawer-summary,.row-action-menu,.handbook-motion-grid *{animation:none}}@media (prefers-reduced-transparency:reduce){.card-library.expressive .library-card,.drawer-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:1180px){.select-showcase{grid-template-columns:1fr 1fr}.select-pattern:last-child{grid-column:1/-1}.card-library-grid{grid-template-columns:1fr 1fr}.media-card{grid-row:auto}.horizontal-card{grid-column:auto;grid-template-columns:120px 1fr}.handbook-principles{grid-template-columns:1fr 1fr}.handbook-flow>div{grid-template-columns:1fr 1fr;gap:10px}.handbook-flow>div>i{display:none}.ai-builder-grid{grid-template-columns:1fr 1fr}.ai-mode-control{grid-column:1/-1}.ai-handoff-layout{grid-template-columns:240px minmax(0,1fr)}.ai-reference-grid{grid-template-columns:1fr 1fr}.ai-reference-grid article:nth-child(2){border-right:0}.ai-reference-grid article:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}.ai-done-checklist{grid-template-columns:1fr 1fr}.ai-done-checklist>span:nth-child(3n){border-right:1px solid var(--color-border-subtle)}.ai-done-checklist>span:nth-child(2n){border-right:0}.ai-done-checklist>span:nth-last-child(-n+3){border-bottom:1px solid var(--color-border-subtle)}.ai-done-checklist>span:nth-last-child(-n+2){border-bottom:0}}@media (max-width:680px){.select-showcase,.select-state-strip,.card-library-grid,.drawer-rules{grid-template-columns:1fr}.select-pattern:last-child{grid-column:auto}.form-selection-section{margin-top:54px;padding-top:42px}.form-subsection-header{flex-direction:column}.compact-field-pair,.field-state-inventory{grid-template-columns:1fr}.select-state-strip article,.drawer-rules article{border-right:0;border-bottom:1px solid var(--color-border-default)}.select-state-strip article:last-child,.drawer-rules article:last-child{border-bottom:0}.horizontal-card{grid-template-columns:1fr}.horizontal-art{min-height:170px}.card-anatomy{grid-template-columns:1fr}.card-anatomy span{border-right:0;border-bottom:1px solid var(--color-border-default)}.card-anatomy span:last-child{border-bottom:0}.handbook-principles,.handbook-flow>div,.handbook-motion-grid,.handbook-rules,.shipping-checklist,.shipping-checklist>div{grid-template-columns:1fr}.handbook-principles article{min-height:165px}.handbook-flow>header,.handbook-motion>header{flex-direction:column;gap:14px}.handbook-motion>header{align-items:flex-start}.shipping-checklist>header{border-right:0;border-bottom:1px solid var(--color-border-default)}.shipping-checklist>div>span{border-right:0}.shipping-checklist>div>span:nth-last-child(-n+2){border-bottom:1px solid var(--color-border-subtle)}.shipping-checklist>div>span:last-child{border-bottom:0}.ai-prompt-builder>header,.ai-reference-map>header,.ai-done-section>header{flex-direction:column;align-items:flex-start;gap:10px}.ai-builder-grid,.ai-reference-grid,.ai-done-checklist{grid-template-columns:1fr}.ai-mode-control{grid-column:auto}.ai-reference-grid article,.ai-reference-grid article:nth-child(2){border-right:0;border-bottom:1px solid var(--color-border-default)}.ai-reference-grid article:last-child{border-bottom:0}.ai-done-checklist>span,.ai-done-checklist>span:nth-child(2n),.ai-done-checklist>span:nth-child(3n),.ai-done-checklist>span:nth-last-child(-n+3){border-right:0;border-bottom:1px solid var(--color-border-subtle)}.ai-done-checklist>span:last-child{border-bottom:0}.ai-handoff-layout{grid-template-columns:1fr}.ai-prompt-card>header{flex-direction:column;align-items:flex-start}.ai-prompt-actions{width:100%}.ai-prompt-actions button,.ai-prompt-actions a{flex:1}.ai-prompt-card pre{max-height:620px;padding:17px;font-size:8px}.drawer-demo{height:650px}.drawer-demo-content{padding:14px}.drawer-demo-content>header{flex-direction:column;align-items:flex-start;gap:12px}.drawer-record-list article{grid-template-columns:42px 1fr auto;gap:8px}.drawer-record-list article>.status-badge{grid-column:2;justify-self:start}.drawer-record-list article>button{color:#0000;grid-area:1/3/span 2;width:34px;overflow:hidden}.drawer-record-list article>button span{color:var(--color-text-primary);margin:0}.detail-drawer,.grid-detail-peek{width:100%}.drawer-header{grid-template-columns:64px 1fr 30px}.drawer-hero{width:64px;height:58px}.grid-toolbar>div{padding-bottom:2px}.grid-toolbar select{flex:none}.grid-detail-peek>header{grid-template-columns:58px 1fr 30px}.content-thumb.large{width:58px;height:50px}}.operational-patterns-section{background:var(--color-background-secondary)}.op-anatomy-strip{border:1px solid var(--color-border-default);background:var(--color-surface);border-bottom:0;grid-template-columns:repeat(5,1fr);min-height:40px;display:grid}.op-anatomy-strip span{border-right:1px solid var(--color-border-default);color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;align-items:center;padding:0 12px;display:flex}.op-anatomy-strip span:last-child{border-right:0}.op-workspace-demo{border:1px solid var(--color-border-default);background:var(--color-background-primary);box-shadow:var(--shadow-operational);overflow:hidden}.op-page-header{border-left:var(--signal-rail-width) solid var(--color-interactive-primary);background:radial-gradient(circle at 88% 38%, color-mix(in srgb, var(--violet-500) 16%, transparent), transparent 34%), linear-gradient(90deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 91%, var(--violet-500)));min-height:132px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-command)) 0, 100% var(--portal-cut-command), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;display:grid;position:relative;overflow:hidden}.op-page-header:before{content:"";opacity:1;pointer-events:none;background-image:linear-gradient(var(--portal-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--portal-grid-line) 1px, transparent 1px);background-size:var(--technical-grid-size) var(--technical-grid-size);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 84%);mask-image:linear-gradient(90deg,#000,#0000 84%)}.op-page-header:after{content:"";width:var(--portal-cut-command);height:var(--portal-cut-command);background:var(--portal-outline);clip-path:polygon(0 0,100% 100%,100% 0);position:absolute;top:0;right:0}.op-page-mark{z-index:1;background:var(--brand-mark-tile);border:1px solid var(--portal-outline);width:48px;height:42px;box-shadow:inset var(--signal-rail-width) 0 var(--violet-500);clip-path:polygon(0 0, calc(100% - var(--portal-cut-mark)) 0, 100% var(--portal-cut-mark), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));place-items:center;padding:8px;display:grid;position:relative}.op-page-mark img{object-fit:contain;width:100%;height:100%}.op-page-copy{z-index:1;min-width:0;position:relative}.op-page-copy small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.12em}.op-page-copy small b{margin-left:12px}.op-page-copy h3{letter-spacing:-.04em;margin:7px 0 3px;font-size:24px}.op-page-copy p{max-width:540px;color:var(--color-text-secondary);margin:0;font-size:9px}.op-page-context{z-index:1;border:1px solid var(--color-border-default);background:color-mix(in srgb, var(--color-surface) 94%, transparent);grid-template-columns:repeat(2,98px);margin:0;display:grid;position:relative}.op-page-context div{padding:12px}.op-page-context div+div{border-left:1px solid var(--color-border-default)}.op-page-context dt{color:var(--color-text-muted);font:5px var(--font-geist-mono), monospace;letter-spacing:.1em}.op-page-context dd{font:700 10px var(--font-geist-mono), monospace;margin:6px 0 0}.op-page-context dd i{background:var(--color-success);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.op-metric-row{grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;display:grid}.op-metric-row article{border:1px solid var(--color-border-default);border-left:var(--signal-rail-width) solid var(--color-interactive-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 96%, white), transparent 46%), var(--color-surface);min-height:114px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% var(--portal-cut-surface), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));padding:14px;position:relative;overflow:hidden}.op-metric-row article:nth-child(3){border-left-color:var(--lime-500)}.op-metric-row header{justify-content:space-between;align-items:center;display:flex}.op-metric-row header>span{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.op-metric-row .status-badge{font-size:5px}.op-metric-row article>strong{font-variant-numeric:tabular-nums;margin-top:17px;font-size:25px;line-height:1;display:block}.op-metric-row article>p{border-top:1px solid var(--color-border-default);color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;text-transform:uppercase;margin:14px 0 0;padding-top:8px}.op-query-surface{border:1px solid var(--color-border-default);background:var(--color-surface);margin:0 12px 12px}.op-query-surface>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;min-height:34px;padding:0 12px;display:flex}.op-query-surface>header span{font:650 6px var(--font-geist-mono), monospace;letter-spacing:.1em}.op-query-surface>header code{color:var(--color-text-muted);letter-spacing:.12em;font-size:5px}.op-filter-bar{border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;align-items:center;gap:6px;padding:9px;display:flex}.op-filter-bar>button,.op-filter-popover-wrap>button{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:32px;color:var(--color-text-secondary);padding:0 10px;font-size:7px}.op-filter-bar button span{color:var(--color-text-muted);margin-left:8px}.op-filter-bar>button:hover,.op-filter-popover-wrap>button:hover{border-color:var(--color-border-strong)}.op-filter-popover-wrap{position:relative}.op-filter-popover-wrap>button.is-active{border-color:color-mix(in srgb, var(--color-interactive-primary) 55%, var(--color-border-default));color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface))}.op-type-switch{border:1px solid var(--color-border-default);background:var(--color-background-secondary);min-height:32px;padding:2px;display:inline-flex}.op-type-switch button{min-width:48px;color:var(--color-text-muted);background:0 0;border:0;font-size:7px}.op-type-switch button[aria-pressed=true]{color:var(--color-interactive-primary);background:var(--color-surface);box-shadow:inset 0 -2px var(--color-interactive-primary), var(--shadow-operational)}.op-filter-bar>.op-upload-button{color:#fff;background:var(--button-primary-background);border-color:#0000}.op-filter-popover{z-index:12;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:230px;padding:8px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 18px 50px #00000038}.op-filter-popover>label{border:1px solid var(--input-border);align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.op-filter-popover>label:focus-within{border:2px solid var(--color-focus)}.op-filter-popover>label input{min-width:0;color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;font-size:8px}.op-filter-popover>p{color:var(--color-text-muted);margin:9px 4px 5px;font-size:7px}.op-filter-popover>div{max-height:148px;overflow:auto}.op-filter-popover>div label{align-items:center;gap:8px;min-height:32px;padding:0 7px;font-size:8px;display:flex}.op-filter-popover>div label:hover{background:var(--color-background-secondary)}.op-filter-popover>div input{opacity:0;position:absolute}.op-filter-popover>div i{border:1px solid var(--input-border);color:#0000;flex:none;place-items:center;width:14px;height:14px;font-size:7px;font-style:normal;display:grid}.op-filter-popover>div input:checked+i{color:#fff;border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.op-filter-popover>div input:focus-visible+i{outline:2px solid var(--color-focus);outline-offset:2px}.op-filter-popover footer{border-top:1px solid var(--color-border-default);justify-content:space-between;gap:6px;padding-top:7px;display:flex}.op-filter-popover footer button{border:1px solid var(--color-border-default);background:0 0;flex:1;min-height:28px;font-size:7px}.op-filter-popover footer button:last-child{color:#fff;background:var(--color-interactive-primary);border-color:#0000}.op-results-toolbar{align-items:center;gap:12px;min-height:47px;padding:7px 10px;display:flex}.op-results-toolbar>strong{font:700 9px var(--font-geist-mono), monospace;white-space:nowrap;margin-right:auto}.op-results-toolbar>strong span{color:var(--color-text-muted);font-size:6px;font-weight:400}.op-results-actions{align-items:center;gap:5px;display:flex}.op-results-actions>button,.op-results-actions>label{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:30px;color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:6px;display:flex}.op-results-actions>button{border-color:#0000}.op-results-actions select,.op-results-actions input{background:var(--color-background-secondary);height:24px;color:var(--color-text-primary);font:700 7px var(--font-geist-mono), monospace;border:0}.op-results-actions input{text-align:center;width:34px}.op-results-actions label>span{color:var(--color-text-muted)}.op-density-switch{border:1px solid var(--color-border-default);background:var(--color-background-secondary);min-height:30px;padding:2px;display:flex}.op-density-switch button{width:28px;color:var(--color-text-muted);background:0 0;border:0;font-size:10px}.op-density-switch button[aria-pressed=true]{color:var(--color-interactive-primary);background:var(--color-surface);box-shadow:inset 0 -2px var(--color-interactive-primary)}.op-master-detail{border:1px solid var(--color-border-default);background:var(--color-surface);grid-template-columns:minmax(330px,1.35fr) minmax(260px,.9fr);min-height:250px;margin:0 12px 12px;display:grid}.op-master-pane{border-right:1px solid var(--color-border-default);min-width:0}.op-master-pane>header{border-bottom:1px solid var(--color-border-strong);min-height:34px;color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;grid-template-columns:minmax(0,1fr) 70px 58px;align-items:center;padding:0 12px;display:grid}.op-master-pane>header span{text-align:right}.op-master-pane>button{border:0;border-bottom:1px solid var(--color-border-default);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) 70px 58px;align-items:center;width:100%;min-height:58px;padding:0 12px;display:grid}.op-master-pane>button:hover{background:var(--table-row-hover)}.op-master-pane>button.selected{background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface));box-shadow:inset 2px 0 var(--color-interactive-primary)}.op-master-pane>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.op-master-pane>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.op-master-pane>button small{color:var(--color-text-muted);font-size:7px}.op-master-pane>button b{text-align:right;font:8px var(--font-geist-mono), monospace}.op-detail-pane{flex-direction:column;min-width:0;display:flex}.op-detail-pane>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:0 11px;display:flex}.op-detail-pane>header div{flex-direction:column;gap:3px;display:flex}.op-detail-pane>header span{color:var(--color-text-muted);font:5px var(--font-geist-mono), monospace}.op-detail-pane>header strong{font-size:9px}.op-detail-pane>header button{background:var(--button-primary-background);color:#fff;border:0;min-height:28px;padding:0 9px;font-size:6px}.op-title-list{padding:6px}.op-title-list button{border:0;border-bottom:1px solid var(--color-border-default);text-align:left;background:0 0;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;width:100%;min-height:54px;padding:6px;display:grid}.op-title-list button:hover{background:var(--color-background-secondary)}.op-title-list button>i{background:var(--neutral-900);color:#fff;width:40px;height:38px;font:7px var(--font-geist-mono), monospace;place-items:center;font-style:normal;display:grid}.op-title-list button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.op-title-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.op-title-list button small{color:var(--color-text-muted);font-size:6px}.op-title-list button b{color:var(--color-text-muted);font-size:8px}.op-contained-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:200px;padding:24px;display:flex}.op-contained-state strong{font-size:10px}.op-contained-state p{max-width:230px;color:var(--color-text-muted);margin:0;font-size:7px;line-height:1.5}.op-contained-state .ds-button{min-height:30px;margin-top:5px;padding-inline:11px;font-size:7px}.op-contained-state.error .op-state-icon{color:var(--color-danger);border-color:var(--color-danger)}.op-state-icon{border:1px solid var(--color-border-strong);width:27px;height:27px;color:var(--color-interactive-primary);font:700 9px var(--font-geist-mono), monospace;place-items:center;display:grid}.op-spinner{border:2px solid var(--color-border-default);border-right-color:var(--color-interactive-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite op-spin}.op-state-switch{justify-content:flex-end;align-items:center;gap:5px;min-height:42px;padding:0 12px 12px;display:flex}.op-state-switch>span{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;margin-right:auto}.op-state-switch button{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:28px;color:var(--color-text-muted);text-transform:uppercase;padding:0 9px;font-size:6px}.op-state-switch button[aria-pressed=true]{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface))}.op-product-contract,.op-validated-components{border:1px solid var(--color-border-default);background:var(--color-surface);border-top:0}.op-product-contract>header,.op-validated-components>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:92px;padding:18px;display:flex}.op-product-contract>header div,.op-validated-components>header div{min-width:0}.op-product-contract>header span,.op-validated-components>header span{color:var(--color-interactive-primary);font:650 6px var(--font-geist-mono), monospace;letter-spacing:.1em}.op-product-contract>header h3,.op-validated-components>header h3{letter-spacing:-.025em;margin:7px 0 0;font-size:16px}.op-product-contract>header p,.op-validated-components>header p{max-width:470px;color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}.op-contract-grid{grid-template-columns:repeat(4,1fr);display:grid}.op-contract-grid>article{border-right:1px solid var(--color-border-default);min-width:0;padding:14px}.op-contract-grid>article:last-child{border-right:0}.op-contract-grid article>span{color:var(--color-interactive-primary);font:650 6px var(--font-geist-mono), monospace;letter-spacing:.08em;margin-top:11px;display:block}.op-contract-grid h4{margin:6px 0 4px;font-size:11px}.op-contract-grid p{min-height:50px;color:var(--color-text-secondary);margin:0;font-size:7px;line-height:1.5}.op-contract-grid code{color:var(--color-text-muted);margin-top:9px;font-size:6px;display:inline-block}.op-cut-preview,.op-grid-preview,.op-theme-preview,.op-signal-preview{border:1px solid var(--color-border-default);background:var(--color-background-secondary);height:78px;position:relative;overflow:hidden}.op-cut-preview{justify-content:center;align-items:flex-end;gap:10px;padding:12px;display:flex}.op-cut-preview i{background:color-mix(in srgb, var(--violet-500) 8%, var(--color-surface));border:1px solid var(--portal-outline);width:43px;height:45px;filter:drop-shadow(0 0 .7px var(--portal-outline))}.op-cut-preview .cut-8{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.op-cut-preview .cut-12{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);height:51px}.op-cut-preview .cut-16{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);height:58px}.op-grid-preview{background:radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--violet-500) 14%, transparent), transparent 42%), var(--color-surface)}.op-grid-preview:before{content:"";background-image:linear-gradient(var(--portal-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--portal-grid-line) 1px, transparent 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 84%);mask-image:linear-gradient(90deg,#000,#0000 84%)}.op-grid-preview i{width:52%;height:var(--signal-rail-width);background:linear-gradient(90deg, var(--violet-500), var(--blue-500), transparent);position:absolute;bottom:12px;left:11px}.op-theme-preview{grid-template-columns:1fr 1fr;display:grid}.op-theme-preview>i{place-items:center;font-style:normal;display:grid}.op-theme-preview>i+i{border-left:1px solid var(--color-border-default)}.op-theme-preview .light{background:radial-gradient(circle at 80% 10%,#8826ff1f,#0000 48%),#f8f7fb}.op-theme-preview .dark{background:radial-gradient(circle at 80% 10%,#8826ff33,#0000 48%),#0c0c10}.op-theme-preview b{width:40px;height:32px;box-shadow:inset 2px 0 var(--violet-500);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);background:#0d0d0f;border:1px solid #ffffff2e}.op-signal-preview{grid-template-columns:2px 1fr 1fr;align-items:center;gap:12px;padding:12px;display:grid}.op-signal-preview:before{content:"";background:linear-gradient(120deg, color-mix(in srgb, var(--violet-500) 7%, transparent), transparent 46%);position:absolute;inset:0}.op-signal-preview i{z-index:1;background:linear-gradient(var(--violet-500), var(--blue-500), var(--lime-500));height:44px;position:relative}.op-signal-preview i+i{background:linear-gradient(90deg, var(--violet-500), var(--blue-500));width:42px;height:2px}.op-signal-preview b{z-index:1;background:var(--lime-500);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--lime-500) 45%, transparent);position:relative;transform:rotate(45deg)}.op-validated-components>div{grid-template-columns:1fr 1fr;display:grid}.op-validated-components>div>article{min-width:0;padding:14px}.op-validated-components>div>article+article{border-left:1px solid var(--color-border-default)}.op-validated-components article>footer{align-items:flex-start;gap:14px;padding:11px 2px 0;display:flex}.op-validated-components article>footer span{color:var(--color-interactive-primary);font:650 6px var(--font-geist-mono), monospace;letter-spacing:.08em;flex:none}.op-validated-components article>footer p{color:var(--color-text-secondary);margin:0;font-size:7px;line-height:1.5}.op-mini-card{border:1px solid var(--color-border-default);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 96%, white), transparent 46%), var(--color-surface);min-height:184px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% var(--portal-cut-surface), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));flex-direction:column;align-items:flex-start;padding:18px;display:flex;position:relative}.op-mini-card-mark{width:38px;height:34px;color:var(--color-interactive-primary);background:var(--brand-mark-tile);box-shadow:inset var(--signal-rail-width) 0 var(--violet-500);clip-path:polygon(0 0, calc(100% - var(--portal-cut-mark)) 0, 100% var(--portal-cut-mark), 100% 100%, 0 100%);place-items:center;font-size:13px;display:grid}.op-mini-card>strong{margin-top:14px;font-size:11px}.op-mini-card>p{color:var(--color-text-secondary);margin:5px 0 15px;font-size:7px}.op-mini-card label{grid-template-columns:1fr auto;gap:6px;width:100%;margin-top:auto;display:grid}.op-mini-card input,.op-mini-card button{border:1px solid var(--color-border-default);min-height:32px;font-size:7px}.op-mini-card input{background:var(--color-surface);min-width:0;color:var(--color-text-primary);padding:0 9px}.op-mini-card button{color:#fff;background:var(--button-primary-background);border-color:#0000;padding:0 12px}.op-mini-activity{border:1px solid var(--color-border-default);border-left:var(--signal-rail-width) solid var(--color-interactive-primary);background:var(--color-surface);min-height:184px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% var(--portal-cut-surface), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline))}.op-mini-activity nav{border-bottom:1px solid var(--color-border-default);align-items:stretch;gap:4px;min-height:38px;padding:0 8px;display:flex}.op-mini-activity nav button{color:var(--color-text-muted);text-transform:uppercase;background:0 0;border:0;padding:0 9px;font-size:6px;font-weight:650}.op-mini-activity nav button[aria-pressed=true]{color:var(--color-interactive-primary);box-shadow:inset 0 -2px var(--color-interactive-primary)}.op-mini-activity-query{border-bottom:1px solid var(--color-border-default);min-height:40px;color:var(--color-text-muted);align-items:center;gap:7px;padding:6px 8px;font-size:6px;display:flex}.op-mini-activity-query>span:nth-child(2){flex:1}.op-mini-activity-query button{color:#fff;background:var(--button-primary-background);border:0;min-height:27px;padding:0 9px;font-size:6px}.op-mini-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:104px;display:flex}.op-mini-empty i{width:26px;height:26px;color:var(--color-interactive-primary);border:1px solid color-mix(in srgb, var(--color-interactive-primary) 32%, var(--color-border-default));place-items:center;font-style:normal;display:grid}.op-mini-empty strong{font-size:8px}.op-mini-empty p{color:var(--color-text-muted);margin:0;font-size:6px}.op-pattern-rules{border:1px solid var(--color-border-default);background:var(--color-surface);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.op-pattern-rules article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:134px;padding:17px}.op-pattern-rules article:nth-child(3n){border-right:0}.op-pattern-rules article:nth-last-child(-n+3){border-bottom:0}.op-pattern-rules article>span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.op-pattern-rules h3{margin:8px 0 5px;font-size:12px}.op-pattern-rules p{color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}@keyframes op-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.op-spinner{animation-duration:1.6s}}@media (max-width:960px){.op-page-header{grid-template-columns:48px minmax(0,1fr)}.op-page-context{grid-column:1/-1;width:100%}.op-metric-row{overflow-x:auto}.op-metric-row article{min-width:230px}.op-results-toolbar{flex-direction:column;align-items:flex-start}.op-results-actions{width:100%;overflow-x:auto}.op-master-detail{grid-template-columns:1fr}.op-master-pane{border-right:0;border-bottom:1px solid var(--color-border-default)}.op-contract-grid{grid-template-columns:1fr 1fr}.op-contract-grid>article{border-bottom:1px solid var(--color-border-default)}.op-contract-grid>article:nth-child(2n){border-right:0}.op-contract-grid>article:nth-last-child(-n+2){border-bottom:0}.op-pattern-rules{grid-template-columns:1fr 1fr}.op-pattern-rules article:nth-child(3n){border-right:1px solid var(--color-border-default)}.op-pattern-rules article:nth-child(2n){border-right:0}.op-pattern-rules article:nth-last-child(-n+3){border-bottom:1px solid var(--color-border-default)}.op-pattern-rules article:nth-last-child(-n+2){border-bottom:0}}@media (max-width:680px){.op-anatomy-strip{display:flex;overflow-x:auto}.op-anatomy-strip span{min-width:132px;min-height:40px}.op-page-header{grid-template-columns:40px minmax(0,1fr);padding:18px 14px}.op-page-mark{width:40px;height:38px}.op-page-copy h3{font-size:20px}.op-page-context{grid-template-columns:1fr 1fr}.op-metric-row article{min-width:190px}.op-filter-bar{align-items:stretch}.op-type-switch{width:100%}.op-type-switch button{flex:1}.op-filter-popover{width:auto;max-height:calc(100vh - 80px);position:fixed;inset:auto 20px 20px}.op-results-actions{padding-bottom:3px}.op-master-detail{display:block}.op-detail-pane{min-height:250px}.op-state-switch{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;padding-top:8px}.op-state-switch>span{width:100%;margin:0 0 3px}.op-product-contract>header,.op-validated-components>header{flex-direction:column;align-items:flex-start;gap:9px}.op-contract-grid{grid-template-columns:1fr}.op-contract-grid>article,.op-contract-grid>article:nth-child(2n),.op-contract-grid>article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--color-border-default)}.op-contract-grid>article:last-child{border-bottom:0}.op-contract-grid p{min-height:0}.op-validated-components>div{grid-template-columns:1fr}.op-validated-components>div>article+article{border-top:1px solid var(--color-border-default);border-left:0}.op-pattern-rules{grid-template-columns:1fr}.op-pattern-rules article,.op-pattern-rules article:nth-child(3n),.op-pattern-rules article:nth-child(2n),.op-pattern-rules article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--color-border-default)}.op-pattern-rules article:last-child{border-bottom:0}}.atlas-shell-spec,.icon-system-spec{border:1px solid var(--color-border-default);background:var(--color-surface)}.atlas-shell-spec{margin-bottom:12px}.atlas-shell-spec-header,.icon-system-spec>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:88px;padding:17px;display:flex}.atlas-shell-spec-header span,.icon-system-spec>header span{color:var(--color-interactive-primary);font:650 6px var(--font-geist-mono), monospace;letter-spacing:.1em}.atlas-shell-spec-header h3,.icon-system-spec>header h3{margin:7px 0 0;font-size:16px}.atlas-shell-spec-header p,.icon-system-spec>header p{max-width:480px;color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}.atlas-shell-demo{border:1px solid var(--color-border-default);background:var(--color-background-primary);clip-path:polygon(0 0, calc(100% - var(--portal-cut-command)) 0, 100% var(--portal-cut-command), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));margin:14px;overflow:hidden}.atlas-demo-topbar{border-bottom:1px solid var(--color-border-default);background:color-mix(in srgb, var(--color-surface) 92%, transparent);grid-template-columns:auto minmax(0,1fr) minmax(180px,250px) auto;align-items:stretch;min-height:56px;display:grid}.atlas-demo-brand{border-right:1px solid var(--color-border-default);align-items:center;gap:9px;padding:0 13px;display:flex}.atlas-demo-brand>span{background:var(--brand-mark-tile);width:32px;height:26px;box-shadow:inset 2px 0 var(--violet-500);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);place-items:center;display:grid}.atlas-demo-brand i{border:1.5px solid #fff;width:14px;height:8px;transform:skew(-16deg)}.atlas-demo-brand strong{font:650 8px var(--font-geist-mono), monospace;letter-spacing:.12em}.atlas-demo-topbar>nav{align-items:stretch;gap:2px;min-width:0;padding-inline:4px;display:flex;overflow:hidden}.atlas-demo-topbar>nav button{min-width:0;color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:7px;display:flex;position:relative}.atlas-demo-topbar>nav button:after{content:"";background:var(--color-interactive-primary);transform-origin:50%;height:2px;transition:transform var(--motion-operational) var(--ease-standard);position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}.atlas-demo-topbar>nav button svg{flex:none;display:none}.atlas-demo-topbar>nav button:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-interactive-primary) 3%, transparent)}.atlas-demo-topbar>nav button[aria-current=page]{color:var(--color-text-primary);font-weight:650}.atlas-demo-topbar>nav button[aria-current=page]:after{transform:scaleX(1)}.atlas-demo-search{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;height:34px;color:var(--color-text-muted);text-align:left;align-self:center;align-items:center;gap:7px;margin:0 8px;padding:0 8px;font-size:7px;display:flex}.atlas-demo-search span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.atlas-demo-search kbd{font:6px var(--font-geist-mono), monospace}.atlas-demo-utilities{align-items:center;gap:2px;padding-right:9px;display:flex}.atlas-demo-utilities>button{width:30px;height:34px;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;display:grid}.atlas-demo-utilities>button:hover{color:var(--color-interactive-primary);background:var(--color-background-secondary)}.atlas-demo-utilities>.atlas-demo-avatar,.atlas-demo-avatar{color:#fff;background:linear-gradient(135deg, var(--violet-500), var(--blue-500));width:27px;height:27px;font:650 7px var(--font-geist-mono), monospace;place-items:center;display:grid}.atlas-demo-workspace{min-height:350px;transition:grid-template-columns var(--motion-operational) var(--ease-standard);grid-template-columns:164px minmax(0,1fr);display:grid}.atlas-shell-demo.sidebar-collapsed .atlas-demo-workspace{grid-template-columns:48px minmax(0,1fr)}.atlas-demo-workspace>aside{color:#a2a2aa;background:#0c0c0e;flex-direction:column;min-width:0;display:flex}.atlas-demo-workspace>aside>header{border-bottom:1px solid #242429;align-items:center;gap:9px;min-height:42px;padding:0 10px;display:flex}.atlas-demo-workspace>aside>header button{color:#d0d0d5;background:#17171a;border:0;flex:none;place-items:center;width:26px;height:26px;display:grid}.atlas-demo-workspace>aside>header span{font:6px var(--font-geist-mono), monospace;letter-spacing:.11em;white-space:nowrap;overflow:hidden}.atlas-demo-workspace>aside nav{padding:9px 0}.atlas-demo-workspace>aside nav button{color:#92929b;text-align:left;white-space:nowrap;background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:28px 1fr auto;align-items:center;width:100%;min-height:34px;padding:0 9px;font-size:7px;display:grid;overflow:hidden}.atlas-demo-workspace>aside nav button svg{justify-self:center}.atlas-demo-workspace>aside nav button.active{color:#fff;border-left-color:var(--violet-500);background:#19191c}.atlas-demo-workspace>aside nav button b{text-align:center;min-width:18px;font:6px var(--font-geist-mono), monospace;background:#2b2b31;padding:2px 4px}.atlas-demo-workspace>aside footer{border-top:1px solid #242429;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;min-height:52px;margin-top:auto;padding:0 10px;display:grid;overflow:hidden}.atlas-demo-workspace>aside footer div{white-space:nowrap;flex-direction:column;gap:2px;min-width:0;display:flex}.atlas-demo-workspace>aside footer strong{color:#fff;font-size:7px}.atlas-demo-workspace>aside footer small{color:#76767e;font-size:5px}.atlas-shell-demo.sidebar-collapsed .atlas-demo-workspace>aside :is(header span,nav span,nav b,footer div,footer>svg){display:none}.atlas-demo-workspace>main{background-image:linear-gradient(var(--portal-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--portal-grid-line) 1px, transparent 1px);background-size:var(--technical-grid-size) var(--technical-grid-size);min-width:0;padding:18px}.atlas-demo-breadcrumb{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;align-items:center;gap:6px;display:flex}.atlas-demo-breadcrumb strong{color:var(--color-text-secondary)}.atlas-demo-page-title{border:1px solid var(--color-border-default);border-left:var(--signal-rail-width) solid var(--violet-500);background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--violet-500) 13%, transparent), transparent 42%), color-mix(in srgb, var(--color-surface) 90%, transparent);min-height:118px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% var(--portal-cut-surface), 100% 100%, 0 100%);justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding:16px;display:flex}.atlas-demo-page-title small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.atlas-demo-page-title h4{letter-spacing:-.04em;margin:7px 0 4px;font-size:21px}.atlas-demo-page-title p{max-width:470px;color:var(--color-text-secondary);margin:0;font-size:7px}.atlas-demo-page-title button{color:#fff;background:var(--button-primary-background);border:0;flex:none;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:7px;display:flex}.atlas-demo-content{grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:9px;display:grid}.atlas-demo-content span{border:1px solid var(--color-border-default);border-left:2px solid var(--violet-500);background:var(--color-surface);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);min-height:88px}.atlas-demo-content span:last-child{border-left-color:var(--lime-500)}.atlas-shell-rules{border-top:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);display:grid}.atlas-shell-rules article{border-right:1px solid var(--color-border-default);min-height:110px;padding:14px}.atlas-shell-rules article:last-child{border-right:0}.atlas-shell-rules span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono), monospace}.atlas-shell-rules strong{margin:8px 0 4px;font-size:10px;display:block}.atlas-shell-rules p{color:var(--color-text-secondary);margin:0;font-size:7px;line-height:1.5}.icon-system-spec{margin-top:12px}.icon-inventory{grid-template-columns:repeat(6,1fr);display:grid}.icon-inventory article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:86px;display:flex}.icon-inventory article:nth-child(6n){border-right:0}.icon-inventory svg{color:var(--color-interactive-primary)}.icon-inventory strong{font-size:7px}.icon-inventory code{color:var(--color-text-muted);font-size:6px}.icon-rules{grid-template-columns:repeat(6,1fr);display:grid}.icon-rules article{border-right:1px solid var(--color-border-default);flex-direction:column;align-items:flex-start;gap:8px;min-height:130px;padding:13px;display:flex}.icon-rules article:last-child{border-right:0}.icon-rules>article>span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono), monospace}.icon-rules p{color:var(--color-text-secondary);margin:auto 0 0;font-size:7px;line-height:1.45}.icon-rules article>div{align-items:center;gap:9px;display:flex}.icon-rules button{border:1px solid var(--color-border-default);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-primary);place-items:center;display:grid}.icon-avoid{color:var(--color-danger);letter-spacing:4px;font-size:17px}@media (max-width:960px){.atlas-demo-topbar{grid-template-columns:auto minmax(0,1fr) auto}.atlas-demo-topbar>nav button span{display:none}.atlas-demo-topbar>nav button svg{display:block}.atlas-demo-search{display:none}.atlas-shell-rules{grid-template-columns:1fr 1fr}.atlas-shell-rules article:nth-child(2){border-right:0}.atlas-shell-rules article:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}.icon-inventory{grid-template-columns:repeat(4,1fr)}.icon-inventory article:nth-child(6n){border-right:1px solid var(--color-border-default)}.icon-inventory article:nth-child(4n){border-right:0}.icon-rules{grid-template-columns:repeat(3,1fr)}.icon-rules article:nth-child(3){border-right:0}.icon-rules article:nth-child(-n+3){border-bottom:1px solid var(--color-border-default)}}@media (max-width:680px){.atlas-shell-spec-header,.icon-system-spec>header{flex-direction:column;align-items:flex-start;gap:9px}.atlas-shell-demo{margin:10px}.atlas-demo-topbar{grid-template-columns:auto 1fr auto}.atlas-demo-brand{padding-inline:8px}.atlas-demo-brand strong{display:none}.atlas-demo-topbar>nav{overflow-x:auto}.atlas-demo-topbar>nav button{justify-content:center;min-width:36px;padding:0 8px}.atlas-demo-utilities>button:nth-child(-n+2){display:none}.atlas-demo-workspace{grid-template-columns:48px minmax(0,1fr)}.atlas-demo-workspace>aside :is(header span,nav span,nav b,footer div,footer>svg){display:none}.atlas-demo-workspace>main{padding:10px}.atlas-demo-page-title{flex-direction:column;align-items:flex-start;padding:13px}.atlas-demo-page-title button{justify-content:center;width:100%}.atlas-demo-content,.atlas-shell-rules{grid-template-columns:1fr}.atlas-shell-rules article,.atlas-shell-rules article:nth-child(2){border-right:0;border-bottom:1px solid var(--color-border-default)}.atlas-shell-rules article:last-child{border-bottom:0}.icon-inventory{grid-template-columns:repeat(3,1fr)}.icon-inventory article:nth-child(4n),.icon-inventory article:nth-child(6n){border-right:1px solid var(--color-border-default)}.icon-inventory article:nth-child(3n){border-right:0}.icon-rules{grid-template-columns:1fr 1fr}.icon-rules article,.icon-rules article:nth-child(3){border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default)}.icon-rules article:nth-child(2n){border-right:0}.icon-rules article:nth-last-child(-n+2){border-bottom:0}}.utility-patterns-section{background:var(--color-surface)}.pattern-family+.pattern-family{margin-top:18px}.pattern-family>header{border:1px solid var(--color-border-default);background:var(--color-background-primary);border-bottom:0;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:17px 20px;display:flex}.pattern-family>header span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.pattern-family>header h3{text-transform:uppercase;margin:6px 0 0;font-size:15px}.pattern-family>header code{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;white-space:nowrap}.navigation-pattern-grid,.data-pattern-grid,.overlay-pattern-grid{border:1px solid var(--color-border-default);grid-template-columns:.9fr 1.1fr 1.35fr;display:grid}.data-pattern-grid,.overlay-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-card{border-right:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;min-height:300px;padding:16px}.utility-card:last-child{border-right:0}.utility-card>header{min-height:24px;color:var(--color-text-secondary);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.utility-card>header code,.utility-card>header kbd{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.breadcrumb-pattern nav{flex-wrap:wrap;align-items:center;gap:7px;min-height:46px;margin-top:40px;display:flex}.breadcrumb-pattern nav a,.breadcrumb-pattern nav span{color:var(--color-text-secondary);font-size:9px;text-decoration:none}.breadcrumb-pattern nav a:hover{color:var(--color-interactive-primary)}.breadcrumb-pattern nav span{color:var(--color-text-primary);font-weight:600}.breadcrumb-pattern nav i{color:var(--color-border-strong);font-style:normal}.breadcrumb-pattern p{color:var(--color-text-muted);margin:30px 0 0;font-size:8px;line-height:1.55}.stepper-pattern ol{grid-template-columns:repeat(4,1fr);margin:34px 0 0;padding:0;list-style:none;display:grid}.stepper-pattern li{position:relative}.stepper-pattern li:not(:last-child):after{content:"";background:var(--color-border-default);height:1px;position:absolute;top:11px;left:calc(50% + 11px);right:calc(11px - 50%)}.stepper-pattern li[data-state=complete]:not(:last-child):after{background:var(--color-interactive-primary)}.stepper-pattern li button{width:100%;color:var(--color-text-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0 2px;font-size:7px;display:flex}.stepper-pattern li i{z-index:1;border:1px solid var(--color-border-default);background:var(--color-surface);width:22px;height:22px;font:normal 7px var(--font-geist-mono), monospace;place-items:center;display:grid;position:relative}.stepper-pattern li[data-state=complete] i{border-color:var(--color-interactive-primary);background:var(--color-interactive-primary);color:#fff}.stepper-pattern li[data-state=active] button{color:var(--color-text-primary);font-weight:600}.stepper-pattern li[data-state=active] i{border:2px solid var(--color-interactive-primary);color:var(--color-interactive-primary)}.stepper-actions{border-top:1px solid var(--color-border-subtle);justify-content:space-between;margin-top:38px;padding-top:14px;display:flex}.stepper-actions .ds-button{min-height:34px;padding-inline:12px;font-size:7px}.command-pattern{background:var(--neutral-950);color:#fff;padding:0}.command-pattern>header{color:#c7c7cf;min-height:43px;padding:14px 15px 0}.command-pattern>header kbd{color:#90909a;border:1px solid #35353b;padding:3px 5px}.command-pattern>label{color:#8f8f99;background:#17171b;border:1px solid #3a3a42;align-items:center;gap:8px;height:45px;margin:0 10px 6px;padding:0 11px;display:flex}.command-pattern>label:focus-within{border-color:var(--violet-400)}.command-pattern input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:9px}.command-pattern input::placeholder{color:#74747d}.command-pattern [role=listbox]{padding:5px 7px}.command-pattern [role=option]{color:#d6d6dc;text-align:left;background:0 0;border:0;grid-template-columns:17px 1fr auto;align-items:center;gap:8px;width:100%;min-height:43px;padding:0 9px;display:grid}.command-pattern [role=option][aria-selected=true],.command-pattern [role=option]:hover{color:#fff;background:linear-gradient(90deg,#8826ff42,#2f00ff1f)}.command-pattern [role=option] span{flex-direction:column;gap:3px;display:flex}.command-pattern [role=option] strong{font-size:8px;font-weight:500}.command-pattern [role=option] small,.command-pattern [role=option] kbd{color:#85858f;font:6px var(--font-geist-mono), monospace}.command-pattern [role=listbox]>p{color:#85858f;text-align:center;padding:40px 10px;font-size:8px}.command-pattern>footer{color:#74747d;min-height:26px;font:5.5px var(--font-geist-mono), monospace;border-top:1px solid #29292f;padding:8px 13px}.structured-list,.timeline-pattern,.activity-pattern{min-height:348px}.structured-list ul,.activity-pattern ul,.timeline-pattern ol{margin:18px 0 0;padding:0;list-style:none}.structured-list li{border-top:1px solid var(--color-border-subtle);grid-template-columns:42px minmax(0,1fr) auto 28px;align-items:center;gap:9px;min-height:72px;padding:10px 0;display:grid}.structured-list .list-thumb{background:var(--gradient-brand-dark);color:#fff;width:42px;height:45px;font:7px var(--font-geist-mono), monospace;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,0 100%);place-items:center;display:grid}.structured-list .thumb-2{background:linear-gradient(135deg, var(--blue-700), var(--violet-400))}.structured-list .thumb-3{background:linear-gradient(135deg, var(--neutral-900), var(--blue-500))}.structured-list li>div{flex-direction:column;gap:4px;min-width:0;display:flex}.structured-list li strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.structured-list li small{color:var(--color-text-muted);font-size:7px}.structured-list li>button{border:1px solid var(--color-border-default);width:27px;height:27px;color:var(--color-text-muted);background:0 0;place-items:center;display:grid}.structured-list .status-badge{font-size:5.5px}.timeline-pattern ol{padding-left:4px}.timeline-pattern li{grid-template-columns:25px 1fr;gap:10px;min-height:69px;display:grid;position:relative}.timeline-pattern li:not(:last-child):after{content:"";background:var(--color-border-default);width:1px;position:absolute;top:25px;bottom:0;left:11px}.timeline-pattern li>i{z-index:1;border:1px solid var(--color-border-default);background:var(--color-surface);width:23px;height:23px;color:var(--color-text-muted);font:normal 6px var(--font-geist-mono), monospace;place-items:center;display:grid;position:relative}.timeline-pattern li.complete>i{border-color:var(--color-success);background:var(--color-success);color:#fff}.timeline-pattern li.current>i{border:2px solid var(--color-interactive-primary);color:var(--color-interactive-primary)}.timeline-pattern li>div{grid-template-columns:1fr auto;align-content:start;gap:4px 8px;display:grid}.timeline-pattern li small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace;grid-column:1}.timeline-pattern li strong{grid-column:1;font-size:9px}.timeline-pattern li span{color:var(--color-text-muted);grid-area:1/2/3;align-self:center;font-size:6px}.timeline-pattern li.current span{color:var(--color-interactive-primary)}.activity-pattern>header button{color:var(--color-interactive-primary);background:0 0;border:0;font-size:7px}.activity-pattern li{grid-template-columns:11px 1fr;gap:10px;min-height:88px;display:grid}.activity-pattern li>i{border:2px solid var(--color-border-strong);background:var(--color-surface);width:8px;height:8px;margin-top:5px;transform:rotate(45deg)}.activity-pattern li>i.violet{border-color:var(--violet-500);background:var(--violet-500)}.activity-pattern li>i.green{border-color:var(--color-success);background:var(--color-success)}.activity-pattern li>div{border-bottom:1px solid var(--color-border-subtle);padding-bottom:14px}.activity-pattern li:last-child>div{border-bottom:0}.activity-pattern strong{font-size:9px}.activity-pattern p{color:var(--color-text-secondary);margin:6px 0;font-size:8px;line-height:1.45}.activity-pattern small{color:var(--color-text-muted);font:6px var(--font-geist-mono), monospace}.menu-pattern,.accordion-pattern,.modal-pattern{min-height:356px}.menu-stage{background:var(--color-background-primary);flex-direction:column;align-items:flex-start;min-height:280px;margin-top:12px;padding:22px;display:flex;position:relative}.menu-trigger{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:38px;color:var(--color-text-primary);align-items:center;gap:10px;padding:0 11px;font-size:8px;display:inline-flex}.menu-stage>span{color:var(--color-text-muted);margin-top:auto;font-size:7px}.menu-stage [role=menu]{z-index:2;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:185px;animation:utility-pop-in .16s var(--ease-standard) both;padding:5px;position:absolute;top:64px;left:22px;box-shadow:0 16px 44px #0003}.menu-stage [role=menu] button{width:100%;min-height:35px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:7px;display:flex}.menu-stage [role=menu] button:hover{background:var(--color-background-secondary)}.menu-stage [role=menu] .danger-text{color:var(--color-danger)}.menu-stage [role=menu] hr{border:0;border-top:1px solid var(--color-border-default);margin:4px 0}.accordion-pattern>div{border-top:1px solid var(--color-border-default);margin-top:14px}.accordion-pattern section{border-bottom:1px solid var(--color-border-default)}.accordion-pattern h4{margin:0}.accordion-pattern h4 button{width:100%;min-height:54px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:0;font-size:9px;display:flex}.accordion-pattern h4 i{border:1px solid var(--color-border-default);width:22px;height:22px;color:var(--color-interactive-primary);font:normal 12px var(--font-geist-mono), monospace;place-items:center;display:grid}.accordion-pattern section>div p{color:var(--color-text-secondary);margin:-2px 28px 15px 0;font-size:8px;line-height:1.55}.modal-pattern{position:relative;overflow:hidden}.modal-stage{background:var(--color-background-primary);flex-direction:column;justify-content:center;align-items:flex-start;min-height:280px;margin-top:12px;padding:24px;display:flex}.modal-stage>p{color:var(--color-text-secondary);margin:0 0 20px;font-size:9px;line-height:1.55}.inline-modal-layer{z-index:5;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.inline-modal-scrim{background:#000000a3;border:0;width:100%;position:absolute;inset:0}.inline-modal{background:var(--color-surface-raised);width:min(330px,100% - 12px);color:var(--color-text-primary);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);animation:utility-modal-in .22s var(--ease-standard) both;padding:22px;position:relative;box-shadow:0 24px 80px #00000061}.inline-modal-close{width:28px;height:28px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-warning{background:color-mix(in srgb, var(--color-danger) 12%, transparent);width:34px;height:34px;color:var(--color-danger);place-items:center;margin-bottom:16px;display:grid}.inline-modal>small{color:var(--color-danger);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.inline-modal h4{margin:7px 0 8px;font-size:15px}.inline-modal p{color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}.inline-modal footer{border-top:1px solid var(--color-border-default);justify-content:flex-end;gap:7px;margin-top:20px;padding-top:14px;display:flex}.inline-modal footer .ds-button{min-height:34px;padding-inline:11px;font-size:7px}@keyframes utility-pop-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes utility-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1080px){.navigation-pattern-grid,.data-pattern-grid,.overlay-pattern-grid{grid-template-columns:1fr 1fr}.navigation-pattern-grid .command-pattern,.data-pattern-grid .activity-pattern,.overlay-pattern-grid .modal-pattern{border-top:1px solid var(--color-border-default);grid-column:1/-1}.utility-card:nth-child(2){border-right:0}.command-pattern{min-height:330px}}@media (max-width:680px){.palette-collection>header,.pattern-family>header{flex-direction:column;align-items:flex-start}.palette-row{grid-template-columns:1fr}.palette-name{border-right:0;border-bottom:1px solid var(--color-border-default)}.palette-scale{grid-template-columns:repeat(11,62px);overflow-x:auto}.navigation-pattern-grid,.data-pattern-grid,.overlay-pattern-grid{grid-template-columns:1fr}.navigation-pattern-grid .command-pattern,.data-pattern-grid .activity-pattern,.overlay-pattern-grid .modal-pattern{grid-column:auto}.utility-card{border-right:0;border-bottom:1px solid var(--color-border-default)}.utility-card:last-child{border-bottom:0}.pattern-family>header code{white-space:normal}}@media (prefers-reduced-motion:reduce){.menu-stage [role=menu],.inline-modal,.palette-scale button{transition:none;animation:none}}.chart-pattern-library{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px}.chart-pattern-library>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:90px;padding:18px;display:flex}.chart-pattern-library>header span,.chart-pattern-grid article>header>span{color:var(--color-interactive-primary);font:650 6px var(--font-geist-mono), monospace;letter-spacing:.1em}.chart-pattern-library>header h3{margin:7px 0 0;font-size:16px}.chart-pattern-library>header p{max-width:470px;color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}.chart-pattern-grid{grid-template-columns:1.45fr .55fr;display:grid}.chart-pattern-grid>article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-width:0;padding:18px}.chart-pattern-grid>article:nth-child(2){border-right:0}.chart-pattern-grid>article:last-child{border-right:0;grid-column:1/-1}.chart-pattern-grid article>header{min-height:48px}.chart-pattern-grid article>header h4{margin:6px 0 0;font-size:14px}.chart-pattern-grid article>header small{color:var(--color-text-muted);margin-top:4px;font-size:7px;display:block}.line-pattern-card>header{justify-content:space-between;gap:20px;display:flex}.chart-legend{color:var(--color-text-secondary);gap:12px;font-size:7px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{width:7px;height:2px}.series-violet{background:var(--chart-series-1)}.series-blue{background:var(--chart-series-2)}.line-chart-wrap{margin-top:12px;position:relative}.line-chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-gridline{stroke:var(--chart-grid-line);stroke-width:1px;vector-effect:non-scaling-stroke}.line-area{fill:color-mix(in srgb, var(--chart-series-1) 10%, transparent)}.line-series{fill:none;stroke-width:2.25px;vector-effect:non-scaling-stroke}.line-series.organic{stroke:var(--chart-series-1)}.line-series.paid{stroke:var(--chart-series-2)}.selected-guide{stroke:var(--color-border-strong);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.selected-point{fill:var(--lime-500);stroke:var(--color-surface);stroke-width:2px;vector-effect:non-scaling-stroke}.line-tooltip{color:#fff;background:var(--neutral-900);min-width:78px;box-shadow:var(--shadow-operational);padding:8px 9px;position:absolute;top:10%;right:13%}.line-tooltip span,.line-tooltip small{color:#a9a9b0;font:5px var(--font-geist-mono), monospace;display:block}.line-tooltip strong{margin:3px 0;font-size:12px;display:block}.chart-axis-labels{color:var(--color-text-muted);font:5px var(--font-geist-mono), monospace;justify-content:space-between;padding-left:6.5%;display:flex}.ranking-bars{gap:6px;margin-top:17px;display:grid}.ranking-bars button{color:var(--color-text-primary);text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:28px minmax(80px,1fr) 38px;align-items:center;gap:4px 7px;padding:5px 7px;display:grid}.ranking-bars button:hover{background:var(--color-background-secondary)}.ranking-bars button[aria-pressed=true]{border-color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 6%, transparent)}.ranking-bars code{grid-row:1/3;font-size:7px}.ranking-bars button>span{background:var(--color-background-secondary);height:7px;overflow:hidden}.ranking-bars button>span i{background:var(--chart-series-1);height:100%;transition:width var(--motion-expressive) var(--ease-standard);display:block}.ranking-bars button[aria-pressed=true]>span i{background:var(--lime-500)}.ranking-bars strong{font:650 7px var(--font-geist-mono), monospace;text-align:right}.ranking-bars small{color:var(--color-text-muted);grid-column:2/4;font-size:6px}.ranking-pattern-card>p{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);margin:14px 0 0;padding-top:10px;font-size:7px}.heatmap-pattern-card{grid-template-columns:minmax(150px,.42fr) minmax(280px,1fr);column-gap:28px;display:grid}.heatmap-layout{grid-template-columns:32px minmax(0,1fr);align-items:stretch;display:grid}.heatmap-y{color:var(--color-text-muted);font:5px var(--font-geist-mono), monospace;grid-template-rows:repeat(5,1fr);align-items:center;display:grid}.heatmap-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.heatmap-grid i{border:1px solid color-mix(in srgb, var(--chart-series-1) 12%, var(--color-border-default));min-height:26px}.heatmap-grid .level-1{background:color-mix(in srgb, var(--chart-series-1) 8%, var(--color-surface))}.heatmap-grid .level-2{background:color-mix(in srgb, var(--chart-series-1) 22%, var(--color-surface))}.heatmap-grid .level-3{background:color-mix(in srgb, var(--chart-series-1) 42%, var(--color-surface))}.heatmap-grid .level-4{background:color-mix(in srgb, var(--chart-series-1) 67%, var(--color-surface))}.heatmap-grid .level-5{background:var(--chart-series-1)}.heatmap-x{color:var(--color-text-muted);font:5px var(--font-geist-mono), monospace;justify-content:space-between;margin-top:6px;display:flex}.heatmap-scale{color:var(--color-text-muted);font:5px var(--font-geist-mono), monospace;grid-column:2;justify-content:flex-end;align-items:center;gap:3px;margin-top:10px;display:flex}.heatmap-scale i{width:16px;height:6px}.heatmap-scale i:first-of-type{background:color-mix(in srgb, var(--chart-series-1) 8%, var(--color-surface))}.heatmap-scale i:nth-of-type(2){background:color-mix(in srgb, var(--chart-series-1) 22%, var(--color-surface))}.heatmap-scale i:nth-of-type(3){background:color-mix(in srgb, var(--chart-series-1) 42%, var(--color-surface))}.heatmap-scale i:nth-of-type(4){background:color-mix(in srgb, var(--chart-series-1) 67%, var(--color-surface))}.heatmap-scale i:nth-of-type(5){background:var(--chart-series-1)}.chart-choice-rules{grid-template-columns:repeat(4,1fr);display:grid}.chart-choice-rules article{border-right:1px solid var(--color-border-default);min-height:112px;padding:14px}.chart-choice-rules article:last-child{border-right:0}.chart-choice-rules span{color:var(--color-interactive-primary);font:6px var(--font-geist-mono), monospace}.chart-choice-rules strong{margin:8px 0 4px;font-size:10px;display:block}.chart-choice-rules p{color:var(--color-text-secondary);margin:0;font-size:7px;line-height:1.45}@media (max-width:960px){.chart-pattern-grid{grid-template-columns:1fr}.chart-pattern-grid>article,.chart-pattern-grid>article:nth-child(2){border-right:0}.chart-pattern-grid>article:last-child{grid-column:auto}.chart-choice-rules{grid-template-columns:1fr 1fr}.chart-choice-rules article:nth-child(2){border-right:0}.chart-choice-rules article:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}}@media (max-width:680px){.chart-pattern-library>header{flex-direction:column;align-items:flex-start;gap:9px}.line-pattern-card>header{flex-direction:column;align-items:flex-start}.line-tooltip{transform-origin:100% 0;top:3%;right:4%;transform:scale(.82)}.heatmap-pattern-card{grid-template-columns:1fr;row-gap:15px}.heatmap-scale{grid-column:auto}.heatmap-grid{gap:3px}.heatmap-grid i{min-height:19px}.chart-choice-rules{grid-template-columns:1fr}.chart-choice-rules article,.chart-choice-rules article:nth-child(2){border-right:0;border-bottom:1px solid var(--color-border-default)}.chart-choice-rules article:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.ranking-bars button>span i{transition:none}}.a11y-mark{background:var(--neutral-1000);color:#fff;clip-path:polygon(0 0,83% 0,100% 17%,100% 100%,0 100%);align-content:center;place-items:center;width:70px;height:70px;font-size:24px;font-weight:900;display:grid}.a11y-mark small{color:var(--lime-500);font:7px var(--font-geist-mono),monospace}.accessibility-grid{border-left:1px solid var(--color-border-default);border-top:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);display:grid}.accessibility-grid article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);grid-template-columns:22px 1fr auto;gap:10px;min-height:170px;padding:18px;display:grid}.accessibility-grid article>span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace}.accessibility-grid h3{text-transform:uppercase;margin:29px 0 7px;font-size:11px}.accessibility-grid p{color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}.accessibility-grid article>i{color:var(--color-success);font-style:normal}.focus-demo{border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;margin-top:12px;padding:21px;display:flex}.focus-demo>div:first-child p{font:7px var(--font-geist-mono),monospace;margin:0 0 4px}.focus-demo>div:first-child span{color:var(--color-text-muted);font-size:8px}.focus-demo>div:last-child{align-items:center;gap:20px;display:flex}.focus-example{background:var(--color-surface);border:2px solid var(--color-focus);outline:0;height:40px;padding:0 15px;font-size:9px}.focus-example:focus-visible{background:var(--color-surface);border:2px solid var(--color-focus);outline:0;height:40px;padding:0 15px;font-size:9px}.focus-demo code{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace}.preference-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.preference-cards article{border:1px solid var(--color-border-default);padding:17px}.preference-cards article>span{font:7px var(--font-geist-mono),monospace}.preference-cards article>p{color:var(--color-text-muted);margin:10px 0 0;font-size:8px;line-height:1.5}.preference-preview{background:var(--color-background-secondary);justify-content:center;align-items:center;gap:8px;height:76px;margin-top:13px;display:flex}.motion-off i{border:1px solid var(--color-border-strong);width:30px;height:30px}.transparency-off div{background:var(--neutral-900);color:#fff;border:1px solid #444;padding:15px 25px;font-size:8px}.reflow i{background:var(--color-border-default);width:22%;height:10px}.reflow i:nth-child(2){width:38%}.api-grid{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.api-grid .code-block{min-height:330px;margin:0}.api-grid>article{border:1px solid var(--color-border-default);background:var(--color-surface);padding:22px}.api-grid>article header{color:var(--color-text-muted);font:7px var(--font-geist-mono),monospace;justify-content:space-between;display:flex}.api-grid ul{margin:21px 0 0;padding:0;list-style:none}.api-grid li{border-top:1px solid var(--color-border-default);flex-direction:column;gap:4px;padding:13px 0;display:flex}.api-grid li b{font:9px var(--font-geist-mono),monospace;color:var(--color-interactive-primary)}.api-grid li span{color:var(--color-text-muted);font-size:8px}.api-dont{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.api-dont>div{border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.api-dont span{font:7px var(--font-geist-mono),monospace;color:var(--color-success)}.api-dont>div:last-child span{color:var(--color-danger)}.api-dont code{font:8px var(--font-geist-mono),monospace;color:var(--color-text-secondary)}.developer-flow{border:1px solid var(--color-border-default);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-top:12px;display:grid}.developer-flow article{padding:18px}.developer-flow article>span{color:var(--color-interactive-primary);font:7px var(--font-geist-mono),monospace}.developer-flow h3{text-transform:uppercase;margin:10px 0 5px;font-size:10px}.developer-flow p{color:var(--color-text-muted);margin:0;font-size:8px}.developer-flow>i{color:var(--color-border-strong);font-style:normal}.guidance-list{flex-direction:column;gap:12px;display:flex}.guidance-list>article{border:1px solid var(--color-border-default);grid-template-columns:1fr .9fr 1fr .9fr;display:grid}.guidance-visual{background:var(--color-background-secondary);min-height:220px;padding:14px;position:relative;overflow:hidden}.guidance-visual>span{z-index:2;color:var(--color-success);font:7px var(--font-geist-mono),monospace;position:relative}.guidance-visual.bad>span{color:var(--color-danger)}.guidance-visual>div{justify-content:center;align-items:center;gap:7px;height:calc(100% - 12px);display:flex}.guidance-copy{border-right:1px solid var(--color-border-default);flex-direction:column;justify-content:center;padding:25px;display:flex}.guidance-copy>span{color:var(--color-success);font:7px var(--font-geist-mono),monospace}.guidance-copy.dont>span{color:var(--color-danger)}.guidance-copy h3{margin:12px 0 7px;font-size:15px;line-height:1.1}.guidance-copy p{color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.55}.guidance-visual.good{box-shadow:inset 3px 0 var(--color-success)}.guidance-visual.bad{box-shadow:inset 3px 0 var(--color-danger)}.guidance-visual.energy.good>div i{width:65px;height:65px}.guidance-visual.energy.good i:first-child{background:var(--violet-500)}.guidance-visual.energy.good i:last-child{background:var(--blue-500)}.guidance-visual.energy.bad>div{gap:0}.guidance-visual.energy.bad i{width:33%;height:100%}.guidance-visual.energy.bad i:first-child{background:var(--violet-500)}.guidance-visual.energy.bad i:nth-child(2){background:var(--blue-500)}.guidance-visual.energy.bad i:nth-child(3){background:var(--lime-500)}.guidance-visual.lime.good>div{background:var(--neutral-900);color:#fff}.guidance-visual.lime.good strong{font-size:36px}.guidance-visual.lime.good mark{background:var(--lime-500);color:#000;font:6px var(--font-geist-mono),monospace;padding:5px}.guidance-visual.lime.bad button,.guidance-visual.lime.bad mark{background:var(--lime-500);color:#000;border:0;padding:13px 17px;font-size:8px}.guidance-visual.shape.good>div{background:var(--neutral-900);color:#fff}.portal-shape{background:var(--gradient-brand-primary);clip-path:polygon(0 0,78% 0,100% 20%,100% 100%,0 100%);width:110px;height:120px}.guidance-visual.shape.good b{font-size:18px}.guidance-visual.shape.bad i{background:var(--violet-500);clip-path:polygon(15% 0,85% 0,100% 20%,85% 100%,15% 100%,0 75%);width:55px;height:55px}.guidance-visual.glass.good>div{background:var(--gradient-brand-dark)}.glass-mini{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:7px var(--font-geist-mono),monospace;background:#120a1e94;border:1px solid #ffffff38;padding:24px}.guidance-visual.glass.bad>div{background:var(--gradient-brand-dark)}.guidance-visual.glass.bad>div>div{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff2e;border-radius:18px;width:27%;height:65%}.changelog-layout{grid-template-columns:.36fr .64fr;gap:12px;display:grid}.current-release{background:var(--neutral-1000);color:#fff;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,0 100%);flex-direction:column;min-height:320px;padding:24px;display:flex}.current-release>span{color:var(--lime-500);font:7px var(--font-geist-mono),monospace}.current-release>strong{letter-spacing:-.07em;margin-top:45px;font-size:64px}.current-release>p{color:#b5b2bb;font-size:13px}.current-release>small{color:#77747d;font:6px var(--font-geist-mono),monospace;margin-top:auto}.release-notes{border:1px solid var(--color-border-default);background:var(--color-surface)}.release-notes article{border-bottom:1px solid var(--color-border-default);grid-template-columns:68px 1fr;gap:15px;min-height:80px;padding:17px;display:grid}.release-notes article:last-child{border:0}.release-type{background:color-mix(in srgb,var(--color-interactive-primary) 10%,transparent);color:var(--color-interactive-primary);font:6px var(--font-geist-mono),monospace;text-align:center;align-self:start;padding:5px 7px}.release-type.update{background:var(--color-background-secondary);color:var(--color-text-muted)}.release-notes strong{font-size:10px}.release-notes p{color:var(--color-text-muted);margin:5px 0 0;font-size:8px;line-height:1.5}.governance-note{border:1px solid var(--color-border-default);align-items:center;gap:14px;margin-top:12px;padding:18px;display:flex}.governance-note>div{flex:1}.governance-note strong{font-size:10px}.governance-note p{color:var(--color-text-muted);margin:3px 0 0;font-size:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.motion-dot{left:calc(100% - 22px)!important}}@media (prefers-reduced-transparency:reduce){.topbar,.quick-settings,.glass-stat,.glass-level,.expressive-screen nav,.expressive-kpis div,.card-system.expressive .content-card,.card-system.expressive .kpi-card,.glass-mini{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--neutral-900)!important}}@media (max-width:1180px){.hero{grid-template-columns:1fr;max-height:none;padding-top:80px}.hero-copy{max-width:760px}.hero-composition{width:min(760px,100%);margin:10px auto 0}.philosophy-grid,.color-grid,.accessibility-grid,.guidance-list>article{grid-template-columns:1fr 1fr}.guidance-visual.bad{grid-column:1}.guidance-copy.dont{grid-area:2/2}.token-value-grid,.component-index-grid{grid-template-columns:1fr 1fr}}@media (max-width:960px){.site-shell{grid-template-columns:1fr}.sidebar{width:268px;transition:transform var(--motion-operational) var(--ease-standard);position:fixed;top:0;left:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.mobile-scrim{z-index:35;background:#0009;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:block}.topbar{padding-inline:18px}.quick-settings{display:none}.mode-comparison,.form-showcase,.navigation-showcase,.chart-grid,.api-grid{grid-template-columns:1fr}.type-specimens{grid-template-columns:1fr 1fr}.type-specimens article:first-child{grid-column:1/-1}.geometry-grid,.border-elevation,.color-guidance-grid,.token-flow{grid-template-columns:1fr}.token-flow header b{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.material-stage{height:460px}.glass-level{width:42%}.glass-level.subtle{left:8%}.glass-level.standard{left:35%}.glass-level.hero-glass{right:5%}.button-matrix>header,.button-matrix>div{grid-template-columns:110px repeat(3,1fr)}.site-footer{grid-template-columns:1fr;gap:18px}}@media (max-width:680px){html{scroll-padding-top:54px}.topbar{height:54px}.breadcrumbs{display:none}.top-controls{justify-content:space-between;width:100%;margin-left:0}.top-segmented button{min-width:32px;padding-inline:7px}.top-segmented button span{display:none}.hero{min-height:auto;padding:70px 22px}.hero h1{font-size:50px}.hero-meta{flex-direction:column;gap:8px}.hero-composition{min-height:420px}.operational-window{width:92%;min-width:0}.expressive-window{width:84%;min-width:0;height:270px}.glass-stat{width:56%}.scroll-cue{display:none}.doc-section{padding:66px 20px}.section-header{grid-template-columns:1fr;margin-bottom:34px}.section-header h2{font-size:37px}.section-description{font-size:13px}.philosophy-grid,.color-grid,.type-specimens,.token-value-grid,.component-index-grid,.kpi-grid,.accessibility-grid,.preference-cards,.visualization-rules,.component-details{grid-template-columns:1fr}.type-specimens article:first-child{grid-column:auto}.experience-panel{padding:12px}.same-screen{height:300px}.decision-bar{flex-direction:column;align-items:flex-start}.neutral-system{grid-template-columns:1fr}.neutral-strip{grid-template-columns:repeat(7,1fr);height:90px}.gradient-library>div{grid-template-columns:1fr 1fr}.portal-geometry{grid-template-columns:1fr}.spacing-system>div{justify-content:flex-start;overflow-x:auto}.spacing-system article{min-width:40px}.type-scale-header{display:none}.type-row{grid-template-columns:90px 1fr;padding:14px}.type-row>code,.type-row>span{display:none}.material-stage{height:540px}.stage-backdrop span{font-size:52px}.glass-level{width:70%;min-width:0}.glass-level.subtle{top:100px;left:6%}.glass-level.standard{top:238px;left:22%}.glass-level.hero-glass{bottom:22px;right:5%}.material-rules,.form-principles,.grid-specs{grid-template-columns:1fr}.material-rules>div,.form-principles article,.grid-specs article{border-right:0;border-bottom:1px solid var(--color-border-default)}.motion-system,.component-playground{grid-template-columns:1fr}.playground-controls{border-left:0;border-top:1px solid var(--color-border-default)}.button-matrix{overflow-x:auto}.button-matrix>header,.button-matrix>div{min-width:660px}.field-row,.card-system>div{grid-template-columns:1fr}.grid-titlebar,.grid-toolbar{flex-direction:column;align-items:flex-start}.grid-toolbar label{width:100%}.grid-toolbar>div{width:100%;overflow-x:auto}.grid-toolbar button{white-space:nowrap;min-height:32px}.grid-views{overflow-x:auto}.grid-views button{white-space:nowrap}.grid-footer{flex-wrap:wrap;padding-block:12px}.grid-footer>label{margin-left:0}.grid-states header{flex-direction:column;gap:6px}.grid-states>div{grid-template-columns:1fr 1fr 1fr}.grid-specs article:nth-last-child(-n+3){border-bottom:1px solid var(--color-border-default)}.accessibility-grid{border-left:1px solid var(--color-border-default)}.focus-demo,.focus-demo>div:last-child{flex-direction:column;align-items:flex-start;gap:16px}.developer-flow{grid-template-columns:1fr}.developer-flow>i{justify-self:center;transform:rotate(90deg)}.api-dont{grid-template-columns:1fr}.api-dont>div{flex-direction:column;align-items:flex-start;gap:8px}.guidance-list>article{grid-template-columns:1fr}.guidance-visual.bad,.guidance-copy.dont{grid-area:auto}.guidance-copy{border-right:0;border-bottom:1px solid var(--color-border-default)}.changelog-layout{grid-template-columns:1fr}.governance-note{flex-wrap:wrap;align-items:flex-start}.site-footer{padding:48px 22px}}@media (max-width:960px){.brand-download-row{grid-template-columns:1fr}.brand-asset-preview{height:220px;padding:34px}}@media (max-width:680px){.brand-asset-grid{grid-template-columns:1fr}.brand-asset-meta{flex-direction:column;align-items:flex-start}.brand-download-row article{grid-template-columns:24px 1fr}.brand-download-row article .ds-button{grid-column:2;width:max-content}.brand-usage-note{grid-template-columns:1fr}.language-segmented{margin-left:auto}.version-link{display:none}}