:root{color:var(--text);background:var(--bg);font-synthesis:none;--text:#292524;--bg:#faf8f5;--surface:#fff;--muted:#706b65;--border:#e2ded7;--border-strong:#ccc7bf;--accent:#b45309;--accent-hover:#92400e;--danger:#9f2424;--stage:#f0ede8;--hover:#f4eee5;--drop-border:#c9c3ba;--placeholder:#777168;--placeholder-icon:#aaa297;--spinner-track:#d7d0c6;--radius:5px;--link:#9a3412;--link-visited:#7c2d12;--link-active:#78350f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--success:#3f6212;--success-bg:#f3f6ec;--warning:#92400e;--warning-bg:#faf4eb;--info:#44403c;--info-bg:#f5f2ed;--danger-bg:#f8eeee;font-family:Instrument Sans,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,select,input[type=checkbox],input[type=radio]{cursor:pointer}button,a,select,.drop-zone,.site-link{transition:background-color .15s,border-color .15s,color .15s,opacity .15s}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{width:26px;height:26px;color:var(--accent)}.header-actions{align-items:center;gap:20px;display:flex}.header-note{color:var(--muted);font-size:14px}main{grid-template-columns:320px minmax(0,1fr);max-width:1600px;min-height:calc(100svh - 80px);margin:auto;display:grid}.settings{border-right:1px solid var(--border);background:var(--surface);padding:32px 28px}h1,h2{letter-spacing:-.35px;margin:0;font-size:19px;font-weight:600}h1{margin-bottom:32px}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.65}.field{margin-bottom:24px}label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}select,input[type=text],input[type=email],input[type=password],textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:11px 12px}textarea{resize:vertical;min-height:120px;line-height:1.5}label:has(output){justify-content:space-between;align-items:baseline;display:flex}label output{font-variant-numeric:tabular-nums;font-weight:600}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:4px 0 0;padding:0}.field-help{color:var(--muted);margin:7px 0 0;font-size:12px;font-weight:400;line-height:1.6}.field--error input,.field--error select,.field--error textarea{border-color:var(--danger)}.field--error .field-help{color:var(--danger)}.field .error-message{margin-top:8px}.checkbox-field,.radio-field{align-items:start;gap:10px;margin:0 0 16px;display:flex}.checkbox-field input,.radio-field input{width:16px;height:16px;accent-color:var(--accent);margin:2px 0 0}.checkbox-field .field-help,.radio-field .field-help{margin-top:3px;display:block}.radio-group{border:0;flex-direction:column;gap:4px;min-width:0;margin:0 0 24px;padding:0;display:flex}.radio-group legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:500}.form{max-width:420px}.form .primary-button{margin-top:8px}.primary-button--inline{width:auto;display:inline-flex}.upload-field{border-top:1px solid var(--border);margin-bottom:24px;padding-top:24px}.drop-zone{border:1px dashed var(--drop-border);border-radius:var(--radius);background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:165px;padding:24px 12px;font-size:13px;display:flex;position:relative}.drop-zone svg{width:25px;height:25px;color:var(--muted);margin-bottom:14px}.drop-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-zone:hover,.drop-zone.dragging{background:var(--hover);border-color:var(--accent)}.drop-zone:focus-within{outline:2px solid var(--accent);outline-offset:3px}.file-name{overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}.primary-button,.secondary-button{border-radius:var(--radius);border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.primary-button{background:var(--accent);width:100%;color:var(--surface)}.primary-button:hover{background:var(--accent-hover)}.primary-button:disabled{cursor:wait}.secondary-button{border-color:var(--border-strong);background:var(--surface);white-space:nowrap}.secondary-button:hover{background:var(--hover)}.privacy-note{color:var(--muted);margin:24px 0 0;font-size:12px;line-height:1.7}.error-message{color:var(--danger);margin:16px 0 0;font-size:13px;line-height:1.6}.preview{min-width:0;padding:32px}.preview-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}#job-status{color:var(--muted);text-align:right;font-size:13px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}figure{min-width:0;margin:0}figcaption{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}figcaption span{color:var(--muted);font-size:11px;font-weight:400}.image-stage{background:var(--stage);border:1px solid var(--border);justify-content:center;align-items:center;height:clamp(320px,55vh,650px);display:flex;overflow:hidden}.image-stage img{object-fit:contain;width:100%;height:100%;animation:.18s reveal}.placeholder{text-align:center;color:var(--placeholder);padding:16px;font-size:13px;line-height:1.7}.placeholder svg{width:48px;height:48px;color:var(--placeholder-icon);margin-bottom:8px}.placeholder p{margin:0}.result-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.result-toolbar p{color:var(--muted);max-width:400px;margin:0;font-size:12px;line-height:1.6}.spinner{border:2px solid var(--spinner-track);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin-bottom:12px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{rotate:360deg}}@keyframes reveal{0%{opacity:0}to{opacity:1}}.ds-nav{border-right:1px solid var(--border);background:var(--surface);align-self:start;max-height:100svh;padding:32px 28px;position:sticky;top:0;overflow:auto}.ds-nav h1{margin-bottom:8px}.ds-nav-intro{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.6}.ds-nav nav{flex-direction:column;gap:4px;display:flex}.ds-nav a{border-radius:var(--radius);color:var(--muted);padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none}.ds-nav a:hover{background:var(--hover);color:var(--text)}.ds-content{min-width:0;padding:32px}.ds-section{margin-bottom:56px;scroll-margin-top:24px}.ds-section>h2{margin-bottom:8px}.ds-section-intro{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.6}.ds-swatches{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.ds-swatch{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.ds-swatch-chip{border-bottom:1px solid var(--border);height:72px}.ds-swatch-meta{padding:12px}.ds-swatch-meta strong{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.ds-swatch-meta code{color:var(--muted);font-size:11px}.ds-type-stack{flex-direction:column;gap:20px;display:flex}.ds-type-row{border-bottom:1px solid var(--border);grid-template-columns:120px minmax(0,1fr);align-items:baseline;gap:16px;padding-bottom:16px;display:grid}.ds-type-row:last-child{border-bottom:0;padding-bottom:0}.ds-type-meta{color:var(--muted);font-size:12px}.ds-type-brand{letter-spacing:-.5px;font-size:21px;font-weight:700}.ds-type-heading{letter-spacing:-.35px;font-size:19px;font-weight:600}.ds-type-label{font-size:14px;font-weight:500}.ds-type-body{font-size:13px;font-weight:600}.ds-type-help{color:var(--muted);font-size:12px;font-weight:400}.ds-type-meta-sample{color:var(--muted);font-size:11px;font-weight:400}.ds-row{flex-wrap:wrap;align-items:start;gap:16px;display:flex}.ds-sample{width:100%;max-width:320px}.ds-sample-wide{max-width:480px}.ds-sample .upload-field{border-top:0;padding-top:0}.ds-sample-label{color:var(--muted);margin:0 0 10px;font-size:12px}.ds-primary-wrap{width:240px}.ds-stage-demo{height:180px}.ds-token-note{color:var(--muted);margin:20px 0 0;font-size:13px;line-height:1.6}.ds-token-note code{font-size:12px}.ds-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:28px;overflow:hidden}.ds-frame:last-child{margin-bottom:0}.ds-frame-pad{padding:32px}.ds-frame-label{color:var(--muted);margin:0 0 10px;font-size:12px}.ds-link-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.ds-link-stack{flex-direction:column;gap:12px;display:flex}.ds-sentence{max-width:36ch;margin:0;font-size:15px;line-height:1.65}.ds-gap-top{margin-top:28px}.site-link{color:var(--link);text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.site-link:hover,.site-link.is-hover{color:var(--accent-hover)}.site-link:visited,.site-link.is-visited{color:var(--link-visited)}.site-link:active{color:var(--link-active)}.site-link:focus-visible,.site-link.is-focus{outline:2px solid var(--accent);outline-offset:3px}.site-link--nav,.header-link{color:var(--muted);font-size:13px;font-weight:500;text-decoration:none}.site-link--nav:hover,.site-link--nav.is-hover,.header-link:hover{color:var(--text)}.site-link--nav:visited,.site-link--nav.is-visited{color:var(--muted)}.site-link--muted{color:var(--muted);text-underline-offset:3px;font-weight:400;text-decoration:underline}.site-link--muted:hover,.site-link--muted.is-hover{color:var(--text)}.site-link--accent{color:var(--accent);font-weight:600;text-decoration:none}.site-link--accent:hover,.site-link--accent.is-hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.site-link--accent:visited,.site-link--accent.is-visited{color:var(--accent)}.site-link--disabled,.site-link--disabled:hover,.site-link--disabled:visited,.site-link--disabled.is-hover,.site-link--disabled.is-visited{color:var(--placeholder);cursor:not-allowed;opacity:.7;pointer-events:none;text-decoration:none}.prose{max-width:65ch;color:var(--text);font-size:15px;font-weight:400;line-height:1.65}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1{letter-spacing:-.6px;margin:0 0 20px;font-size:28px;font-weight:700;line-height:1.2}.prose h2{letter-spacing:-.35px;margin:36px 0 12px;font-size:20px;font-weight:600;line-height:1.3}.prose h3{letter-spacing:-.2px;margin:28px 0 10px;font-size:16px;font-weight:600;line-height:1.35}.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.35em}.prose li{margin-bottom:8px}.prose li:last-child{margin-bottom:0}.prose strong{font-weight:600}.hero{background:linear-gradient(165deg, #fff 0%, var(--bg) 45%, #f0ebe3 100%);padding:clamp(48px,8vw,96px) clamp(24px,5vw,64px)}.hero-inner{max-width:720px}.hero-brand{letter-spacing:-.6px;color:var(--text);align-items:center;gap:12px;margin:0 0 28px;font-size:28px;font-weight:700;display:inline-flex}.hero-brand svg{width:30px;height:30px;color:var(--accent)}.hero-title{letter-spacing:-.8px;margin:0 0 16px;font-size:clamp(32px,5vw,44px);font-weight:700;line-height:1.12}.hero-lead{color:var(--muted);max-width:38ch;margin:0 0 32px;font-size:17px;font-weight:400;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:clamp(40px,6vw,72px) clamp(24px,5vw,64px);display:grid}.feature h3{letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:600}.feature p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.site-section{max-width:720px;padding:clamp(40px,6vw,72px) clamp(24px,5vw,64px)}.site-section h2{letter-spacing:-.5px;margin:0 0 14px;font-size:28px;font-weight:700;line-height:1.2}.site-section p{color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.6}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:clamp(40px,6vw,72px) clamp(24px,5vw,64px);list-style:none;display:grid}.step-number{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.step h3{letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:600}.step p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.cta-banner{background:var(--text);color:var(--surface);padding:clamp(40px,6vw,64px) clamp(24px,5vw,64px)}.cta-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:960px;display:flex}.cta-banner h2{letter-spacing:-.4px;color:var(--surface);margin:0 0 8px;font-size:24px;font-weight:700}.cta-banner p{color:#d6d3d1;max-width:40ch;margin:0;font-size:15px;line-height:1.55}.cta-banner .primary-button{background:var(--accent);color:var(--surface)}.cta-banner .primary-button:hover{background:var(--accent-hover)}.container{width:100%;max-width:1120px;padding-left:var(--space-5);padding-right:var(--space-5);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;padding-top:var(--space-3);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.site-header .brand{font-size:20px}.site-nav,.site-header-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:var(--space-6) 0}.site-footer-inner{gap:var(--space-6);grid-template-columns:1.4fr 1fr 1fr;display:grid}.site-footer-brand{letter-spacing:-.3px;margin:0 0 var(--space-2);font-size:16px;font-weight:700}.site-footer-copy{color:var(--muted);max-width:28ch;margin:0;font-size:13px;line-height:1.6}.site-footer-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-3);font-size:12px;font-weight:600}.site-footer-links{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-footer-meta{padding-top:var(--space-5);border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;font-size:12px}.alert{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--info-bg);color:var(--info)}.alert+.alert{margin-top:var(--space-3)}.alert-title{margin:0 0 var(--space-1);font-size:14px;font-weight:600;display:block}.alert p{margin:0;font-size:13px;line-height:1.55}.alert--info{background:var(--info-bg);color:var(--info);border-color:#ddd6cb}.alert--success{background:var(--success-bg);color:var(--success);border-color:#d5e0c4}.alert--warning{background:var(--warning-bg);color:var(--warning);border-color:#e8d5b8}.alert--danger{background:var(--danger-bg);color:var(--danger);border-color:#e4c8c8}.badge{border:1px solid var(--border);border-radius:var(--radius);background:var(--stage);color:var(--muted);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex}.badge--queued{background:var(--info-bg);color:var(--info);border-color:#ddd6cb}.badge--processing{background:var(--warning-bg);color:var(--warning);border-color:#e8d5b8}.badge--done{background:var(--success-bg);color:var(--success);border-color:#d5e0c4}.badge--failed{background:var(--danger-bg);color:var(--danger);border-color:#e4c8c8}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.table th,.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--bg);font-size:11px;font-weight:600}.table tbody tr:last-child td{border-bottom:0}.table td{color:var(--text)}.table .muted{color:var(--muted)}.empty-state{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);border:1px dashed var(--drop-border);border-radius:var(--radius);background:var(--bg);flex-direction:column;max-width:420px;display:flex}.empty-state h3{letter-spacing:-.2px;margin:0;font-size:16px;font-weight:600}.empty-state p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.empty-state .primary-button,.empty-state .secondary-button{margin-top:var(--space-2)}.ds-badge-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-alert-stack{gap:var(--space-3);flex-direction:column;max-width:560px;display:flex}.ds-container-demo{border:1px dashed var(--border);padding-top:var(--space-4);padding-bottom:var(--space-4)}@media (width<=1050px){main{grid-template-columns:280px minmax(0,1fr)}.settings,.ds-nav{padding:28px 20px}.preview,.ds-content{padding:28px 24px}.image-grid{grid-template-columns:1fr}.image-stage{height:320px}.feature-row,.steps{grid-template-columns:1fr 1fr}}@media (width<=680px){.app-header{height:64px;padding:0 20px}.header-note{display:none}main{display:block}.settings,.ds-nav{border-right:0;border-bottom:1px solid var(--border);max-height:none;padding:24px 20px;position:static}h1{margin-bottom:24px}.preview,.ds-content{padding:24px 20px}.preview-header{margin-bottom:24px}.image-stage{height:300px}.result-toolbar{flex-direction:column;align-items:start}.ds-type-row{grid-template-columns:1fr;gap:6px}.feature-row,.steps{grid-template-columns:1fr;gap:24px}.hero-actions,.cta-banner-inner{flex-direction:column;align-items:start}.site-footer-inner{gap:var(--space-5);grid-template-columns:1fr}.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.ds{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius:6px;--radius-lg:10px;--shadow:0 1px 2px #1c19170f, 0 8px 24px #1c191714;--focus-ring:2px solid var(--accent);--focus-offset:3px;--font-display-size:36px;--font-display-weight:700;--font-display-leading:1.15;--font-title-size:28px;--font-title-weight:700;--font-title-leading:1.2;--font-heading-size:19px;--font-heading-weight:600;--font-heading-leading:1.3;--font-body-size:15px;--font-body-weight:400;--font-body-leading:1.65;--font-label-size:14px;--font-label-weight:500;--font-label-leading:1.4;--font-ui-size:13px;--font-ui-weight:600;--font-ui-leading:1.4;--font-caption-size:12px;--font-caption-weight:400;--font-caption-leading:1.55;--font-meta-size:11px;--font-meta-weight:400;--font-meta-leading:1.4;--text:#1c1917;--bg:#f5f5f4;--surface:#fff;--muted:#78716c;--border:#e7e5e4;--border-strong:#d6d3d1;--accent:#1c1917;--accent-hover:#0c0a09;--accent-contrast:#fff;--danger:#991b1b;--stage:#e7e5e4;--hover:#f0efee;--drop-border:#cfcbc7;--placeholder:#78716c;--placeholder-icon:#a8a29e;--spinner-track:#d6d3d1;--link:#44403c;--link-visited:#292524;--link-active:#1c1917;--success:#3f6212;--success-bg:#f3f6ec;--success-border:#d5e0c4;--warning:#9a3412;--warning-bg:#faf4eb;--warning-border:#e8d5b8;--info:#44403c;--info-bg:#f5f5f4;--info-border:#d6d3d1;--danger-bg:#fef2f2;--danger-border:#fecaca;--on-inverse:#fff;--on-inverse-muted:#d6d3d1;--hero-mid:#f0efee;--hero-end:#e7e5e4}.ds[data-style=stone]{--text:#292524;--bg:#f7f4ef;--surface:#fff;--muted:#78716c;--border:#e8e2d9;--border-strong:#d6cec2;--accent:#9a3412;--accent-hover:#7c2d12;--accent-contrast:#fff;--danger:#9f2424;--stage:#efeae2;--hover:#f3eee6;--drop-border:#d0c8bc;--placeholder:#78716c;--placeholder-icon:#a8a29e;--spinner-track:#d6cec2;--link:#9a3412;--link-visited:#7c2d12;--link-active:#5c1a0a;--success:#3f6212;--success-bg:#f3f6ec;--success-border:#d5e0c4;--warning:#9a3412;--warning-bg:#faf4eb;--warning-border:#e8d5b8;--info:#57534e;--info-bg:#f5f2ed;--info-border:#ddd6cb;--danger-bg:#f8eeee;--danger-border:#e4c8c8;--on-inverse:#fff;--on-inverse-muted:#d6d3d1;--hero-mid:#f3eee6;--hero-end:#ebe4da}.ds[data-style=tide]{--text:#134e4a;--bg:#f3f6f6;--surface:#fff;--muted:#5f6f6e;--border:#d8e2e1;--border-strong:#c0cecd;--accent:#0f766e;--accent-hover:#0d5f59;--accent-contrast:#fff;--danger:#b91c1c;--stage:#e6eeee;--hover:#ebf1f1;--drop-border:#b8c9c7;--placeholder:#5f6f6e;--placeholder-icon:#8aa0a0;--spinner-track:#c0cecd;--link:#0f766e;--link-visited:#115e59;--link-active:#134e4a;--success:#3f6212;--success-bg:#f0f6e8;--success-border:#cfe0b8;--warning:#b45309;--warning-bg:#faf5eb;--warning-border:#e8d5b8;--info:#334155;--info-bg:#eef3f3;--info-border:#c9d6d5;--danger-bg:#fef2f2;--danger-border:#fecaca;--on-inverse:#fff;--on-inverse-muted:#cce0de;--hero-mid:#ebf1f1;--hero-end:#dde8e7}.ds[data-style=iris]{--text:#1e1b4b;--bg:#f5f5f8;--surface:#fff;--muted:#6b7280;--border:#e4e4ec;--border-strong:#cfcfd9;--accent:#4338ca;--accent-hover:#3730a3;--accent-contrast:#fff;--danger:#b91c1c;--stage:#ececf3;--hover:#eeedf5;--drop-border:#c5c5d2;--placeholder:#6b7280;--placeholder-icon:#9ca3af;--spinner-track:#cfcfd9;--link:#4338ca;--link-visited:#3730a3;--link-active:#312e81;--success:#3f6212;--success-bg:#f1f6ea;--success-border:#d0e0b8;--warning:#b45309;--warning-bg:#faf5eb;--warning-border:#e8d5b8;--info:#4338ca;--info-bg:#eef0fb;--info-border:#c7c9ea;--danger-bg:#fef2f2;--danger-border:#fecaca;--on-inverse:#fff;--on-inverse-muted:#c7c9ea;--hero-mid:#eeedf5;--hero-end:#e4e4f0}.ds[data-style=atelier]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius:8px;--radius-lg:12px;--shadow:0 1px 2px #00000059, 0 16px 40px #00000073;--text:#f4efe6;--bg:#161411;--surface:#221f1a;--muted:#b3a696;--border:#3a342c;--border-strong:#4e453b;--accent:#c4a574;--accent-hover:#d4b88a;--accent-contrast:#1a1612;--danger:#f0b4ae;--stage:#1c1916;--hover:#2c2822;--drop-border:#5c5348;--placeholder:#a89886;--placeholder-icon:#7d7266;--spinner-track:#4e453b;--link:#e0c79a;--link-visited:#c4a574;--link-active:#f3e2c4;--success:#c5d49a;--success-bg:#1e2418;--success-border:#3d4a2e;--warning:#e4c08a;--warning-bg:#2a2218;--warning-border:#5a4630;--info:#e4d8c6;--info-bg:#26221c;--info-border:#4a4338;--danger-bg:#2c1c1a;--danger-border:#6a3a36;--on-inverse:#f4efe6;--on-inverse-muted:#c4b5a0;--hero-mid:#2a241c;--hero-end:#141210}.ds[data-style=north]{--radius:10px;--radius-lg:16px;--shadow:0 1px 2px #3d5a730d, 0 18px 40px #5a78961a;--text:#1e293b;--bg:#e8eef4;--surface:#f7fafc;--muted:#5c6d80;--border:#d5dee8;--border-strong:#b8c5d4;--accent:#3d5a73;--accent-hover:#2c4558;--accent-contrast:#fff;--danger:#b42318;--stage:#e2ebf3;--hover:#eef3f7;--drop-border:#b0c0d0;--placeholder:#64748b;--placeholder-icon:#94a3b8;--spinner-track:#c5d0dc;--link:#3d5a73;--link-visited:#2c4558;--link-active:#1e3344;--success:#3f6212;--success-bg:#f0f5ea;--success-border:#cfe0b8;--warning:#b45309;--warning-bg:#faf5eb;--warning-border:#e8d5b8;--info:#3d5a73;--info-bg:#eef3f7;--info-border:#c9d6e2;--danger-bg:#fef2f2;--danger-border:#fecaca;--on-inverse:#f7fafc;--on-inverse-muted:#d5e1ea;--hero-mid:#e4edf4;--hero-end:#d7e3ee}.ds[data-style=voyager-light]{--radius:10px;--radius-lg:20px;--shadow:0 1px 4px #5d41960f, 0 8px 24px #5d41961a;--text:#0d0d0d;--bg:#f8f6ff;--surface:#fff;--muted:#5e5880;--border:#e8e0f8;--border-strong:#c8c2e0;--accent:#ad69ff;--accent-hover:#9344ff;--accent-contrast:#fff;--danger:#b42318;--stage:#f1effb;--hover:#f1effb;--drop-border:#c8c2e0;--placeholder:#827aa0;--placeholder-icon:#a89fc4;--spinner-track:#e0dcef;--link:#6b1fd0;--link-visited:#5a18b0;--link-active:#45148a;--success:#3f6212;--success-bg:#f1f6ea;--success-border:#d0e0b8;--warning:#b45309;--warning-bg:#faf5eb;--warning-border:#e8d5b8;--info:#6b1fd0;--info-bg:#f3edff;--info-border:#e0d0f8;--danger-bg:#fef2f2;--danger-border:#fecaca;--on-inverse:#0d0d0d;--on-inverse-muted:#5e5880;--hero-mid:#f8d4ee;--hero-end:#fdf0fa}.ds[data-style=voyager-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius:10px;--radius-lg:20px;--shadow:0 8px 24px #00000080;--text:#f5f3ff;--bg:#0d0d0d;--surface:#111118;--muted:#a89fc4;--border:#2d2945;--border-strong:#413d60;--accent:#c99bff;--accent-hover:#ad69ff;--accent-contrast:#0d0d0d;--danger:#f0b4b4;--stage:#18151f;--hover:#1d1a28;--drop-border:#413d60;--placeholder:#6e6890;--placeholder-icon:#827aa0;--spinner-track:#2d2945;--link:#c99bff;--link-visited:#ad69ff;--link-active:#e4d4ff;--success:#c5d49a;--success-bg:#161a12;--success-border:#314028;--warning:#e4c08a;--warning-bg:#221c14;--warning-border:#4a3c28;--info:#d4c8f0;--info-bg:#18151f;--info-border:#3a3458;--danger-bg:#241416;--danger-border:#5c3038;--on-inverse:#f5f3ff;--on-inverse-muted:#a89fc4;--hero-mid:#1a1020;--hero-end:#080610}.ds{color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ds :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.ds .primary-button{background:var(--accent);color:var(--accent-contrast);box-shadow:none;transition:background-color .15s,border-color .15s,color .15s,opacity .15s,box-shadow .15s}.ds .primary-button:hover{background:var(--accent-hover)}.ds .alert--info{border-color:var(--info-border)}.ds .alert--success{border-color:var(--success-border)}.ds .alert--warning{border-color:var(--warning-border)}.ds .alert--danger{border-color:var(--danger-border)}.ds .badge--queued{border-color:var(--info-border)}.ds .badge--processing{border-color:var(--warning-border)}.ds .badge--done{border-color:var(--success-border)}.ds .badge--failed{border-color:var(--danger-border)}.ds .ds-frame,.ds .table-wrap,.ds .empty-state{border-radius:var(--radius-lg)}.ds .hero{background:linear-gradient(165deg, var(--surface) 0%, var(--hero-mid) 45%, var(--hero-end) 100%)}.ds .cta-banner{background:var(--text);color:var(--on-inverse)}.ds .cta-banner h2{color:var(--on-inverse)}.ds .cta-banner p{color:var(--on-inverse-muted)}.ds .cta-banner .primary-button{background:var(--accent);color:var(--accent-contrast)}.ds .cta-banner .primary-button:hover{background:var(--accent-hover)}.ds[data-style=atelier] .hero{background:radial-gradient(at 18% 18%,#c4a5743d 0%,#0000 48%),radial-gradient(at 82% 78%,#e8c48c1f 0%,#0000 42%),linear-gradient(165deg,#2a261f 0%,#1c1915 55%,#141210 100%)}.ds[data-style=atelier] .cta-banner{background:radial-gradient(at 12% 40%,#d4b4834d 0%,#0000 46%),radial-gradient(at 88% 72%,#8c643733 0%,#0000 42%),#12100e}.ds[data-style=atelier] .primary-button{box-shadow:0 0 0 1px #c4a57459,0 8px 24px #c4a57438}.ds[data-style=atelier] .primary-button:hover{box-shadow:0 0 0 1px #d4b88a80,0 10px 28px #c4a57457}.ds[data-style=atelier] .ds-frame{box-shadow:0 0 0 1px #c4a57414,0 16px 40px #0000006b}.ds[data-style=north] .hero{background:linear-gradient(#ffffff8c 0%,#ffffff1f 100%),radial-gradient(at 18% 0,#bad6e8bf 0%,#0000 55%),radial-gradient(at 88% 85%,#d6e2ecd9 0%,#0000 50%),linear-gradient(165deg,#f4f7fa 0%,#e7eef5 52%,#dce6f0 100%)}.ds[data-style=north] .cta-banner{background:linear-gradient(#ffffff29 0%,#0000 42%),radial-gradient(at 0 0,#bad6e859 0%,#0000 55%),linear-gradient(155deg,#4d6478 0%,#2c4154 100%)}.ds[data-style=north] .primary-button{box-shadow:0 1px 2px #2d465a14,0 8px 20px #3d5a7324}.ds[data-style=north] .primary-button:hover{box-shadow:0 2px 4px #2d465a1a,0 12px 28px #3d5a732e}.ds[data-style=north] .ds-frame{box-shadow:0 1px 2px #3d5a730d,0 18px 40px #5a78961a}.ds[data-style=voyager-light] .hero{background:radial-gradient(at 15% 25%,#f8d4ee 0%,#0000 50%),radial-gradient(at 85% 15%,#e4ccf8 0%,#0000 50%),radial-gradient(at 65% 85%,#f0d0f5 0%,#0000 55%),#fdf0fa}.ds[data-style=voyager-light] .cta-banner{background:radial-gradient(at 12% 30%,#f8d4ee 0%,#0000 48%),radial-gradient(at 88% 18%,#d4b0f4 0%,#0000 46%),radial-gradient(at 62% 100%,#e8c0f0 0%,#0000 52%),#f6e8fb}.ds[data-style=voyager-light] .primary-button{box-shadow:0 0 0 1px #ad69ff4d,0 8px 24px #ad69ff2e}.ds[data-style=voyager-light] .primary-button:hover{box-shadow:0 0 0 1px #ad69ff73,0 10px 28px #ad69ff47}.ds[data-style=voyager-light] .ds-frame{box-shadow:0 8px 24px #5d41961a}.ds[data-style=voyager-dark] .hero,.ds[data-style=voyager-dark] .cta-banner{background:radial-gradient(at 15% 55%,#be1e7847 0%,#0000 50%),radial-gradient(at 85% 25%,#6414a052 0%,#0000 50%),radial-gradient(at 55% 90%,#d232962e 0%,#0000 45%),#080610}.ds[data-style=voyager-dark] .primary-button{box-shadow:0 0 0 1px #ad69ff66,0 8px 24px #ad69ff40}.ds[data-style=voyager-dark] .primary-button:hover{box-shadow:0 0 0 1px #ad69ff8c,0 10px 28px #ad69ff57}.ds[data-style=voyager-dark] .ds-frame{box-shadow:0 8px 24px #00000080}.ds-style-groups{flex-direction:column;gap:18px;margin:0 0 28px;display:flex}.ds-palette{border:0;min-width:0;margin:0;padding:0}.ds-palette legend{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;padding:0;font-size:11px;font-weight:600}.ds-palette-options{flex-direction:column;gap:6px;display:flex}.ds-palette-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:center;gap:10px;margin:0;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.ds-palette-option:hover{background:var(--hover)}.ds-palette-option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ds-palette-option input{width:14px;height:14px;accent-color:var(--accent);margin:0}.ds-palette-swatch{border:1px solid #0000001f;border-radius:999px;flex-shrink:0;width:14px;height:14px}.ds-palette-swatch--ink{background:#1c1917}.ds-palette-swatch--stone{background:#9a3412}.ds-palette-swatch--tide{background:#0f766e}.ds-palette-swatch--iris{background:#4338ca}.ds-palette-swatch--atelier{background:#c4a574}.ds-palette-swatch--north{background:#3d5a73}.ds-palette-swatch--voyager-light{background:#ad69ff}.ds-palette-swatch--voyager-dark{background:#c99bff}.ds-space-list{flex-direction:column;gap:12px;max-width:480px;display:flex}.ds-space-row{grid-template-columns:100px 1fr;align-items:center;gap:16px;display:grid}.ds-space-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.ds-space-bar{background:var(--accent);opacity:.85;border-radius:2px;height:12px}.ds-radius-row,.ds-shadow-row{flex-wrap:wrap;gap:16px;display:flex}.ds-radius-card,.ds-shadow-card{border:1px solid var(--border);background:var(--surface);width:140px;height:88px;color:var(--muted);align-items:end;padding:12px;font-size:12px;display:flex}.ds-radius-card--sm{border-radius:var(--radius)}.ds-radius-card--lg{border-radius:var(--radius-lg)}.ds-shadow-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);border-color:#0000}.ds-focus-demo{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);outline:var(--focus-ring);outline-offset:var(--focus-offset);align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:600;display:inline-flex}.ds-type-display{font-size:var(--font-display-size);font-weight:var(--font-display-weight);line-height:var(--font-display-leading);letter-spacing:-.8px}.ds-type-title{font-size:var(--font-title-size);font-weight:var(--font-title-weight);line-height:var(--font-title-leading);letter-spacing:-.5px}.ds-type-heading{font-size:var(--font-heading-size);font-weight:var(--font-heading-weight);line-height:var(--font-heading-leading);letter-spacing:-.35px}.ds-type-body{font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-leading)}.ds-type-label{font-size:var(--font-label-size);font-weight:var(--font-label-weight);line-height:var(--font-label-leading)}.ds-type-ui{font-size:var(--font-ui-size);font-weight:var(--font-ui-weight);line-height:var(--font-ui-leading)}.ds-type-caption{font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-leading);color:var(--muted)}.ds-type-meta-sample{font-size:var(--font-meta-size);font-weight:var(--font-meta-weight);line-height:var(--font-meta-leading);color:var(--muted)}