:root{--coal-950:#080808;--coal-900:#111111;--coal-800:#1a1a1a;--coal-700:#242424;--coal-600:#2e2e2e;--coal-500:#3d3d3d;--coal-400:#5a5a5a;--coal-300:#888888;--coal-200:#b4b4b4;--coal-100:#e0e0e0;--coal-50:#f5f5f5;--acid-500:#b8ff00;--acid-400:#caff2a;--acid-300:#d8ff5a;--acid-200:#e7ff96;--acid-100:#f3ffcc;--red-500:#ff2d2d;--red-400:#ff5252;--amber-500:#ffb800;--blue-500:#0066ff;--blue-400:#3385ff;--white:#fafafa;--black:#030303;--bg-base:var(--coal-950);--bg-surface:var(--coal-900);--bg-elevated:var(--coal-800);--bg-overlay:var(--coal-700);--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.12);--border-strong:rgba(255,255,255,0.22);--border-accent:var(--acid-500);--text-primary:var(--white);--text-secondary:var(--coal-200);--text-muted:var(--coal-400);--text-disabled:var(--coal-500);--text-accent:var(--acid-500);--text-danger:var(--red-500);--text-warning:var(--amber-500);--text-info:var(--blue-400);--interactive-primary:var(--acid-500);--interactive-primary-hover:#d4ff1a;--interactive-primary-text:var(--black);--interactive-ghost-hover:rgba(255,255,255,0.07);--interactive-ghost-active:rgba(255,255,255,0.12);--focus-ring:0 0 0 2px var(--acid-500);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--r-none:0px;--r-sm:2px;--r-md:4px;--r-lg:8px;--r-xl:12px;--r-2xl:20px;--r-full:9999px;--font-display:"Barlow Condensed",sans-serif;--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"Space Mono",monospace;--font-serif:"Instrument Serif",serif;--font-body:var(--font-sans);--font-weight-display:600;--font-weight-strong:500;--font-weight-body:400;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:56px;--text-5xl:72px;--text-6xl:96px;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-loose:1.75;--tracking-tight:-0.03em;--tracking-normal:0em;--tracking-wide:0.06em;--tracking-wider:0.12em;--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 16px rgba(0,0,0,0.6);--shadow-lg:0 8px 32px rgba(0,0,0,0.7);--shadow-xl:0 16px 64px rgba(0,0,0,0.8);--shadow-glow:0 0 24px rgba(184,255,0,0.25);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:400ms;--dur-xslow:700ms;color-scheme:dark;accent-color:var(--acid-500)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:var(--font-weight-body);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--acid-500);color:var(--black)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--coal-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--coal-400)}.ds-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.ds-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:0;scrollbar-width:none}.ds-sidebar::-webkit-scrollbar{display:none}.sidebar-brand{padding:var(--sp-6) var(--sp-6) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.brand-pill{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--acid-500);color:var(--black);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-strong);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:3px 10px;border-radius:var(--r-sm);margin-bottom:var(--sp-3)}.brand-name{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:1}.brand-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);margin-top:var(--sp-1)}.sidebar-nav{flex:1 1;padding:var(--sp-4) 0}.nav-section-label{font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-strong);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-4) var(--sp-6) var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-6);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all var(--dur-fast) var(--ease-in-out);border-left:2px solid transparent;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--interactive-ghost-hover);border-left-color:var(--border-default)}.nav-item.active{color:var(--acid-500);background:rgba(184,255,0,.06);border-left-color:var(--acid-500);font-weight:var(--font-weight-strong)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--coal-500);flex-shrink:0;transition:background var(--dur-fast)}.nav-item.active .nav-dot{background:var(--acid-500)}.sidebar-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border-subtle)}.version-tag{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:var(--tracking-wide)}.ds-main{min-height:100vh;overflow-x:hidden}.ds-section{padding:var(--sp-16) var(--sp-12);border-bottom:1px solid var(--border-subtle);max-width:1100px}.ds-section:last-child{border-bottom:none}.section-header{display:flex;align-items:flex-start;gap:var(--sp-6);margin-bottom:var(--sp-10)}.section-number{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-weight-display);color:var(--coal-800);line-height:1;flex-shrink:0;letter-spacing:var(--tracking-tight);-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-label{font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-strong);letter-spacing:.18em;text-transform:uppercase;color:var(--acid-500);margin-bottom:var(--sp-2)}.section-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-tight);line-height:1;color:var(--text-primary)}.section-desc{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-loose);margin-top:var(--sp-3);max-width:560px}.demo-row{display:flex;align-items:flex-start;gap:var(--sp-8);flex-wrap:wrap}.demo-col{flex:1 1;min-width:240px}.code-tag{display:inline-block;font-size:10px;background:var(--coal-800);color:var(--coal-300);padding:2px 8px;border-radius:var(--r-sm);border:1px solid var(--border-subtle);letter-spacing:.04em}.code-tag,.var-name{font-family:var(--font-mono)}.var-name{font-size:var(--text-xs);color:var(--acid-400)}.ds-hero{background:var(--bg-surface);padding:var(--sp-16) var(--sp-12) var(--sp-12);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.hero-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.hero-accent-bar{width:80px;height:3px;background:var(--acid-500);margin-bottom:var(--sp-6)}.hero-kicker{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--acid-500);margin-bottom:var(--sp-4)}.hero-headline{font-family:var(--font-display);font-size:clamp(52px,7vw,96px);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-tight);line-height:.92;color:var(--text-primary);margin-bottom:var(--sp-6)}.hero-headline em{font-style:italic;color:var(--acid-500);font-family:var(--font-serif);font-weight:400}.hero-sub{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-loose);max-width:480px;margin-bottom:var(--sp-8)}.hero-stats{display:flex;gap:var(--sp-8);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-val{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-weight-display);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1}.hero-stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.color-swatch{border-radius:var(--r-md);overflow:hidden;cursor:default}.swatch-block{height:64px;transition:transform var(--dur-fast)}.color-swatch:hover .swatch-block{transform:scaleY(1.08);transform-origin:bottom}.swatch-info{background:var(--bg-elevated);padding:var(--sp-2)}.swatch-name{color:var(--text-muted);letter-spacing:.04em}.swatch-name,.swatch-value{font-family:var(--font-mono);font-size:10px}.swatch-value{color:var(--text-secondary)}.color-section-title{font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-strong);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin:var(--sp-6) 0 var(--sp-3)}.color-section-title:first-child{margin-top:0}.semantic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin-bottom:var(--sp-6)}.semantic-chip{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--sp-3)}.chip-dot{width:28px;height:28px;border-radius:var(--r-sm);flex-shrink:0}.chip-label{color:var(--text-muted);letter-spacing:.08em}.chip-label,.chip-var{font-family:var(--font-mono);font-size:10px}.chip-var{color:var(--acid-400);word-break:break-all}.type-specimen{margin-bottom:var(--sp-8);padding-bottom:var(--sp-8);border-bottom:1px solid var(--border-subtle)}.type-specimen:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.type-meta{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.type-meta-item{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:2px 8px;border-radius:var(--r-sm)}.type-ramp{display:flex;flex-direction:column;gap:var(--sp-4)}.type-ramp-row{display:grid;grid-template-columns:80px 1fr;align-items:baseline;grid-gap:var(--sp-4);gap:var(--sp-4)}.ramp-size-label{font-size:10px;color:var(--text-muted);letter-spacing:.08em}.btn,.ramp-size-label{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:var(--font-weight-strong);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;position:relative;overflow:hidden;transition:background var(--dur-fast) var(--ease-in-out),color var(--dur-fast) var(--ease-in-out),transform var(--dur-fast) var(--ease-in-out),box-shadow var(--dur-fast) var(--ease-in-out);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-xs{font-size:10px;padding:4px 10px;height:28px}.btn-sm,.btn-xs{border-radius:var(--r-sm)}.btn-sm{font-size:var(--text-xs);padding:var(--sp-1) var(--sp-3);height:34px}.btn-md{font-size:var(--text-sm);padding:var(--sp-2) var(--sp-5);height:40px}.btn-lg,.btn-md{border-radius:var(--r-md)}.btn-lg{font-size:var(--text-base);padding:var(--sp-3) var(--sp-6);height:48px}.btn-xl{font-size:var(--text-md);padding:var(--sp-4) var(--sp-8);height:56px;border-radius:var(--r-lg)}.btn-primary{background:var(--interactive-primary);color:var(--interactive-primary-text)}.btn-primary:hover{background:var(--interactive-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--interactive-ghost-hover);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--red-500);border:1px solid rgba(255,45,45,.3)}.btn-danger:hover{background:rgba(255,45,45,.08);border-color:var(--red-500)}.btn-outline-accent{background:transparent;color:var(--acid-500);border:1px solid var(--acid-500)}.btn-outline-accent:hover{background:rgba(184,255,0,.08);box-shadow:var(--shadow-glow)}.btn:disabled,.btn[aria-disabled=true]{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-loading .btn-label{opacity:0}.btn-loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn-icon{padding:0;aspect-ratio:1}.btn-icon.btn-sm{width:34px}.btn-icon.btn-md{width:40px}.btn-icon.btn-lg{width:48px}.form-field{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-strong);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.form-label-required:after{content:" *";color:var(--red-500)}.form-hint{color:var(--text-muted);line-height:1.5}.form-error,.form-hint{font-family:var(--font-mono);font-size:11px}.form-error{color:var(--red-500);display:flex;align-items:center;gap:var(--sp-1)}.input{width:100%;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);height:40px;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--acid-500);box-shadow:0 0 0 2px rgba(184,255,0,.15)}.input.input-error{border-color:var(--red-500);box-shadow:0 0 0 2px rgba(255,45,45,.12)}.input:disabled{opacity:.4;cursor:not-allowed}.input-lg{height:48px;font-size:var(--text-base);border-radius:var(--r-lg)}.input-sm{height:32px;font-size:12px;border-radius:var(--r-sm)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input{padding-left:40px}.input-icon{position:absolute;left:var(--sp-3);color:var(--text-muted);pointer-events:none;display:flex}.input-wrapper-password{width:100%}.input-wrapper-password .input-has-password-toggle{width:100%;padding-right:44px}.input-password-toggle{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--r-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}.input-password-toggle:hover{color:var(--text-secondary);background:rgba(255,255,255,.06)}.input-password-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.input-wrapper .input-suffix{position:absolute;right:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.textarea{width:100%;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);outline:none;resize:vertical;min-height:96px;line-height:var(--leading-normal);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.textarea::placeholder{color:var(--text-muted)}.textarea:focus{border-color:var(--acid-500);box-shadow:0 0 0 2px rgba(184,255,0,.15)}.select-wrap{position:relative;width:100%}.select{width:100%;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-10) var(--sp-2) var(--sp-4);height:40px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:dark;accent-color:var(--acid-500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5a5a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.select:hover:not(:disabled){border-color:var(--border-strong)}.select-open,.select:focus,.select:focus-visible{border-color:var(--acid-500);box-shadow:0 0 0 2px rgba(184,255,0,.15)}.select-custom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);text-align:left;background-image:none;padding-right:var(--sp-3)}.select-custom:disabled{opacity:.55;cursor:not-allowed}.select-value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--dur-fast),color var(--dur-fast)}.select-open .select-chevron{transform:rotate(180deg);color:var(--text-secondary)}.select-wrap-open{position:relative;z-index:10}.select-menu{position:absolute;z-index:100;top:calc(100% + var(--sp-1));left:0;right:0;margin:0;padding:var(--sp-1);list-style:none;max-height:min(280px,50vh);overflow-y:auto;background:var(--coal-800);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px var(--border-subtle)}.select-menu-item{display:block;width:100%;text-align:left;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.select-menu-item.is-highlighted:not(:disabled),.select-menu-item:hover:not(:disabled){background:var(--interactive-ghost-hover);color:var(--text-primary)}.select-menu-item.is-selected{background:rgba(184,255,0,.1);color:var(--acid-400)}.select-menu-item.is-selected.is-highlighted{background:rgba(184,255,0,.16)}.select-menu-item:disabled{color:var(--text-disabled);cursor:not-allowed}select.select option{background:var(--coal-900);color:var(--text-primary)}select.select option:checked{background:var(--coal-700);color:var(--acid-400)}.check-group,.radio-group{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer}.check-group input[type=checkbox],.radio-group input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-elevated);cursor:pointer;flex-shrink:0;transition:all var(--dur-fast);position:relative}.radio-group input[type=radio]{border-radius:50%}.check-group input[type=checkbox]:checked{background:var(--acid-500);border-color:var(--acid-500)}.check-group input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7L5.5 10L11.5 4' stroke='%23030303' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:12px}.radio-group input[type=radio]:checked{border-color:var(--acid-500);border-width:4px;background:var(--acid-500);box-shadow:inset 0 0 0 3px var(--bg-elevated)}.check-label,.radio-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-wrap{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer}.toggle-track{width:44px;height:24px;border-radius:var(--r-full);background:var(--coal-600);position:relative;transition:background var(--dur-base);flex-shrink:0}.toggle-wrap.on .toggle-track{background:var(--acid-500)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--coal-200);transition:transform var(--dur-base) var(--ease-out-expo),background var(--dur-base);box-shadow:var(--shadow-sm)}.toggle-wrap.on .toggle-thumb{transform:translateX(20px);background:var(--black)}.toggle-label{font-size:var(--text-sm);color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge,.toggle-label{font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:5px;font-weight:var(--font-weight-strong);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-sm);border-width:1px;border-style:solid;white-space:nowrap;line-height:1}.badge-xs{font-size:9px;padding:2px 6px}.badge-sm{font-size:10px;padding:3px 8px}.badge-md{font-size:var(--text-xs);padding:4px 10px}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-acid{background:rgba(184,255,0,.12);color:var(--acid-400);border-color:rgba(184,255,0,.25)}.badge-ghost{background:rgba(255,255,255,.05);color:var(--coal-300);border-color:var(--border-subtle)}.badge-red{background:rgba(255,45,45,.1);color:var(--red-400);border-color:rgba(255,45,45,.25)}.badge-amber{background:rgba(255,184,0,.1);color:var(--amber-500);border-color:rgba(255,184,0,.25)}.badge-blue{background:rgba(0,102,255,.12);color:var(--blue-400);border-color:rgba(0,102,255,.25)}.badge-solid-acid{background:var(--acid-500);color:var(--black);border-color:var(--acid-500)}.badge-ml{background:rgba(255,230,0,.1);color:#ffe600;border-color:rgba(255,230,0,.25)}.badge-amz{background:rgba(255,153,0,.1);color:#ff9900;border-color:rgba(255,153,0,.25)}.badge-shopee{background:rgba(238,77,45,.1);color:#ff6040;border-color:rgba(238,77,45,.25)}.tag{display:inline-flex;gap:var(--sp-2);font-family:var(--font-mono);font-size:11px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--r-full);padding:3px 10px}.tag,.tag-close{align-items:center}.tag-close{width:14px;height:14px;border-radius:50%;background:var(--coal-600);color:var(--text-muted);display:flex;justify-content:center;cursor:pointer;font-size:9px;transition:background var(--dur-fast)}.tag-close:hover{background:var(--red-500);color:white}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden;transition:border-color var(--dur-base),box-shadow var(--dur-base),transform var(--dur-base) var(--ease-out-expo)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px)}.card-header{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.card-body{padding:var(--sp-5)}.card-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-subtle);background:rgba(0,0,0,.2)}.product-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:border-color var(--dur-base),transform var(--dur-slow) var(--ease-out-expo),box-shadow var(--dur-slow) var(--ease-out-expo);position:relative;z-index:0}.product-card:hover{border-color:var(--border-default);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.5);z-index:1}.product-card--selected{border-color:rgba(184,255,0,.35);box-shadow:0 0 0 1px rgba(184,255,0,.12)}.product-card-img{aspect-ratio:1/1;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-card-img-placeholder{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-display);color:var(--coal-700);letter-spacing:-.05em}.product-card-badges{position:absolute;top:var(--sp-3);left:var(--sp-3);display:flex;flex-wrap:wrap;gap:4px}.product-card-info{padding:var(--sp-4)}.product-card-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--sp-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-3)}.price-main{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-display);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1}.price-original{color:var(--text-muted);text-decoration:line-through}.price-discount,.price-original{font-family:var(--font-mono);font-size:var(--text-xs)}.price-discount{font-weight:var(--font-weight-strong);color:var(--acid-500)}.product-card-actions{display:flex;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-4)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:var(--sp-6);position:relative;overflow:hidden}.stat-card-accent{position:absolute;top:0;left:0;right:0;height:2px}.stat-card-label{font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-strong);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3)}.stat-card-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-tight);line-height:1;color:var(--text-primary);margin-bottom:var(--sp-2)}.stat-card-delta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.delta-pos{color:var(--acid-400)}.delta-neg{color:var(--red-400)}.alert{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);border-width:1px;border-style:solid}.alert-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px}.alert-title{font-size:var(--text-sm);font-weight:var(--font-weight-strong);margin-bottom:3px}.alert-text,.alert-title{font-family:var(--font-mono)}.alert-text{font-size:var(--text-xs);line-height:var(--leading-loose);opacity:.8}.alert-success{background:rgba(184,255,0,.07);border-color:rgba(184,255,0,.2);color:var(--acid-400)}.alert-error{background:rgba(255,45,45,.07);border-color:rgba(255,45,45,.2);color:var(--red-400)}.alert-warning{background:rgba(255,184,0,.07);border-color:rgba(255,184,0,.2);color:var(--amber-500)}.alert-info{background:rgba(0,102,255,.07);border-color:rgba(0,102,255,.2);color:var(--blue-400)}.toast-demo{flex-direction:column;max-width:360px}.toast,.toast-demo{display:flex;gap:var(--sp-3)}.toast{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-left-width:3px;border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-xl)}.toast-success{border-left-color:var(--acid-500)}.toast-error{border-left-color:var(--red-500)}.toast-warning{border-left-color:var(--amber-500)}.toast-info{border-left-color:var(--blue-400)}.toast-icon{font-size:15px;flex-shrink:0}.toast-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-strong);color:var(--text-primary)}.toast-dismiss,.toast-msg{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.toast-dismiss{margin-left:auto;cursor:pointer;flex-shrink:0;padding:2px}.toast-dismiss:hover{color:var(--text-primary)}.progress-bar{height:4px;background:var(--bg-elevated);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);background:var(--acid-500);transition:width var(--dur-slow) var(--ease-out-expo)}.progress-fill.red{background:var(--red-500)}.progress-fill.amber{background:var(--amber-500)}.progress-fill.blue{background:var(--blue-400)}.progress-fill.striped{background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 12px);background-size:24px 24px;animation:stripe-move .8s linear infinite}@keyframes stripe-move{to{background-position:24px 0}}.progress-thick{height:8px}.progress-xl{height:12px}.status-row{display:flex;align-items:center;gap:var(--sp-3)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--acid-500);box-shadow:0 0 0 3px rgba(184,255,0,.2);animation:pulse 2s ease infinite}.status-dot.offline{background:var(--coal-500)}.status-dot.error{background:var(--red-500);box-shadow:0 0 0 3px rgba(255,45,45,.2)}.status-dot.pending{background:var(--amber-500);animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--coal-800) 25%,var(--coal-700) 50%,var(--coal-800) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--r-xl)}.table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--text-xs)}.table thead tr{background:var(--bg-elevated);border-bottom:1px solid var(--border-default)}.table th{font-weight:var(--font-weight-strong);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-3) var(--sp-5);text-align:left;white-space:nowrap}.table th:first-child{padding-left:var(--sp-6)}.table td{padding:var(--sp-4) var(--sp-5);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table td:first-child{padding-left:var(--sp-6);color:var(--text-primary);font-weight:var(--font-weight-strong)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:rgba(255,255,255,.025)}.table tbody tr.selected{background:rgba(184,255,0,.04)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity var(--dur-base)}.modal-backdrop.open{opacity:1;pointer-events:all}.modal.modal-wide{max-width:min(720px,96vw)}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:85vh;overflow-y:auto;transform:translateY(20px) scale(.97);transition:transform var(--dur-slow) var(--ease-out-expo)}.modal-backdrop.open .modal{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-6) var(--sp-6) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-tight)}.modal-close{width:32px;height:32px;border-radius:var(--r-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--dur-fast)}.modal-close:hover{background:var(--bg-overlay);color:var(--text-primary)}.modal-body{padding:var(--sp-6)}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--sp-3)}.topbar{height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--sp-6);gap:var(--sp-4);position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-logo{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.topbar-logo span{color:var(--acid-500)}.topbar-nav{display:flex;gap:2px;flex:1 1;margin:0 var(--sp-8)}.topbar-nav-item{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);cursor:pointer;text-decoration:none;transition:all var(--dur-fast)}.topbar-nav-item:hover{color:var(--text-primary);background:var(--interactive-ghost-hover)}.topbar-nav-item.active{color:var(--acid-500);background:rgba(184,255,0,.08)}.topbar-right{gap:var(--sp-3);margin-left:auto}.avatar,.topbar-right{display:flex;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--acid-500) 0,#00cc66 100%);justify-content:center;font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:13px;color:var(--black);cursor:pointer;flex-shrink:0}.job-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);overflow:hidden}.job-card-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border-subtle);justify-content:flex-end}.confirm-dialog-desc{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.jobs-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-4);flex-wrap:wrap}.jobs-pagination-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.job-card-header{padding:var(--sp-5);gap:var(--sp-4)}.job-card-header,.job-icon{display:flex;align-items:center}.job-icon{width:40px;height:40px;border-radius:var(--r-lg);justify-content:center;font-size:20px;flex-shrink:0}.job-meta{flex:1 1}.job-title{font-size:var(--text-sm);font-weight:var(--font-weight-strong);color:var(--text-primary);margin-bottom:2px}.job-sub,.job-title{font-family:var(--font-mono)}.job-sub{font-size:var(--text-xs);color:var(--text-muted)}.job-status-area{text-align:right}.job-count{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:1}.job-count-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.job-bar-wrap{padding:0 var(--sp-5) var(--sp-5)}.job-bar-info{display:flex;justify-content:space-between;margin-bottom:var(--sp-2)}.job-bar-text{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.license-block{background:linear-gradient(135deg,rgba(255,45,45,.08),rgba(255,45,45,.03));border:1px solid rgba(255,45,45,.25);border-radius:var(--r-xl);padding:var(--sp-6);display:flex;align-items:flex-start;gap:var(--sp-5)}.license-icon{font-size:32px;flex-shrink:0}.license-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-display);letter-spacing:var(--tracking-tight);color:var(--red-400);margin-bottom:var(--sp-2)}.license-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-loose);margin-bottom:var(--sp-4)}.license-actions{display:flex;gap:var(--sp-3)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--sp-4)}.grid-2,.grid-3{display:grid;gap:var(--sp-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--sp-4);gap:var(--sp-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,320px));grid-gap:var(--sp-5);gap:var(--sp-5);justify-content:start}.spacer{height:var(--sp-6)}.spacer-sm{height:var(--sp-4)}.spacer-lg{height:var(--sp-10)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeUp var(--dur-slow) var(--ease-out-expo) both}.anim-delay-1{animation-delay:60ms}.anim-delay-2{animation-delay:.12s}.anim-delay-3{animation-delay:.18s}.anim-delay-4{animation-delay:.24s}.anim-delay-5{animation-delay:.3s}.sep{display:flex;align-items:center;gap:var(--sp-4);margin:var(--sp-8) 0}.sep-line{flex:1 1;height:1px;background:var(--border-subtle)}.sep-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}hr.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--sp-8) 0}.code-block{background:var(--coal-950);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--acid-300);overflow-x:auto;line-height:var(--leading-loose)}.code-block .token-comment{color:var(--coal-400)}.code-block .token-key{color:var(--blue-400)}.code-block .token-val{color:var(--amber-500)}code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:1px 6px;color:var(--acid-400)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-7)}.tab-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-strong);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--dur-base),border-color var(--dur-base);white-space:nowrap;position:relative;bottom:-1px}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--acid-400);border-bottom-color:var(--acid-400)}.platform-icon{width:44px;height:44px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.platform-name{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-base);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.platform-hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.cfg-split{display:grid;grid-template-columns:280px 1fr;grid-gap:clamp(var(--sp-5),2.5vw,var(--sp-8));gap:clamp(var(--sp-5),2.5vw,var(--sp-8));align-items:start}.cfg-sidebar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.cfg-sidebar-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-strong);color:var(--text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--sp-2) var(--sp-3) var(--sp-3)}.cfg-platform-btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-3);background:transparent;border:none;border-radius:var(--r-lg);cursor:pointer;transition:background var(--dur-base);text-align:left}.cfg-platform-btn:hover{background:rgba(255,255,255,.04)}.cfg-platform-btn.active{background:rgba(184,255,0,.07)}.cfg-platform-btn.active .cfg-platform-btn-name{color:var(--acid-400)}.cfg-platform-btn-icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cfg-platform-btn-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.cfg-platform-btn-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-strong);color:var(--text-primary)}.cfg-platform-btn-name,.cfg-platform-btn-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-platform-btn-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.cfg-platform-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cfg-platform-dot.dot-ok{background:var(--blue-400,#3385ff)}.cfg-platform-dot.dot-warn{background:var(--amber-400,#f59e0b)}.cfg-platform-dot.dot-empty{background:var(--border-default)}.cfg-sidebar-info{margin-top:var(--sp-3);padding:var(--sp-4) var(--sp-3);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--sp-3);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-loose)}.cfg-sidebar-info code{font-family:var(--font-mono);font-size:10px;background:var(--bg-elevated);padding:1px 5px;border-radius:var(--r-sm);color:var(--acid-400)}.cfg-form-area{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:clamp(var(--sp-6),2.5vw,var(--sp-8))}.cfg-form-header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-7);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border-subtle)}.cfg-form-title{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.cfg-form-sub{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--sp-1)}.cfg-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-5) var(--sp-6);gap:var(--sp-5) var(--sp-6)}.cfg-span-2{grid-column:1/-1}.cfg-info-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:clamp(var(--sp-6),2.5vw,var(--sp-8));display:flex;flex-direction:column;gap:var(--sp-4)}.cfg-info-title{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}.cfg-info-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-loose);margin:0}.cfg-info-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border-subtle)}@media (max-width:960px){.cfg-form-grid,.cfg-split{grid-template-columns:1fr}.cfg-span-2{grid-column:1}}@media (max-width:900px){.ds-shell{grid-template-columns:1fr}.ds-sidebar{position:relative;height:auto;overflow:visible}.ds-section{padding:var(--sp-10) var(--sp-6)}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.topbar-nav{display:none}.hero-headline{font-size:48px}}@media (max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.ds-section{padding:var(--sp-8) var(--sp-5)}}.export-catalog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3)}.export-catalog-toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.export-catalog-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.export-catalog-title{color:var(--text-primary)}.export-catalog-meta{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.export-row-selected td{background:rgba(16,163,127,.06)}.check-group-compact{margin:0}.check-group-compact .check-label{display:none}.pagination-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);margin-top:var(--sp-6)}.setup-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.setup-shell-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-8);border-bottom:1px solid var(--border-subtle)}.setup-shell-badge{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.setup-shell-main{flex:1 1;max-width:720px;width:100%;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-12)}.setup-wizard-intro{margin-bottom:var(--sp-8)}.setup-wizard-intro-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.setup-steps{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6)}.setup-step-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-full);border:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated)}.setup-step-pill.is-active{border-color:var(--acid-500);color:var(--acid-400)}.setup-step-pill.is-done,.setup-step-pill.is-past{border-color:rgba(16,163,127,.35);color:var(--text-secondary)}.setup-step-icon{display:flex;align-items:center;justify-content:center}.setup-wizard-card{margin-bottom:var(--sp-6)}.setup-step-title{font-family:var(--font-display);font-size:var(--text-lg);margin:0 0 var(--sp-2);color:var(--text-primary)}.setup-step-desc{margin:0 0 var(--sp-6);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.setup-step-form,.setup-wizard-finish{display:flex;flex-direction:column;gap:var(--sp-4)}.setup-wizard-finish{align-items:flex-start;padding:var(--sp-5);border:1px solid rgba(16,163,127,.25);border-radius:var(--r-lg);background:rgba(16,163,127,.06)}.export-catalog-title{display:block;max-width:280px;font-size:var(--text-sm)}.automation-list{display:flex;flex-direction:column;gap:var(--sp-2);width:100%}.automation-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur-fast) ease}.automation-row--expanded{border-color:var(--border-default)}.automation-row__main{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);min-height:48px}.automation-row__expand{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:none;border-radius:var(--r-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) ease}.automation-row__expand:hover{background:var(--bg-elevated);color:var(--text-primary)}.automation-row__expand svg{transition:transform var(--dur-fast) ease}.automation-row--expanded .automation-row__expand svg{transform:rotate(90deg)}.automation-row__summary{flex:1 1;min-width:0;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.automation-row__name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-strong);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;max-width:min(360px,40vw)}.automation-row__schedule{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.automation-row__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.automation-row__actions .toggle-wrap{margin:0}.automation-row__actions .toggle-label{font-size:10px}.automation-row__details{padding:var(--sp-3) var(--sp-4) var(--sp-4);padding-left:calc(var(--sp-3) + 32px + var(--sp-2));border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.automation-row__detail-grid{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-loose)}.automation-row__detail-grid strong{color:var(--text-secondary);font-weight:var(--font-weight-strong)}.automation-row__history-title{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);margin:var(--sp-4) 0 var(--sp-2)}.automation-row__history-list{margin:0;padding:0;list-style:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:rgba(0,0,0,.12)}.automation-row__history-item{padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs)}.automation-row__history-item:last-child{border-bottom:none}.automation-history-run{display:block;width:100%;margin:0;padding:var(--sp-3) var(--sp-4);border:none;border-bottom:1px solid var(--border-subtle);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.automation-history-run:last-child{border-bottom:none}.automation-history-run:hover{background:rgba(255,255,255,.03)}.automation-history-run:focus-visible{outline:2px solid rgba(96,165,250,.45);outline-offset:-2px;background:rgba(255,255,255,.03)}.automation-history-run__main{display:grid;grid-template-columns:minmax(0,auto) auto 1fr auto;align-items:center;grid-gap:var(--sp-2) var(--sp-3);gap:var(--sp-2) var(--sp-3);width:100%}@media (max-width:720px){.automation-history-run__main{grid-template-columns:1fr auto;grid-template-rows:auto auto}.automation-history-run__stats{grid-column:1/-1}}.automation-history-run__when{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);white-space:nowrap}.automation-history-run__badge{flex-shrink:0}.automation-history-run__stats{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:right;white-space:nowrap}.automation-history-run__chevron{flex-shrink:0;color:var(--text-muted);opacity:.45;transition:opacity .15s ease,transform .15s ease,color .15s ease}.automation-history-run:hover .automation-history-run__chevron{opacity:.85;color:var(--text-secondary);transform:translateX(2px)}.automation-history-run__error{display:block;margin-top:var(--sp-2);padding-left:var(--sp-1);border-left:2px solid rgba(201,162,39,.35);font-size:11px;line-height:1.45;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-test-results{padding:var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}.selector-test-results-header{display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.selector-test-results-icon-ok{color:var(--acid-400);flex-shrink:0;margin-top:2px}.selector-test-results-icon-warn{color:var(--text-warning,#c9a227);flex-shrink:0;margin-top:2px}.selector-test-results-sub{margin:var(--sp-1) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.selector-test-coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--sp-2);gap:var(--sp-2);margin-bottom:var(--sp-4)}.selector-test-coverage-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-base);border-radius:var(--r-md);border:1px solid var(--border-subtle)}.selector-test-coverage-label{font-size:var(--text-xs);color:var(--text-muted)}.selector-test-samples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.selector-test-sample{padding:var(--sp-3);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.selector-test-sample-title{display:block;font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--sp-1)}.selector-test-sample-meta{font-size:var(--text-xs);color:var(--text-muted)}.selector-test-sample-meta a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.selector-test-sample-meta a:hover{color:var(--text-secondary)}.selector-test-logs{margin-top:var(--sp-3);font-size:var(--text-xs)}.selector-test-logs summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.selector-test-logs pre{margin:var(--sp-2) 0 0;padding:var(--sp-3);background:var(--bg-base);border-radius:var(--r-md);overflow:auto;max-height:160px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.automation-run-modal{max-width:640px}.automation-run-modal__footer{display:flex;justify-content:flex-end;gap:var(--sp-2);width:100%}.automation-run-modal__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-3)}.automation-run-modal__label{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 2px}.automation-run-modal__value{font-weight:600;margin:0}.automation-run-modal__times{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-4);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-4)}.automation-run-modal__times strong{color:var(--text-secondary);font-weight:500}.automation-run-modal__section{margin-bottom:var(--sp-4)}.automation-run-modal__section-title{font-size:var(--text-sm);font-weight:600;margin:0 0 var(--sp-2)}.automation-run-modal__links{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.automation-run-modal__link{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--blue-400);text-decoration:none;padding:var(--sp-1) var(--sp-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.automation-run-modal__link:hover{background:var(--surface-raised)}.automation-run-modal__empty{font-size:var(--text-xs);color:var(--text-muted);margin:0}.automation-run-pipeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.automation-run-step{position:relative;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) 0}.automation-run-step__connector{position:absolute;left:11px;top:28px;bottom:-8px;width:2px;background:var(--border-subtle)}.automation-run-step:last-child .automation-run-step__connector{display:none}.automation-run-step--done .automation-run-step__connector{background:var(--blue-400)}.automation-run-step__icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.automation-run-step__icon--pending{color:var(--text-muted);background:var(--surface-base);border:2px solid var(--border-subtle)}.automation-run-step__icon--active{color:var(--blue-400);background:rgba(59,130,246,.12);border:2px solid var(--blue-400)}.automation-run-step__icon--done{color:var(--surface-base);background:var(--blue-400)}.automation-run-step__icon--failed{color:var(--surface-base);background:var(--amber-500,#c9a227)}.automation-run-step__body{display:flex;flex-direction:column;gap:2px;padding-top:2px}.automation-run-step__label{font-size:var(--text-sm);font-weight:500}.automation-run-step__detail{font-size:var(--text-xs);color:var(--text-muted)}.automation-run-log{margin:0;padding:var(--sp-3);font-size:var(--text-xs);line-height:1.55;font-family:var(--font-mono,ui-monospace,monospace);background:var(--surface-inset,rgba(0,0,0,.2));border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}.app-auth{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--bg-base);overflow:hidden}.app-auth-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.app-auth-orb{position:absolute;border-radius:50%;filter:blur(72px);opacity:.72;will-change:transform}.app-auth-orb-a{width:min(75vw,560px);height:min(75vw,560px);background:radial-gradient(circle,rgba(184,255,0,.42) 0,rgba(16,163,127,.18) 40%,transparent 68%);top:-18%;left:-12%;animation:auth-orb-drift-a 11s ease-in-out infinite}.app-auth-orb-b{width:min(60vw,460px);height:min(60vw,460px);background:radial-gradient(circle,rgba(16,163,127,.36) 0,rgba(184,255,0,.14) 48%,transparent 70%);bottom:-22%;right:-10%;animation:auth-orb-drift-b 14s ease-in-out infinite}.app-auth-orb-c{width:min(45vw,360px);height:min(45vw,360px);background:radial-gradient(circle,rgba(202,255,42,.28) 0,rgba(184,255,0,.08) 55%,transparent 70%);top:35%;left:50%;animation:auth-orb-drift-c 9s ease-in-out infinite}@keyframes auth-orb-drift-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(18%,12%) scale(1.12)}66%{transform:translate(8%,-6%) scale(1.05)}}@keyframes auth-orb-drift-b{0%,to{transform:translate(0) scale(1.05)}40%{transform:translate(-16%,-10%) scale(1.15)}70%{transform:translate(-6%,8%) scale(1.08)}}@keyframes auth-orb-drift-c{0%,to{transform:translate(0) scale(.92)}50%{transform:translate(-20%,14%) scale(1.1)}}@media (prefers-reduced-motion:reduce){.app-auth-orb{animation:none}}.app-auth-content{position:relative;z-index:1;width:100%;max-width:440px}.app-auth-card{width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(12,12,14,.72);border-color:rgba(184,255,0,.12);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 24px 48px rgba(0,0,0,.45)}.app-auth-brand a{color:inherit;text-decoration:none}.app-auth-brand a:hover{color:var(--text-primary)}.app-auth-footer{margin-top:var(--sp-5);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.app-auth-footer a{color:var(--text-accent);text-decoration:none}.app-auth-footer a:hover{text-decoration:underline}.app-auth-brand{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);margin-bottom:var(--sp-2)}.app-auth-brand span{color:var(--acid-500)}.app-auth-sub{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-6);line-height:var(--leading-loose)}.app-main{width:100%;max-width:min(1680px,100%);margin:0 auto;padding:var(--sp-6) clamp(var(--sp-5),4vw,var(--sp-10)) var(--sp-10);box-sizing:border-box}.app-page-header{margin-bottom:var(--sp-6);max-width:70ch}.page-layout-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:clamp(var(--sp-5),2.5vw,var(--sp-8));gap:clamp(var(--sp-5),2.5vw,var(--sp-8));align-items:stretch;margin-bottom:var(--sp-8)}.page-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);height:100%;min-height:320px}.page-panel-body{padding:clamp(var(--sp-5),2vw,var(--sp-8))}.page-panel-idle{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--sp-4);min-height:280px;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-loose)}.page-panel-idle strong{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.form-grid-span-2{grid-column:1/-1}.page-section{width:100%}.page-section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}@media (max-width:1100px){.form-grid-2,.page-layout-split{grid-template-columns:1fr}}.app-page-title{font-family:var(--font-display);font-weight:var(--font-weight-display);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--sp-2)}.app-page-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.app-shell{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column}.card.filters-card,.filters-card{position:relative;z-index:30;overflow:visible;margin-bottom:var(--sp-6);padding:clamp(var(--sp-4),2vw,var(--sp-6))}.filters-card .select-wrap-open{position:relative;z-index:40}.filters-card .select-menu{z-index:50}.products-grid,.products-table-wrap{position:relative;z-index:1}.curation-panel-card{margin-bottom:var(--sp-6)}.curation-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"about runs" "instructions instructions";grid-gap:var(--sp-5) clamp(var(--sp-5),3vw,var(--sp-8));gap:var(--sp-5) clamp(var(--sp-5),3vw,var(--sp-8));align-items:start}.curation-panel-about{grid-area:about;min-width:0}.curation-panel-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.curation-panel-runs{grid-area:runs;min-width:0;padding-left:clamp(var(--sp-4),2vw,var(--sp-6));border-left:1px solid var(--border-subtle)}.curation-panel-runs-title{margin:0 0 var(--sp-4);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.curation-runs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);max-height:200px;overflow-y:auto}.curation-run-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--sp-3);gap:var(--sp-3);align-items:baseline;padding:var(--sp-2) var(--sp-3);background:var(--bg-elevated);border-radius:var(--r-md);font-size:var(--text-sm)}.curation-run-row time{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.curation-run-row strong{color:var(--text-primary);font-weight:var(--font-weight-strong);white-space:nowrap}.curation-panel-instructions{grid-area:instructions;padding-top:var(--sp-5);border-top:1px solid var(--border-subtle)}@media (max-width:960px){.curation-panel{grid-template-columns:1fr;grid-template-areas:"about" "runs" "instructions"}.curation-panel-runs{padding-left:0;border-left:none;padding-top:var(--sp-4);border-top:1px solid var(--border-subtle)}}.products-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-5)}.view-toggle{display:inline-flex;border:1px solid var(--border-default);border-radius:var(--r-md);overflow:hidden}.view-toggle .btn{border-radius:0;border:none;min-width:40px}.view-toggle .btn+.btn{border-left:1px solid var(--border-default)}.view-toggle .btn.is-active{background:rgba(184,255,0,.12);color:var(--acid-400)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,320px));grid-gap:var(--sp-5);gap:var(--sp-5);justify-content:start}.products-list-thumb{object-fit:cover;display:block}.products-list-thumb,.products-list-thumb-placeholder{width:56px;height:56px;border-radius:var(--r-md);background:var(--bg-elevated)}.products-list-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--coal-600)}.products-list-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-end}.filters-form{display:grid;grid-template-columns:minmax(200px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto auto;grid-gap:var(--sp-4);gap:var(--sp-4);align-items:end}@media (max-width:1100px){.filters-form{grid-template-columns:1fr 1fr}.filters-form .filter-grow{grid-column:1/-1}}@media (max-width:560px){.filters-form{grid-template-columns:1fr}}.curation-filters-form{grid-template-columns:minmax(160px,1fr) minmax(140px,1fr) minmax(200px,2fr) auto}@media (max-width:1100px){.curation-filters-form{grid-template-columns:1fr 1fr}.curation-filters-form .filter-grow{grid-column:1/-1}}.page-header-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.page-header-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.products-count-label{margin-bottom:var(--sp-4)}.product-card-actions-col{display:flex;flex-direction:column;gap:var(--sp-2);width:100%}.products-pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6)}.dashboard-stats{margin-bottom:var(--sp-6)}.dashboard-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-gap:var(--sp-6);gap:var(--sp-6);align-items:start}.dashboard-panel-title{margin:0 0 var(--sp-4);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.dashboard-job-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.dashboard-job-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-elevated);border-radius:var(--r-md);font-size:var(--text-sm)}.dashboard-job-row-main{display:flex;align-items:center;gap:var(--sp-2);min-width:0;color:var(--text-secondary)}.dashboard-offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,260px));grid-gap:var(--sp-4);gap:var(--sp-4)}.dashboard-quick-links{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-8)}.dashboard-quick-link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-default);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);text-decoration:none;transition:border-color var(--dur-fast),color var(--dur-fast)}.dashboard-quick-link:hover{border-color:var(--acid-500);color:var(--acid-400)}.export-detail-pre{margin:0;padding:var(--sp-3);background:var(--bg-elevated);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}@media (max-width:960px){.dashboard-panels{grid-template-columns:1fr}}.filter-grow{flex:1 1 200px;min-width:180px}.form-block-gap{margin-bottom:var(--sp-4)}.topbar-user{color:var(--text-secondary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-empty,.topbar-user{font-family:var(--font-body);font-size:var(--text-sm)}.app-empty{text-align:center;padding:var(--sp-16) var(--sp-6);color:var(--text-muted)}