/*! tailwindcss v4.3.3 | 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,::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-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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){appearance:button}::file-selector-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{.collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#f4f1e9;--surface:#fbfaf6;--surface-raised:#fff;--text-strong:#171817;--text:#353733;--text-muted:#6c6e68;--border:#b8b7b0;--border-strong:#545651;--line-subtle:#1718170d;--focus:#265fff;--overlay:#0f100f94;--success:#1f6b46;--warning:#956611;--danger:#a3392e;--disabled:#a6a59f;--shadow-short:0 3px 0 #1617152e;--shadow-float:0 18px 60px #10110f29;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--motion-fast:.14s;--motion-moderate:.24s;--ease-mechanical:cubic-bezier(.22, .8, .22, 1);color:var(--text);background:var(--background);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--background:#171915;--surface:#20221e;--surface-raised:#292c27;--text-strong:#f3f1e9;--text:#d3d1c9;--text-muted:#9d9d95;--border:#4c5048;--border-strong:#92978b;--line-subtle:#ffffff0a;--focus:#7ea0ff;--overlay:#000000ad;--success:#74c69d;--warning:#e2b75f;--danger:#ef8e82;--disabled:#666a61;--shadow-short:0 3px 0 #00000073;--shadow-float:0 18px 60px #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button,a,input,[tabindex]{outline:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--focus)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--focus) 25%, transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-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}.ui-button,.icon-button,.ui-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;font-family:var(--font-mono);transition:transform var(--motion-fast) var(--ease-mechanical), box-shadow var(--motion-fast) var(--ease-mechanical), background-color var(--motion-fast) linear;justify-content:center;align-items:center;gap:8px;font-size:.8rem;font-weight:650;display:inline-flex}.ui-button{min-width:98px;padding:0 18px}.ui-button--primary{background:var(--text-strong);color:var(--background);box-shadow:var(--shadow-short)}.ui-button--secondary,.icon-button,.ui-toggle{background:var(--surface);color:var(--text-strong)}.ui-button--ghost{color:var(--text-strong);background:0 0;border-color:#0000}.ui-button--danger{background:var(--danger);color:#fff}.ui-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.ui-toggle:hover:not(:disabled){background-color:color-mix(in srgb, var(--surface) 82%, var(--text-strong))}.ui-button--primary:hover:not(:disabled){background-color:color-mix(in srgb, var(--text-strong) 88%, var(--surface))}.ui-button:active:not(:disabled),.icon-button:active:not(:disabled),.ui-toggle:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.ui-button:disabled,.icon-button:disabled,.ui-toggle:disabled{cursor:not-allowed;opacity:.52}.icon-button,.ui-toggle{width:44px;min-width:44px;padding:0}.ui-toggle[data-state=on]{background:var(--text-strong);color:var(--background)}.machine-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-short);overflow:hidden}.machine-panel__header{min-height:46px;padding:0 var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.machine-panel__header h2{color:var(--text-strong);font:650 .82rem/1 var(--font-mono);margin:0}.ui-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:28px;display:flex;position:relative}.ui-slider__track{background:var(--border);flex:1;height:2px;position:relative}.ui-slider__range{background:var(--text-strong);height:100%;position:absolute}.ui-slider__thumb{border:2px solid var(--surface);background:var(--text-strong);width:20px;height:28px;box-shadow:0 0 0 1px var(--border-strong);border-radius:4px;display:block}.ui-tooltip{z-index:50;border-radius:var(--radius-xs);background:var(--text-strong);max-width:240px;color:var(--background);box-shadow:var(--shadow-float);font:600 .72rem/1.3 var(--font-mono);padding:8px 10px}.ui-tooltip__arrow{fill:var(--text-strong)}.ui-field{color:var(--text-strong);font:600 .75rem/1.2 var(--font-mono);gap:6px;display:grid}.ui-field__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--text-strong);padding:0 12px}.ui-field__input[aria-invalid=true]{border-color:var(--danger)}.ui-field__error{color:var(--danger);font-weight:500}.ui-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.ui-tabs__trigger{min-height:44px;color:var(--text-muted);font:650 .76rem/1 var(--font-mono);background:0 0;border:0;border-bottom:3px solid #0000;padding:0 14px}.ui-tabs__trigger[data-state=active]{border-bottom-color:var(--text-strong);color:var(--text-strong)}.status-indicator{color:var(--text-muted);font:650 .72rem/1 var(--font-mono);align-items:center;gap:6px;display:inline-flex}.status-indicator:before{content:"";background:currentColor;border:1px solid;border-radius:50%;width:8px;height:8px}.status-indicator--success{color:var(--success)}.status-indicator--warning{color:var(--warning)}.status-indicator--danger{color:var(--danger)}.sr-status{z-index:100;right:var(--space-4);bottom:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--text-strong);max-width:320px;color:var(--background);box-shadow:var(--shadow-float);font:600 .75rem/1.35 var(--font-mono);padding:10px 14px;position:fixed}.sr-status:empty{display:none}@media (prefers-reduced-motion:reduce){.ui-button,.icon-button,.ui-toggle{transition:none}}@keyframes swatch-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-shell{background:linear-gradient(var(--line-subtle) 1px, transparent 1px) 0 88px / 100% 32px no-repeat, var(--background);min-height:100svh}.app-header{z-index:20;min-height:80px;padding:0 var(--space-5);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;display:grid;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);width:fit-content;color:var(--text-strong);font-family:var(--font-mono);letter-spacing:-.03em;white-space:nowrap;font-size:1.05rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);background:#16151d;border-radius:9px;flex:none;width:34px;height:34px;position:relative;overflow:hidden}.brand-mark img{width:310%;max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.primary-nav{align-self:stretch;align-items:stretch;gap:var(--space-6);display:flex}.nav-link{min-width:72px;color:var(--text-muted);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.875rem;text-decoration:none;display:inline-flex;position:relative}.nav-link:after{content:"";background:0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.nav-link:hover,.nav-link[aria-current=page]{color:var(--text-strong)}.nav-link[aria-current=page]:after{background:var(--text-strong)}.header-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.language-machine{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);height:38px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 55%, transparent);border-radius:999px;align-items:center;padding:3px;display:inline-flex}.language-machine__glyph{width:28px;color:var(--text-muted);place-items:center;display:grid}.language-machine__option{min-width:34px;height:30px;color:var(--text-muted);font:700 10px/1 var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 8px;transition:background-color .16s,color .16s,box-shadow .16s}.language-machine__option:hover{color:var(--text-strong)}.language-machine__option[data-active=true]{background:var(--text-strong);color:var(--surface-raised);box-shadow:0 1px 5px color-mix(in srgb, var(--text-strong) 22%, transparent)}.language-machine__option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.theme-menu{z-index:50;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);min-width:150px;box-shadow:var(--shadow-float);padding:6px}.theme-menu__item{border-radius:var(--radius-xs);min-height:40px;color:var(--text-strong);font:600 .75rem/1 var(--font-mono);cursor:pointer;grid-template-columns:18px 1fr;align-items:center;padding:0 10px;display:grid}.theme-menu__item[data-highlighted]{background:color-mix(in srgb, var(--surface) 75%, var(--text-strong))}.mobile-nav-trigger{display:none}.page-frame{width:min(100% - 40px,1440px);padding:var(--space-5) 0 var(--space-8);margin:0 auto}.home-intro,.section-heading{justify-content:space-between;align-items:end;gap:var(--space-5);display:flex}.home-intro{padding:var(--space-3) 2px var(--space-5)}.eyebrow{color:var(--text-muted);font:700 .68rem/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;display:block}.home-intro h1,.section-heading h2{color:var(--text-strong);letter-spacing:-.055em;margin:0}.home-intro h1{max-width:760px;font-size:clamp(2rem,4.4vw,4.35rem);line-height:.98}.section-heading h2{font-size:clamp(1.65rem,2.5vw,2.7rem)}.generation-state{color:var(--text-muted);font:.7rem/1.3 var(--font-mono);white-space:nowrap;justify-items:end;gap:8px;display:grid}.category-strip{padding:0 1px var(--space-4);scrollbar-width:thin;gap:6px;display:flex;overflow-x:auto}.category-chip{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-muted);font:650 .72rem/1 var(--font-mono);white-space:nowrap;cursor:pointer;border-radius:999px;padding:0 14px}.category-chip:hover,.category-chip[data-active=true]{border-color:var(--text-strong);background:var(--text-strong);color:var(--background)}.workspace-grid{gap:var(--space-4);grid-template-columns:minmax(0,2.1fr) minmax(300px,.95fr);display:grid}.swatch-rail{padding:var(--space-3);border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.swatch-card{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;animation:swatch-in var(--motion-moderate) var(--ease-mechanical) both;position:relative;overflow:hidden;container-type:inline-size}.swatch-color{border:0;border-bottom:1px solid color-mix(in srgb, var(--border-strong) 45%, transparent);cursor:pointer;width:100%;min-height:172px;display:block}.swatch-color:before{background:color-mix(in srgb, var(--surface) 84%, transparent);color:var(--text-strong);content:attr(data-index);font:600 .75rem/1 var(--font-mono);border-radius:3px;padding:2px 5px;position:absolute;top:12px;left:12px}.swatch-card[data-selected=true]{outline:3px solid var(--focus);outline-offset:2px}.swatch-lock{min-height:50px;color:var(--text-strong);font:600 .72rem/1 var(--font-mono);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.swatch-lock :is(.icon-button,.ui-toggle){flex:0 0 44px}@container (width<=230px){.swatch-lock{gap:4px;padding-inline:6px}.swatch-lock>span{display:none}}@container (width<=160px){.swatch-lock{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.swatch-lock :is(.icon-button,.ui-toggle){width:100%;min-width:0}.swatch-lock .ui-toggle{grid-column:1/-1}}.color-stage-wrap{padding:var(--space-3)}.color-stage{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--selected-color);min-height:330px;box-shadow:inset 0 0 0 10px color-mix(in srgb, var(--surface) 8%, transparent);transition:background-color var(--motion-fast) linear;position:relative;overflow:hidden}.color-stage:before,.color-stage:after{border:1px solid color-mix(in srgb, var(--text-strong) 70%, transparent);background:var(--surface);content:"";border-radius:50%;width:10px;height:10px;position:absolute}.stage-caption{border-radius:var(--radius-sm);color:#fff;font:.72rem/1 var(--font-mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f100fb8;border:1px solid #ffffff73;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.stage-caption strong{font-family:var(--font-sans);font-size:1rem}.color-stage:before{top:10px;left:10px}.color-stage:after{bottom:10px;right:10px}.readout-list{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.readout-row{align-items:center;gap:var(--space-3);min-height:72px;padding:0 var(--space-4);border-bottom:1px solid var(--border);font-family:var(--font-mono);grid-template-columns:84px 1fr 44px;display:grid}.readout-row:last-child{border-bottom:0}.readout-label{color:var(--text-muted);font-size:.75rem;font-weight:700}.readout-value{color:var(--text-strong);overflow-wrap:anywhere;font-size:.9rem}.home-inspector{align-content:start;gap:16px;min-height:100%;padding:54px 16px 16px;display:grid}.color-facts{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.color-facts div{background:var(--surface);min-width:0;padding:12px}.color-facts dt{color:var(--text-muted);font:650 .64rem/1 var(--font-mono);text-transform:uppercase;margin-bottom:7px}.color-facts dd{color:var(--text-strong);font:650 .78rem/1.2 var(--font-mono);margin:0}.recipe-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.recipe-control{padding:var(--space-4);border-right:1px solid var(--border)}.recipe-control:last-child{border-right:0}.recipe-label{margin-bottom:var(--space-4);color:var(--text-strong);font:600 .78rem/1 var(--font-mono);justify-content:space-between;align-items:center;display:flex}.variation-section,.editorial-section{margin-top:var(--space-7)}.section-note{max-width:280px;color:var(--text-muted);font:.72rem/1.5 var(--font-mono);text-align:right}.variation-strip{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid}.variation-strip button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;min-height:100px}.editorial-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1.2fr .9fr 1fr;display:grid}.editorial-card{min-width:0;min-height:250px;padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-strong);text-align:left;box-shadow:var(--shadow-short);cursor:pointer;align-content:space-between;display:grid}.editorial-card__meta,.editorial-card__action{font:700 .72rem/1.2 var(--font-mono);justify-content:space-between;align-items:center;gap:8px;display:flex}.editorial-card__colors{border:1px solid var(--border-strong);border-radius:var(--radius-sm);height:105px;display:flex;overflow:hidden}.editorial-card__colors i{flex:1}.editorial-card[data-variant="1"] .editorial-card__colors{border-radius:50%;height:130px}.editorial-card[data-variant="2"] .editorial-card__colors{background:0 0;border:0;border-radius:0;gap:6px}.editorial-card[data-variant="2"] .editorial-card__colors i{border:1px solid var(--border-strong);border-radius:4px}.placeholder-page{place-items:center;min-height:calc(100svh - 130px);display:grid}.placeholder-copy{text-align:center;max-width:560px}.placeholder-copy h1{margin:0 0 var(--space-3);color:var(--text-strong);letter-spacing:-.06em;font-size:clamp(2rem,6vw,4.5rem)}.placeholder-copy p{color:var(--text-muted);margin:0}.error-screen{min-height:100svh;padding:var(--space-5);background:var(--background);place-items:center;display:grid}@media (width<=900px){.app-header{gap:var(--space-3);min-height:72px;padding:0 var(--space-3);grid-template-columns:auto 1fr auto}.brand{justify-self:start}.brand-mark{border-radius:8px;width:30px;height:30px}.mobile-nav-trigger{display:inline-flex}.primary-nav{border-bottom:1px solid var(--border);background:var(--background);grid-template-columns:repeat(3,1fr);gap:0;min-height:52px;display:grid;position:absolute;top:72px;left:0;right:0}.primary-nav[data-open=false]{display:none}.page-frame{width:min(100% - 24px,720px);padding-top:70px}.workspace-grid{grid-template-columns:1fr}.swatch-rail{scrollbar-width:none;scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:120px;grid-auto-flow:column;gap:3px;padding:8px;overflow-x:auto}.swatch-rail::-webkit-scrollbar{display:none}.swatch-card{scroll-snap-align:start}.swatch-color{min-height:108px}.swatch-lock{justify-content:center;min-height:44px;padding:4px}.swatch-lock>span{display:none}.color-stage{min-height:250px}.recipe-grid{grid-template-columns:1fr}.home-intro,.section-heading{align-items:start}.generation-state{display:none}.editorial-grid{grid-template-columns:1fr}.editorial-card{min-height:220px}.recipe-control{border-right:0;border-bottom:1px solid var(--border)}.recipe-control:last-child{border-bottom:0}}@media (width<=520px){.language-machine__glyph{display:none}.language-machine__option{min-width:30px;padding-inline:6px}.brand{gap:6px;font-size:.73rem}.brand-mark{border-radius:7px;width:26px;height:26px}.header-actions .generate-button{color:#0000;width:42px;min-width:42px;padding-inline:0;font-size:0;overflow:hidden}.header-actions .generate-button svg{color:var(--background);flex:none}.app-header{padding-inline:10px}.primary-nav{grid-template-columns:repeat(4,1fr)}.swatch-color{min-height:78px}.home-intro h1{font-size:2.35rem}.home-intro,.section-heading{display:block}.section-heading .ui-button,.section-note{margin-top:var(--space-3)}.section-note{text-align:left;display:block}.stage-caption{grid-template-columns:auto 1fr}.stage-caption>:last-child{display:none}.variation-strip button{min-height:72px}.readout-row{padding-inline:var(--space-3);grid-template-columns:62px 1fr 44px}}@media (prefers-reduced-motion:reduce){.swatch-card{animation:none}.color-stage{transition:none}}.editor-page{width:min(100% - 24px,1680px);margin:0 auto;padding:12px 0 32px}.editor-region-label,.editor-region__header h1,.editor-region__header h2,.tool-panel h2{color:var(--text-strong);font:700 .7rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.editor-palette{border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface);grid-template-columns:154px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.editor-palette__mode{gap:7px;display:grid}.editor-palette__mode>div{border:1px solid var(--border-strong);border-radius:3px;display:flex;overflow:hidden}.editor-palette__mode button{border:0;border-right:1px solid var(--border);min-height:30px;color:var(--text-muted);font:650 .58rem/1 var(--font-mono);cursor:pointer;background:0 0;flex:1;padding:0 8px}.editor-palette__mode button:last-child{border-right:0}.editor-palette__mode button[aria-pressed=true]{background:var(--text-strong);color:var(--background)}.editor-palette__rail{gap:0;min-width:0;padding:2px 0;display:flex;overflow:hidden}.editor-palette__item{border:1px solid var(--border);border-radius:0;flex:1 1 0;grid-template-columns:minmax(0,1fr) auto;min-width:0;transition:flex-grow .18s,flex-basis .18s,border-color .14s,box-shadow .14s;display:grid;overflow:hidden}.editor-palette__item:first-child{border-radius:var(--radius-xs) 0 0 var(--radius-xs)}.editor-palette__item+.editor-palette__item{border-left:0}.editor-palette__item[data-selected=true]{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.editor-palette__color{cursor:grab;border:0;border-radius:0;width:100%;min-width:0;min-height:54px;transition:filter .16s;position:relative}.editor-palette__color[data-reorderable=false]{cursor:pointer}.editor-palette__color[data-reorderable=true]{touch-action:none}.editor-palette__color[data-reorderable=true]:active{cursor:grabbing}.editor-palette__item[data-dragging=true]{opacity:.42}.editor-palette__item[data-drop-target=true]{border-color:var(--focus);box-shadow:inset 3px 0 0 var(--focus)}.editor-palette__drag-handle{color:#111;background:#ffffffc7;border-radius:2px;padding:2px;transition:opacity .12s,transform .18s;position:absolute;bottom:5px;right:5px}.editor-palette__color span{color:#111;font:700 .63rem/1 var(--font-mono);background:#ffffffd1;padding:2px 4px;position:absolute;top:5px;left:6px}.editor-palette__actions{opacity:1;grid-template-columns:34px 34px;width:68px;transition:width .18s,opacity .12s;display:grid;overflow:hidden}.editor-palette__item .editor-palette__actions .icon-button{border-radius:0;width:34px;min-width:34px;height:54px;min-height:54px}.editor-palette__item .editor-palette__remove{color:var(--danger);border-radius:0 3px 3px 0}.editor-palette__item[data-locked=true] .editor-palette__remove{color:var(--text-faint)}.editor-palette__rail[data-density=compact] .editor-palette__item,.editor-palette__rail[data-density=dense] .editor-palette__item{flex-basis:48px}.editor-palette__rail[data-density=compact] .editor-palette__item[data-actions-expanded=true]{flex-grow:2.35;flex-basis:136px}.editor-palette__rail[data-density=dense] .editor-palette__item{flex-basis:28px}.editor-palette__rail[data-density=dense] .editor-palette__item[data-actions-expanded=true]{flex-grow:3.2;flex-basis:120px}.editor-palette__rail[data-density=compact] .editor-palette__item[data-actions-expanded=false] .editor-palette__actions,.editor-palette__rail[data-density=dense] .editor-palette__item[data-actions-expanded=false] .editor-palette__actions{opacity:0;pointer-events:none;width:0}.editor-palette__rail[data-density=compact] .editor-palette__item[data-actions-expanded=false] .editor-palette__drag-handle,.editor-palette__rail[data-density=dense] .editor-palette__item[data-actions-expanded=false] .editor-palette__drag-handle{opacity:0;transform:scale(.7)}.editor-palette__rail[data-density=dense] .editor-palette__item[data-actions-expanded=false] .editor-palette__color span{opacity:0}.editor-palette__rail[data-density=dense] .editor-palette__color span{transition:opacity .12s}.editor-palette__add{border:1px dashed var(--border-strong);min-width:0;min-height:56px;color:var(--text-muted);font:600 .52rem/1 var(--font-mono);cursor:pointer;background:0 0;border-radius:3px;flex:0 0 66px;align-content:center;place-items:center;gap:4px;margin-left:8px;transition:flex-basis .18s,background-color .14s;display:grid}.editor-palette__rail[data-density=dense] .editor-palette__add{flex-basis:42px}.editor-palette__rail[data-density=dense] .editor-palette__add span{display:none}.editor-history{border-left:1px solid var(--border);gap:6px;padding-left:12px;display:flex}.editor-grid{border-right:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(480px,1.32fr) minmax(320px,.68fr);display:grid}.editor-region{border-right:1px solid var(--border);background:var(--surface);min-width:0}.editor-region:last-child{border-right:0}.editor-region__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 14px;display:flex}.editor-region__header>span{color:var(--text-muted);font:.65rem/1 var(--font-mono)}.selected-sample,.mobile-essential-actions,.mobile-editor-nav{display:none}.color-plane-layout{grid-template-rows:clamp(300px,36vh,410px) 28px;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:18px 18px 8px 12px;display:grid}.color-plane{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, oklch(.72 .26 var(--plane-hue)));cursor:crosshair;touch-action:none;min-height:300px;position:relative;overflow:hidden}.color-plane__point{top:var(--point-y);left:var(--point-x);border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b3}.axis-y,.axis-x{color:var(--text-muted);font:.6rem/1 var(--font-mono);justify-content:space-between;align-items:center;display:flex}.axis-y{flex-direction:column;grid-row:1}.axis-y b{writing-mode:vertical-rl;transform:rotate(180deg)}.axis-x{grid-column:2}.axis-x b,.axis-y b{color:var(--text-strong);letter-spacing:.04em;text-transform:uppercase;font-weight:650}.channel-rails{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.channel-control{border-right:1px solid var(--border);padding:12px 16px}.channel-control:last-child{border-right:0}.channel-control>div:first-child{color:var(--text-strong);font:650 .68rem/1 var(--font-mono);justify-content:space-between;display:flex}.hue-rail .ui-slider__track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:4px;height:8px}.hue-rail .ui-slider__range{background:0 0}.alpha-rail .ui-slider__track{background:linear-gradient(90deg, transparent, var(--selected-color,var(--focus))), repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 / 8px 8px;height:8px}.surface-toolbar{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:8px;padding:10px 14px;display:grid}.surface-toolbar>div{align-items:center;gap:6px;display:flex}.surface-toolbar>div>span{color:var(--text-muted);font:650 .6rem/1 var(--font-mono);text-transform:uppercase}.surface-toolbar .icon-button,.surface-toolbar .ui-toggle{width:auto;min-width:36px;height:36px;min-height:36px;padding:0 9px;font-size:.65rem}.before-after>div{border:1px solid var(--border-strong);border-radius:3px;width:54px;height:30px;display:flex;overflow:hidden}.before-after i{flex:1}.surface-diagnostic{color:var(--text-muted);font:.65rem/1.3 var(--font-mono);align-items:center;gap:8px;padding:10px 14px;display:flex}.surface-diagnostic .ui-button{min-height:34px;margin-left:auto}.surface-quick-actions{border-top:1px solid var(--border)}.recipe-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-tabs,.preview-tabs,.preview-state-picker{border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.editor-tabs button,.preview-tabs button{min-height:44px;color:var(--text-muted);font:650 .66rem/1 var(--font-mono);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 13px}.editor-tabs button[aria-selected=true],.preview-tabs button[aria-selected=true]{border-bottom-color:var(--focus);color:var(--focus)}.recipe-controls{padding:10px 14px 2px}.editor-slider{border-bottom:1px solid var(--line-subtle);grid-template-columns:24px 1fr 48px;align-items:center;gap:8px;min-height:56px;display:grid}.editor-slider__symbol{color:var(--text-strong);font:700 1rem/1 var(--font-mono)}.editor-slider>div>span{color:var(--text-muted);font:.64rem/1 var(--font-mono)}.editor-slider output{border:1px solid var(--border);color:var(--text-strong);font:.65rem/1 var(--font-mono);text-align:center;border-radius:3px;padding:7px 5px}.intent-controls{grid-template-columns:repeat(3,1fr);gap:5px;padding:12px 0;display:grid}.intent-controls button{border:1px solid var(--border);background:var(--surface);min-height:54px;color:var(--text-muted);font:.58rem/1 var(--font-mono);cursor:pointer;border-radius:3px;gap:5px;padding:7px;display:grid}.intent-controls b{color:var(--text-strong);font-size:.64rem}.advanced-fields{gap:10px;padding:14px;display:grid}.advanced-diagnostics{border:1px solid var(--border);color:var(--text-muted);font:.64rem/1.2 var(--font-mono);grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.advanced-diagnostics strong{color:var(--text-strong)}.recipe-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 14px}.recipe-summary dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.recipe-summary dt{color:var(--text-muted);font:.58rem/1 var(--font-mono);text-transform:uppercase}.recipe-summary dd{color:var(--text-strong);font:650 .65rem/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;overflow:hidden}.recipe-summary p{color:var(--warning);font:.62rem/1.3 var(--font-mono);align-items:center;gap:6px;display:flex}.quick-actions{padding:14px}.quick-actions h3{color:var(--text-strong);font:700 .68rem/1 var(--font-mono);text-transform:uppercase;align-items:center;gap:7px;margin:0 0 10px;display:flex}.quick-actions>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.quick-actions .ui-button{min-width:0;min-height:38px;padding:0 8px;font-size:.62rem}.editor-color-values{border-top:1px solid var(--border);padding:12px 14px}.editor-color-values h3{color:var(--text-strong);font:700 .64rem/1 var(--font-mono);text-transform:uppercase;margin:0 0 9px}.color-readout{border:1px solid var(--border);background:var(--background);border-radius:3px;display:grid}.color-readout__row{border-bottom:1px solid var(--border);grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;min-height:40px;display:grid}.color-readout__row:last-child{border-bottom:0}.color-readout__row>span{color:var(--text-muted);font:650 .57rem/1 var(--font-mono);padding-left:9px}.color-readout__row code{color:var(--text-strong);font:.6rem/1.25 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-readout__row button{border:0;border-left:1px solid var(--border);width:34px;height:34px;color:var(--text-strong);cursor:pointer;background:0 0;place-items:center;display:grid}.color-readout[data-compact=true] .color-readout__row{min-height:34px}.preview-tabs{padding-inline:8px}.preview-tabs button{flex:1}.preview-state-picker{gap:7px;padding:10px 12px}.preview-state-picker button{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-muted);font:.6rem/1 var(--font-mono);text-transform:uppercase;cursor:pointer;border-radius:3px;flex:1}.preview-state-picker button[aria-pressed=true]{border-color:var(--focus);background:var(--focus);color:#fff}.preview-kind-picker{grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px 0;display:grid}.preview-kind-picker button,.gradient-directions button,.code-tabs button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-muted);font:650 .61rem/1 var(--font-mono);cursor:pointer;border-radius:3px}.preview-kind-picker button[aria-pressed=true],.gradient-directions button[aria-pressed=true]{border-color:var(--focus);color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.gradient-preview{border:1px solid var(--border-strong);border-radius:4px;min-height:260px;margin:14px}.gradient-directions{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 12px;display:grid}.preview-region>.ui-button{margin:0 14px 14px}.gradient-code-dialog{width:min(680px,100vw - 24px)}.code-tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.code-tabs button{border:0;border-bottom:3px solid #0000;border-radius:0}.code-tabs button[aria-selected=true]{border-bottom-color:var(--focus);color:var(--focus)}.gradient-code-dialog pre{border:1px solid var(--border);background:var(--background);min-height:180px;color:var(--text-strong);font:.72rem/1.55 var(--font-mono);white-space:pre-wrap;border-radius:3px;margin:0;padding:14px;overflow:auto}.interface-preview{border:1px solid var(--preview-border);background:var(--preview-background);color:var(--preview-text);border-radius:4px;margin:14px;overflow:hidden}.interface-preview__bar{background:var(--preview-primary);min-height:44px;color:var(--preview-primary-foreground);font:650 .65rem/1 var(--font-mono);justify-content:space-between;align-items:center;padding:0 14px;display:flex}.preview-frame{align-content:start;gap:14px;min-height:400px;padding:18px;display:grid}.preview-frame button{border:1px solid var(--preview-primary);background:var(--preview-primary);min-height:42px;color:var(--preview-primary-foreground);font:650 .7rem/1 var(--font-mono);border-radius:3px;padding:0 16px}.preview-frame .preview-secondary{color:var(--preview-primary);background:0 0}.preview-frame .preview-ghost{color:var(--preview-primary);background:0 0;border-color:#0000}.interface-preview[data-preview-state=hover] .preview-frame button:first-of-type{filter:brightness(1.12)}.interface-preview[data-preview-state=active] .preview-frame button:first-of-type{filter:brightness(.82);transform:translateY(2px)}.interface-preview[data-preview-state=focus] .preview-frame button:first-of-type{outline:3px solid var(--preview-text);outline-offset:3px}.interface-preview[data-preview-state=disabled] .preview-frame{opacity:.42;pointer-events:none}.actions-preview{gap:10px;display:flex}.preview-check{font:.72rem/1 var(--font-mono);align-items:center;gap:8px;display:flex}.preview-frame>label:not(.preview-check){color:var(--preview-text);font:.65rem/1 var(--font-mono);gap:6px;display:grid}.preview-frame input:not([type=checkbox]):not([type=radio]),.preview-frame select{border:1px solid var(--preview-border);background:var(--preview-background);min-height:42px;color:var(--preview-text);border-radius:3px;padding:0 10px}.profile-preview,.feedback-preview,.surface-preview{border:1px solid var(--preview-border);background:var(--preview-surface);align-items:center;gap:12px;padding:14px;display:flex}.profile-preview>span{background:var(--preview-primary);width:54px;height:54px;color:var(--preview-primary-foreground);border-radius:50%;place-items:center;display:grid}.profile-preview p,.feedback-preview p,.surface-preview p{color:color-mix(in srgb, var(--preview-text) 66%, transparent);margin:5px 0 0;font-size:.72rem}.feedback-preview--success{border-left:4px solid #16804c}.feedback-preview--warning{border-left:4px solid #c88412}.surface-preview{display:grid}.surface-preview>div{gap:8px;display:flex}.surface-preview.compact{display:flex}.theme-preview{border:1px solid var(--preview-border);grid-template-columns:130px 1fr;min-height:300px;display:grid}.theme-preview aside,.theme-preview main{align-content:start;gap:12px;padding:14px;display:grid}.theme-preview aside{border-right:1px solid var(--preview-border);background:var(--preview-surface)}.theme-preview aside span{font:.65rem/1 var(--font-mono)}.theme-preview__cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-preview__cards i{border:1px solid var(--preview-border);background:var(--preview-surface);min-height:80px}.preview-legend{color:var(--text-muted);font:.6rem/1 var(--font-mono);flex-wrap:wrap;gap:12px;padding:0 14px 14px;display:flex}.preview-legend span{align-items:center;gap:5px;display:flex}.preview-legend i{border:1px solid var(--border);width:12px;height:12px}.tool-dock{border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--surface);grid-template-columns:.8fr 1.35fr 1fr 1.35fr .95fr;display:grid}.tool-panel{border-right:1px solid var(--border);min-width:0;min-height:178px;padding:14px}.tool-panel:last-child{border-right:0}.tool-panel h2{align-items:center;gap:7px;margin-bottom:16px;display:flex}.tool-panel>div{align-content:start;gap:12px;display:grid}.tool-panel small,.tool-panel p{color:var(--text-muted);font:.6rem/1.35 var(--font-mono);margin:0}.tool-panel p{align-items:center;gap:6px;display:flex}.tool-panel .ui-button{min-width:0;min-height:38px;padding:0 10px;font-size:.62rem}.tool-background-switch{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-strong);font:.62rem/1 var(--font-mono);cursor:pointer;border-radius:3px;justify-content:space-between;align-items:center;padding:0 9px;display:flex}.contrast-result{color:var(--text-strong);font:700 1rem/1 var(--font-mono);justify-content:space-between;align-items:center;display:flex}.contrast-result span{color:var(--success);font-size:.68rem}.tool-color-strip{min-height:54px;display:flex}.tool-color-strip button{border:0;border-bottom:1px solid var(--border-strong);cursor:pointer;flex:1;min-width:12px;position:relative}.tool-color-strip button:first-child{border-radius:3px 0 0 3px}.tool-color-strip button:last-child{border-radius:0 3px 3px 0}.tool-color-strip button span{color:var(--text-muted);font:.48rem/1 var(--font-mono);position:absolute;bottom:-17px;left:0;right:0}.mix-strip{min-height:68px}.advanced-tools-workspace{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-top:14px}.advanced-tools-tabs{border-bottom:1px solid var(--border);min-height:50px;display:flex;overflow-x:auto}.advanced-tools-tabs button{border:0;border-right:1px solid var(--border);background:var(--background);min-width:190px;min-height:50px;color:var(--text-muted);font:700 .63rem/1 var(--font-mono);text-transform:uppercase;cursor:pointer;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:flex}.advanced-tools-tabs button[aria-selected=true]{border-bottom-color:var(--focus);background:var(--surface);color:var(--text-strong)}.advanced-tool-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding:18px 20px;display:flex}.advanced-tool-header small{color:var(--focus);font:700 .58rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.advanced-tool-header h2{margin:6px 0 5px;font-size:1rem}.advanced-tool-header p{max-width:680px;color:var(--text-muted);margin:0;font-size:.73rem}.advanced-tool-header__actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.gradient-editor__workspace{grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);display:grid}.gradient-editor__canvas-column{border-right:1px solid var(--border);min-width:0;padding:18px}.gradient-editor__canvas{border:1px solid var(--border-strong);border-radius:4px;min-height:340px;box-shadow:inset 0 0 0 1px #ffffff1f}.gradient-editor__toolbar{grid-template-columns:auto minmax(220px,1fr) 42px auto;align-items:end;gap:8px;margin-top:12px;display:grid}.segmented-control{border:1px solid var(--border-strong);border-radius:3px;display:flex;overflow:hidden}.segmented-control button{border:0;border-right:1px solid var(--border);min-height:40px;color:var(--text-muted);font:650 .61rem/1 var(--font-mono);cursor:pointer;background:0 0;padding:0 13px}.segmented-control button:last-child{border-right:0}.segmented-control button[aria-pressed=true]{background:var(--text-strong);color:var(--background)}.gradient-angle{border:1px solid var(--border);min-height:40px;color:var(--text-muted);font:.6rem/1 var(--font-mono);border-radius:3px;grid-template-columns:auto minmax(80px,1fr) 44px;align-items:center;gap:8px;padding:0 10px;display:grid}.gradient-angle[data-disabled=true]{opacity:.45}.gradient-angle input{min-width:0;accent-color:var(--focus)}.gradient-angle output{color:var(--text-strong);text-align:right}.gradient-stop-track{border-top:4px solid var(--border-strong);height:34px;margin:14px 12px 0;position:relative}.gradient-stop-pin{border:2px solid var(--surface);outline:1px solid var(--border-strong);width:20px;height:20px;box-shadow:var(--shadow-short);cursor:grab;touch-action:none;border-radius:50%;padding:0;transition:width .12s,height .12s,top .12s,box-shadow .12s;position:absolute;top:-11px;transform:translate(-50%)}.gradient-stop-pin[data-selected=true]{outline:3px solid var(--focus);outline-offset:2px}.gradient-stop-pin[data-dragging=true]{z-index:3;cursor:grabbing;width:26px;height:26px;top:-14px;box-shadow:0 7px 16px #00000047}.gradient-stop-list{align-content:start;min-width:0;display:grid}.gradient-stop-row{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(150px,1fr) minmax(145px,.8fr) 42px;align-items:center;gap:8px;min-height:76px;padding:8px 12px;transition:background-color .14s;display:grid}.gradient-stop-row[data-selected=true]{background:var(--surface-raised);box-shadow:inset 3px 0 0 var(--focus)}.gradient-stop-row__index{border:1px solid var(--border);background:var(--background);width:34px;height:34px;color:var(--text-strong);font:700 .6rem/1 var(--font-mono);cursor:pointer;border-radius:50%}.gradient-stop-position{color:var(--text-muted);font:.57rem/1 var(--font-mono);grid-template-columns:1fr 42px;gap:4px 8px;display:grid}.gradient-stop-position span{grid-column:1/-1}.gradient-stop-position input{min-width:0;accent-color:var(--focus)}.gradient-stop-position output{color:var(--text-strong);text-align:right}.gradient-stop-add{border-style:dashed;width:calc(100% - 24px);margin:12px}.color-value-input{min-width:0;color:var(--text-muted);font:.57rem/1 var(--font-mono);grid-template-columns:34px minmax(0,1fr);gap:4px 7px;display:grid}.color-value-input>span{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.color-value-input__native{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:3px;width:34px;height:34px;padding:2px}.color-value-input__text{border:1px solid var(--border);background:var(--background);min-width:0;height:34px;color:var(--text-strong);font:.65rem/1 var(--font-mono);border-radius:3px;padding:0 8px}.color-value-input__text[aria-invalid=true]{border-color:var(--danger)}.mixer-inputs{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:12px;padding:18px 20px;display:grid}.mixer-color-source{border:1px solid var(--border);background:var(--background);border-radius:4px;gap:8px;padding:14px;display:grid}.mixer-color-source .color-value-input{grid-template-columns:54px minmax(0,1fr)}.mixer-color-source .color-value-input__native{width:54px;height:54px}.mixer-color-source .color-value-input__text{height:54px;font-size:.8rem}.mixer-source-actions{gap:6px;display:flex}.mixer-source-actions button{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text-muted);font:.57rem/1 var(--font-mono);cursor:pointer;border-radius:3px;flex:1}.mixer-source-actions button:disabled{opacity:.4;cursor:not-allowed}.mixer-swap{border-radius:50%}.mixer-controls{border-bottom:1px solid var(--border);grid-template-columns:1fr .8fr 1.2fr;gap:12px;padding:14px 20px;display:grid}.mixer-controls>div,.mixer-controls>label{grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:6px 10px;display:grid}.mixer-controls>div>span,.mixer-controls>label>span{color:var(--text-muted);font:.58rem/1 var(--font-mono);text-transform:uppercase;grid-column:1/-1}.mixer-controls .segmented-control{grid-column:1/-1}.mixer-controls .segmented-control button{flex:1}.mixer-controls select{border:1px solid var(--border);background:var(--background);min-height:40px;color:var(--text-strong);font:.65rem/1 var(--font-mono);border-radius:3px;grid-column:1/-1;padding:0 9px}.mixer-controls input{min-width:0;accent-color:var(--focus)}.mixer-controls output{border:1px solid var(--border);color:var(--text-strong);font:.65rem/1 var(--font-mono);text-align:center;padding:7px}.mixer-results-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);display:grid}.mixer-tracks{border-right:1px solid var(--border);align-content:start;gap:18px;padding:20px;display:grid}.mixer-track>div:first-child{color:var(--text-muted);font:.61rem/1 var(--font-mono);text-transform:uppercase;justify-content:space-between;margin-bottom:7px;display:flex}.mixer-track__colors{border:1px solid var(--border-strong);border-radius:4px;min-height:92px;display:flex;overflow:hidden}.mixer-track__colors button{cursor:pointer;border:0;flex:1;min-width:18px;position:relative}.mixer-track__colors button[data-selected=true]:after{content:"";border:2px solid #fff;border-radius:2px;position:absolute;inset:5px;box-shadow:0 0 0 1px #000}.mixer-tracks>p{border-left:3px solid var(--focus);background:var(--background);color:var(--text-muted);margin:0;padding:12px;font-size:.7rem;line-height:1.5}.mixer-result{align-content:start;gap:12px;padding:20px;display:grid}.mixer-result__sample{border:1px solid var(--border-strong);color:#fff;text-shadow:0 1px 2px #000;border-radius:4px;align-content:end;gap:5px;min-height:150px;padding:14px;display:grid}.mixer-result__sample span{font:.58rem/1 var(--font-mono);text-transform:uppercase}.mixer-result__sample strong{font:700 1rem/1 var(--font-mono)}.mixer-result__actions{gap:7px;display:flex}.mixer-result__actions .ui-button{flex:1;min-width:0}.comparator-inputs{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:12px;padding:18px 20px;display:grid}.comparator-source{border:1px solid var(--border);background:var(--background);border-radius:4px;gap:8px;padding:14px;display:grid}.comparator-source .color-value-input{grid-template-columns:54px minmax(0,1fr)}.comparator-source .color-value-input__native{width:54px;height:54px}.comparator-source .color-value-input__text{height:54px;font-size:.8rem}.comparator-swap{border-radius:50%}.comparator-workspace{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);display:grid}.comparator-preview{border-right:1px solid var(--border);align-content:center;justify-items:start;gap:10px;min-height:290px;padding:clamp(28px,5vw,70px);display:grid}.comparator-preview>span{font:.61rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.72}.comparator-preview>strong{max-width:570px;font-size:clamp(1.55rem,3vw,3rem);line-height:1.03}.comparator-preview>p{opacity:.85;max-width:540px;margin:0;font-size:.85rem;line-height:1.55}.comparator-preview>button{min-height:40px;font:700 .63rem/1 var(--font-mono);background:0 0;border:1px solid;border-radius:3px;margin-top:8px;padding:0 16px}.comparator-metrics{align-content:start;display:grid}.comparator-ratio{border-bottom:1px solid var(--border);gap:6px;padding:24px;display:grid}.comparator-ratio>span{color:var(--text-muted);font:.6rem/1 var(--font-mono);text-transform:uppercase}.comparator-ratio>strong{color:var(--text-strong);font:800 clamp(2rem, 4vw, 3.4rem)/1 var(--font-mono)}.comparator-ratio>small{color:var(--text-muted);font:.6rem/1 var(--font-mono)}.comparator-standards{grid-template-columns:1fr 1fr;display:grid}.comparator-standards>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);gap:4px;padding:16px;display:grid}.comparator-standards>div[data-pass=true]{background:color-mix(in srgb, #299764 10%, var(--surface))}.comparator-standards>div[data-pass=false]{background:color-mix(in srgb, #c24f43 8%, var(--surface))}.comparator-standards strong{font:800 .8rem/1 var(--font-mono)}.comparator-standards span,.comparator-standards small{color:var(--text-muted);font:.57rem/1.25 var(--font-mono)}.comparator-standards small{color:var(--text-strong);text-transform:uppercase}.comparator-suggestion{border-bottom:1px solid var(--border);background:var(--background);grid-template-columns:minmax(230px,.8fr) 56px minmax(190px,1fr) auto;align-items:center;gap:14px;padding:16px 20px;display:grid}.comparator-suggestion>div:first-child{gap:7px;display:grid}.comparator-suggestion>div:first-child>span{color:var(--text-muted);font:.58rem/1 var(--font-mono);text-transform:uppercase}.comparator-suggestion .segmented-control button{flex:1}.comparator-suggestion__sample{border:1px solid var(--border-strong);border-radius:4px;width:56px;height:56px}.comparator-suggestion>div:nth-child(3){gap:5px;display:grid}.comparator-suggestion>div:nth-child(3) strong{font:800 .82rem/1 var(--font-mono)}.comparator-suggestion>div:nth-child(3) span{color:var(--text-muted);font-size:.67rem;line-height:1.35}.comparator-result{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:18px 20px;display:grid}.comparator-result__actions{gap:7px;display:flex}.image-picker-page{padding-bottom:80px}.image-picker-intro{justify-content:space-between;align-items:end;gap:24px;padding:48px 0 22px;display:flex}.image-picker-intro>div{max-width:800px}.image-picker-intro h1{letter-spacing:-.055em;margin:8px 0 10px;font-size:clamp(2rem,5vw,4.7rem);line-height:.94}.image-picker-intro p{max-width:700px;color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.55}.image-picker-machine{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-panel);overflow:hidden}.image-dropzone{border:1px dashed var(--border-strong);background:var(--background);text-align:center;border-radius:5px;align-content:center;place-items:center;gap:12px;min-height:500px;margin:18px;transition:border-color .15s,background .15s;display:grid}.image-dropzone[data-dragging=true]{border-color:var(--focus);background:color-mix(in srgb, var(--focus) 7%, var(--background))}.image-dropzone__icon{border:1px solid var(--border-strong);background:var(--surface);width:62px;height:62px;color:var(--focus);border-radius:50%;place-items:center;display:grid}.image-dropzone>strong{margin-top:5px;font-size:1.1rem}.image-dropzone>p{max-width:520px;color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.55}.image-dropzone>small{color:var(--text-muted);font:.58rem/1 var(--font-mono);text-transform:uppercase}.image-picker-layout{grid-template-columns:minmax(0,1.5fr) minmax(340px,.5fr);display:grid}.image-canvas-column{border-right:1px solid var(--border);min-width:0}.image-canvas-column>header{border-bottom:1px solid var(--border);grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:12px;min-height:68px;padding:10px 16px;display:grid}.image-canvas-column>header>div{gap:5px;min-width:0;display:grid}.image-canvas-column>header span{color:var(--text-muted);font:.56rem/1 var(--font-mono);text-transform:uppercase}.image-canvas-column>header strong{font:700 .68rem/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-canvas-column>header>.image-zoom-controls{border:1px solid var(--border);background:var(--background);border-radius:4px;align-items:center;gap:5px;padding:4px;display:flex}.image-zoom-controls .icon-button{width:34px;min-width:34px;height:34px}.image-zoom-controls output{border-right:1px solid var(--border);border-left:1px solid var(--border);min-width:52px;height:34px;color:var(--text-strong);font:700 .61rem/1 var(--font-mono);place-items:center;display:grid}.image-zoom-controls .ui-button{min-height:34px;padding-inline:9px}.image-canvas-stage{background-color:var(--background);background-image:linear-gradient(45deg, color-mix(in srgb, var(--border) 40%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--border) 40%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border) 40%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border) 40%, transparent) 75%);scrollbar-color:var(--border-strong) var(--background);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;outline:none;height:clamp(480px,52vw,680px);padding:0;display:block;position:relative;overflow:auto}.image-canvas-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--focus)}.image-canvas-scroll-surface{place-items:center;width:max-content;min-width:100%;min-height:100%;padding:22px;display:grid}.image-canvas-stage canvas{border:1px solid var(--border-strong);cursor:crosshair;image-rendering:auto;max-width:none;max-height:none;display:block;box-shadow:0 18px 45px #0000002e}.image-hover-swatch{z-index:3;pointer-events:none;border:4px solid var(--surface);width:52px;height:52px;box-shadow:0 0 0 1px var(--text-strong), 0 8px 22px #00000038;border-radius:4px;position:absolute}.image-canvas-hint{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-float);font:.58rem/1 var(--font-mono);pointer-events:none;white-space:nowrap;border-radius:3px;align-items:center;gap:7px;padding:9px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.image-picker-inspector{align-content:start;min-width:0;display:grid}.image-picker-inspector>header{border-bottom:1px solid var(--border);min-height:68px;font:700 .61rem/1 var(--font-mono);text-transform:uppercase;align-items:center;gap:8px;padding:0 16px;display:flex}.image-selected-sample{border-bottom:1px solid var(--border);align-items:end;min-height:210px;padding:16px;display:flex}.image-selected-sample span{color:#fff;font:700 .66rem/1 var(--font-mono);background:#0000008c;border:1px solid #fff9;padding:7px 9px}.image-picker-inspector .color-readout{border-bottom:1px solid var(--border)}.image-picker-actions{gap:7px;padding:16px;display:flex}.image-picker-actions .ui-button{flex:1;min-width:0}.image-picker-empty{min-height:430px;color:var(--text-muted);text-align:center;align-content:center;justify-items:center;gap:9px;padding:28px;display:grid}.image-picker-empty strong{color:var(--text-strong)}.image-picker-empty p{max-width:290px;margin:0;font-size:.7rem;line-height:1.5}.image-color-strips{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.image-color-strip{border-right:1px solid var(--border);min-width:0;padding:18px}.image-color-strip:last-child{border-right:0}.image-color-strip>header{gap:5px;margin-bottom:12px;display:grid}.image-color-strip>header strong{font:700 .65rem/1 var(--font-mono);text-transform:uppercase}.image-color-strip>header span,.image-color-strip>p{color:var(--text-muted);margin:0;font-size:.65rem}.image-color-strip>div{border:1px solid var(--border-strong);border-radius:4px;min-height:96px;display:flex;overflow:hidden}.image-color-strip button{cursor:pointer;border:0;flex:1;min-width:32px;position:relative}.image-color-strip button span{color:#fff;max-width:calc(100% - 8px);font:.51rem/1 var(--font-mono);text-overflow:ellipsis;background:#0000008f;padding:4px;position:absolute;bottom:4px;right:4px;overflow:hidden}.editor-preview-disclosure{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-top:14px;overflow:hidden}.editor-preview-disclosure__trigger{width:100%;min-height:86px;color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.editor-preview-disclosure__trigger:hover{background:var(--surface-raised)}.editor-preview-disclosure__trigger:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.editor-preview-disclosure__icon{border:1px solid var(--border-strong);background:var(--background);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.editor-preview-disclosure__copy{gap:4px;min-width:0;display:grid}.editor-preview-disclosure__copy small{color:var(--focus);font:700 .57rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.editor-preview-disclosure__copy strong{font-size:.92rem}.editor-preview-disclosure__copy>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.editor-preview-disclosure__state{color:var(--text-muted);font:650 .61rem/1 var(--font-mono);text-transform:uppercase;align-items:center;gap:10px;display:flex}.editor-preview-disclosure__state svg{transition:transform .16s}.editor-preview-disclosure[data-open=true] .editor-preview-disclosure__state svg{transform:rotate(180deg)}.editor-preview-disclosure__content{border-top:1px solid var(--border)}.editor-preview-disclosure__content .preview-region{border:0}@media (width<=1180px){.editor-grid{grid-template-columns:1fr 1fr}.tool-dock{grid-template-columns:repeat(2,1fr)}.tool-panel{border-bottom:1px solid var(--border)}.tool-panel:last-child{grid-column:1/-1}.gradient-editor__workspace{grid-template-columns:1fr}.gradient-editor__canvas-column{border-right:0;border-bottom:1px solid var(--border)}.comparator-workspace{grid-template-columns:1fr}.comparator-preview{border-right:0;border-bottom:1px solid var(--border)}.image-picker-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}}@media (width<=760px){.editor-page{width:min(100% - 16px,620px);padding-top:70px}.editor-palette{grid-template-columns:1fr auto;padding:8px}.editor-region-label{display:none}.editor-palette__rail{grid-column:1/-1;width:100%}.editor-history{padding-left:8px}.editor-grid{grid-template-columns:1fr}.editor-region{border-right:0;border-bottom:1px solid var(--border)}.editor-preview-disclosure__trigger{grid-template-columns:38px minmax(0,1fr) auto;min-height:78px;padding:12px}.editor-preview-disclosure__icon{width:38px;height:38px}.editor-preview-disclosure__state{gap:0;font-size:0}.selected-sample{color:#fff;min-height:230px;font:700 .8rem/1 var(--font-mono);text-shadow:0 1px 2px #000;align-items:end;padding:16px;display:flex}.mobile-essential-actions{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;display:grid}.surface-quick-actions{display:none}.mobile-essential-actions button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text-strong);font:650 .66rem/1 var(--font-mono);border-radius:3px}.color-plane-layout{grid-template-rows:minmax(280px,58vw) 28px}.channel-rails{grid-template-columns:1fr}.channel-control{border-right:0;border-bottom:1px solid var(--border)}.surface-toolbar{grid-template-columns:1fr}.preview-frame{min-height:330px}.tool-dock{grid-template-columns:1fr}.tool-panel,.tool-panel:last-child{border-right:0;grid-column:auto}.advanced-tool-header{gap:14px;padding:16px;display:grid}.advanced-tool-header__actions{justify-content:stretch}.advanced-tool-header__actions .ui-button{flex:1}.gradient-editor__canvas-column{padding:10px}.gradient-editor__canvas{min-height:230px}.gradient-editor__toolbar{grid-template-columns:1fr 42px}.gradient-editor__toolbar>*{min-width:0}.gradient-editor__toolbar .segmented-control button{min-width:0;padding-inline:7px}.gradient-editor__toolbar .ui-button{min-width:0;padding-inline:9px}.mixer-inputs,.comparator-inputs{grid-template-columns:1fr;padding:12px}.mixer-swap,.comparator-swap{justify-self:center;transform:rotate(90deg)}.mixer-controls{grid-template-columns:1fr;padding:12px}.mixer-results-layout{grid-template-columns:1fr}.mixer-tracks{border-right:0;border-bottom:1px solid var(--border)}.comparator-preview{min-height:240px;padding:28px 20px}.comparator-suggestion{grid-template-columns:56px minmax(0,1fr)}.comparator-suggestion>div:first-child,.comparator-suggestion .ui-button{grid-column:1/-1}.comparator-result{grid-template-columns:1fr}.comparator-result__actions{flex-wrap:wrap}.image-picker-intro{padding-top:74px;display:grid}.image-dropzone{min-height:420px;margin:10px;padding:24px}.image-picker-layout{grid-template-columns:1fr}.image-canvas-column{border-right:0;border-bottom:1px solid var(--border)}.image-canvas-column>header{grid-template-columns:minmax(0,1fr) auto}.image-zoom-controls{grid-area:2/1/auto/-1;justify-self:stretch}.image-zoom-controls output{flex:1}.image-canvas-stage{height:430px}.image-canvas-scroll-surface{padding:14px}.image-picker-empty{min-height:240px}.image-color-strips{grid-template-columns:1fr}.image-color-strip{border-right:0;border-bottom:1px solid var(--border)}.image-color-strip:last-child{border-bottom:0}.segmented-control,.gradient-angle{grid-column:1/-1}.segmented-control button{flex:1}.gradient-stop-row{grid-template-columns:34px minmax(0,1fr) 40px}.gradient-stop-position{grid-column:2/3}.actions-preview{flex-wrap:wrap}.theme-preview{grid-template-columns:100px 1fr}.mobile-editor-nav{z-index:15;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-float);grid-template-columns:repeat(4,1fr);margin:8px 0 0;display:grid;position:sticky;bottom:8px;overflow:hidden}.mobile-editor-nav a{border-right:1px solid var(--border);min-height:48px;color:var(--text-strong);font:650 .59rem/1 var(--font-mono);place-items:center;text-decoration:none;display:grid}.mobile-editor-nav a:last-child{border-right:0}}@media (width<=430px){.brand>span:last-child{display:none}.editor-page{width:calc(100% - 10px)}.editor-history .icon-button{width:38px;min-width:38px}.editor-palette__color,.editor-palette__item .icon-button{height:48px;min-height:48px}.editor-palette__rail[data-density=compact] .editor-palette__item[data-actions-expanded=true],.editor-palette__rail[data-density=dense] .editor-palette__item[data-actions-expanded=true]{flex-basis:104px}.editor-palette__add{flex-basis:42px}.editor-palette__add span{display:none}.color-plane-layout{padding-inline:8px}.surface-diagnostic{flex-wrap:wrap;align-items:start}.surface-diagnostic .ui-button{width:100%;margin-left:0}.preview-tabs button{padding-inline:10px}.preview-state-picker button{flex:0 0 78px}.intent-controls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.editor-palette__item,.editor-palette__actions,.editor-palette__drag-handle,.editor-palette__color span,.editor-palette__add{transition:none}}.library-page{padding-bottom:100px}.library-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:28px;padding:38px 0 24px;display:flex}.library-heading h1{letter-spacing:-.07em;margin:5px 0 8px;font-size:clamp(2.8rem,7vw,6rem);line-height:.85}.library-heading p{color:var(--text-muted);font:.64rem/1.4 var(--font-mono);align-items:center;gap:7px;margin:0;display:flex}.library-heading__actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.library-status-line{min-height:42px;color:var(--text-muted);font:.6rem/1.3 var(--font-mono);align-items:center;gap:10px;display:flex}.library-status-line>span:last-child:not(:first-child){margin-left:auto}.library-controls{border:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(220px,1fr) auto 180px;align-items:end;gap:12px;padding:18px;display:grid}.library-search,.library-sort,.manual-copy,.import-dialog label{color:var(--text-muted);font:.58rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;gap:7px;display:grid}.library-search input,.library-sort select,.library-row__copy input,.manual-copy textarea,.import-dialog textarea{border:1px solid var(--border-strong);background:var(--background);width:100%;min-height:42px;color:var(--text-strong);font:.7rem/1.2 var(--font-mono);border-radius:3px;padding:0 11px}.library-filter{border:1px solid var(--border-strong);border-radius:3px;display:flex;overflow:hidden}.library-filter button{border:0;border-right:1px solid var(--border);min-height:42px;color:var(--text-muted);font:650 .62rem/1 var(--font-mono);cursor:pointer;background:0 0;padding:0 14px}.library-filter button:last-child{border-right:0}.library-filter button[data-active=true]{background:var(--text-strong);color:var(--background)}.library-layout{border:1px solid var(--border);border-top:0;grid-template-columns:minmax(0,1fr) 280px;display:grid}.library-list{min-width:0}.library-row{border-bottom:1px solid var(--border);cursor:pointer;outline:none;grid-template-columns:32px minmax(150px,1.05fr) minmax(190px,1.3fr) auto;align-items:center;gap:14px;min-height:92px;padding:12px;display:grid}.library-row:last-child{border-bottom:0}.library-row:hover,.library-row[data-selected=true]{background:color-mix(in srgb, var(--surface) 70%, var(--background))}.library-row:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.library-reorder{gap:2px;display:grid}.library-reorder button,.library-row__actions>button{width:30px;min-height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.library-reorder button:disabled{opacity:.25;cursor:default}.library-color-strip{border:1px solid var(--border-strong);border-radius:3px;height:58px;display:flex;overflow:hidden}.library-color-strip i{flex:1;min-width:8px}.library-row__copy{min-width:0}.library-name{max-width:100%;color:var(--text-strong);font:700 .82rem/1.2 var(--font-mono);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:0;padding:0;overflow:hidden}.library-row__copy>span{color:var(--text-muted);font:.55rem/1.35 var(--font-mono);text-transform:capitalize;margin-top:7px;display:block}.library-row__actions{align-items:center;gap:2px;display:flex}.library-row__actions .ui-button{min-height:36px;padding-inline:10px}.library-utility{border-left:1px solid var(--border);background:var(--surface);align-content:start;gap:15px;padding:22px;display:grid}.library-utility h2{margin:0;font-size:1.35rem}.library-utility p{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.55}.library-export-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.library-export-grid .ui-button{min-width:0;padding-inline:4px}.manual-copy textarea{resize:vertical;text-transform:none;min-height:100px;padding:9px}.library-empty{text-align:center;align-content:center;place-items:center;gap:10px;min-height:330px;padding:30px;display:grid}.library-empty h2,.library-empty p{margin:0}.library-empty p{max-width:380px;color:var(--text-muted);font-size:.78rem}.library-undo{z-index:30;border:1px solid var(--border-strong);background:var(--text-strong);color:var(--background);box-shadow:var(--shadow-float);font:.68rem/1 var(--font-mono);border-radius:4px;align-items:center;gap:20px;padding:10px 12px 10px 18px;display:flex;position:fixed;bottom:24px;right:24px}.import-dialog{width:min(580px,100vw - 24px)}.import-dialog textarea{resize:vertical;text-transform:none;min-height:150px;padding:10px}.import-summary{border-left:3px solid var(--success);background:var(--surface);font:.65rem/1.35 var(--font-mono);gap:6px;padding:12px;display:grid}.import-error{color:var(--danger);font:.68rem/1.4 var(--font-mono)}@media (width<=900px){.library-heading{flex-direction:column;align-items:start}.library-heading__actions{justify-content:start}.library-controls{grid-template-columns:1fr 1fr}.library-search{grid-column:1/-1}.library-layout{grid-template-columns:1fr}.library-utility{border-top:1px solid var(--border);border-left:0}}@media (width<=620px){.library-page{width:calc(100% - 16px);padding-top:70px}.library-heading{padding-top:18px}.library-heading h1{font-size:3.5rem}.library-heading__actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.library-heading__actions .ui-button:first-child{grid-column:1/-1}.library-controls{grid-template-columns:1fr;padding:10px}.library-search{grid-column:auto}.library-filter{overflow-x:auto}.library-filter button{flex:1}.library-row{grid-template-columns:24px 104px 1fr;gap:8px;min-height:116px;padding:9px 6px}.library-color-strip{height:78px}.library-row__actions{grid-column:2/-1;justify-content:end;margin-top:-4px}.library-row__actions>span{display:none}.library-status-line{flex-wrap:wrap;align-items:start;padding-block:7px}.library-status-line>span:last-child:not(:first-child){width:100%;margin-left:0}.library-undo{justify-content:space-between;bottom:8px;left:8px;right:8px}}@media (forced-colors:active){.library-color-strip,.library-controls,.library-layout,.library-row{border-color:buttontext}.library-filter button[data-active=true]{color:highlighttext;background:highlight}}.global-eyedropper__shield{z-index:59;cursor:crosshair;touch-action:none;position:fixed;inset:0}.global-eyedropper__preview{z-index:60;border:2px solid var(--surface-raised);background:linear-gradient(var(--eyedropper-preview-color), var(--eyedropper-preview-color)), repeating-conic-gradient(#d4d4d0 0 25%, #fff 0 50%) 0 / 10px 10px;opacity:0;pointer-events:none;border-radius:4px;outline:1px solid #000000b8;width:42px;height:42px;position:fixed;box-shadow:0 5px 16px #0000003d}.global-eyedropper{z-index:60;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:82px;right:22px}.global-eyedropper__button{border:1px solid var(--border-strong);background:var(--focus);color:#fff;width:50px;height:50px;box-shadow:var(--shadow-float);cursor:pointer;border-radius:50%;place-items:center;display:grid}.global-eyedropper__button[aria-pressed=true]{background:var(--text-strong);color:var(--background)}.global-eyedropper__hint{border:1px solid var(--border-strong);background:var(--surface-raised);width:max-content;color:var(--text-strong);box-shadow:var(--shadow-short);font:600 .57rem/1.35 var(--font-mono);text-align:right;border-radius:3px;padding:7px 9px;position:absolute;top:5px;right:62px}.global-eyedropper__active-color{border:1px solid var(--border-strong);background:var(--surface-raised);min-width:112px;min-height:42px;color:var(--text-strong);box-shadow:var(--shadow-float);cursor:pointer;border-radius:5px;grid-template-columns:32px auto;align-items:center;gap:8px;padding:4px 9px 4px 4px;display:grid}.global-eyedropper__active-swatch{border:1px solid #00000047;border-radius:3px;width:32px;height:32px}.global-eyedropper__active-color>span:last-child{text-align:left;gap:3px;display:grid}.global-eyedropper__active-color small{color:var(--text-muted);font:600 .48rem/1 var(--font-mono);text-transform:uppercase}.global-eyedropper__active-color strong{font:700 .62rem/1 var(--font-mono);letter-spacing:.02em}.global-eyedropper__active-color:hover,.global-eyedropper__active-color[data-state=open]{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus), var(--shadow-float)}:root[data-eyedropper=active],:root[data-eyedropper=active] body,:root[data-eyedropper=active] body *{cursor:crosshair!important}:root[data-eyedropper=active] .global-eyedropper,:root[data-eyedropper=active] .global-eyedropper *{cursor:pointer!important}.active-color-popover{z-index:72;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);width:min(390px,100vw - 24px);color:var(--text-strong);box-shadow:var(--shadow-float);gap:12px;padding:14px;display:grid}.active-color-popover>header{align-items:center;gap:10px;display:flex}.active-color-popover>header>div{gap:4px;display:grid}.active-color-popover>header strong{font:700 .72rem/1 var(--font-mono);text-transform:uppercase}.active-color-popover>header span:last-child,.active-color-popover>p{color:var(--text-muted);font:.58rem/1.35 var(--font-mono)}.active-color-popover>p{margin:0}.active-color-popover__sample{border:1px solid var(--border-strong);border-radius:4px;width:46px;height:46px}.active-color-popover__actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.active-color-popover__actions .ui-button{min-width:0;padding-inline:10px;font-size:.61rem}.active-color-popover__actions .ui-button:last-child{color:var(--danger);grid-column:1/-1}.active-color-popover__arrow{fill:var(--surface-raised);stroke:var(--border-strong)}@media (width<=760px){.editor-palette{grid-template-columns:132px minmax(0,1fr)}.editor-palette__mode{grid-row:1}.editor-palette__rail{grid-column:1/-1}.editor-palette__item{flex-basis:144px;grid-template-columns:72px 36px 36px}.gradient-directions{grid-template-columns:repeat(2,1fr)}.global-eyedropper{bottom:74px;right:12px}}@media (width<=430px){.editor-palette{grid-template-columns:1fr auto}.editor-palette__item{flex-basis:130px;grid-template-columns:62px 34px 34px}.global-eyedropper__hint{display:none}.global-eyedropper__active-color{grid-template-columns:28px auto;min-width:96px}.global-eyedropper__active-swatch{width:28px;height:28px}}.dialog-overlay{z-index:80;background:#00000085;animation:.15s ease-out overlay-in;position:fixed;inset:0}.dialog-content{z-index:81;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);max-height:min(760px,100vh - 24px);color:var(--text-strong);box-shadow:var(--shadow-float);gap:16px;padding:24px;animation:.17s ease-out dialog-in;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-content h2{align-items:center;gap:8px;margin:0;display:flex}.dialog-content>p{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.5}.dialog-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.shortcut-dialog{width:min(510px,100vw - 24px)}.shortcut-dialog dl{border-top:1px solid var(--border);margin:0;display:grid}.shortcut-dialog dl div{border-bottom:1px solid var(--border);grid-template-columns:130px 1fr;align-items:center;padding:10px 0;display:grid}.shortcut-dialog dt,.shortcut-dialog dd{margin:0;font-size:.72rem}.shortcut-dialog kbd{border:1px solid var(--border-strong);background:var(--surface);font:650 .62rem/1 var(--font-mono);border-bottom-width:2px;border-radius:3px;padding:3px 6px}.shortcut-icons{color:var(--text-muted);gap:10px;display:flex}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes overlay-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.dialog-content,.dialog-overlay,.ui-button,.icon-button,input,select,textarea{border-color:buttontext}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline-color:highlight}.swatch-color,.library-color-strip,.selected-sample,.color-plane{forced-color-adjust:none}}