.design-showcase{max-width:1080px;padding:var(--s-2xl) var(--s-lg) var(--s-3xl);color:var(--ink-on-cream);font-family:var(--font-body);margin:0 auto}.ds-eyebrow{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-tertiary);margin:0 0 var(--s-xs);font-size:11px;font-weight:500}.ds-h1{font-family:var(--font-display);margin:0 0 var(--s-sm);color:var(--ink-on-cream);font-size:clamp(34px,5vw,50px);font-weight:400;line-height:1.05}.ds-lede{color:var(--ink-secondary);max-width:64ch;margin:0 0 var(--s-md);font-size:16px;line-height:1.6}.ds-callout{border:1px solid var(--border-mid);border-left:3px solid var(--gold-ring);background:var(--surface-quiet);border-radius:var(--r-md);padding:var(--s-sm) var(--s-md);color:var(--ink-secondary);margin:var(--s-md) 0 var(--s-2xl);font-size:13.5px;line-height:1.55}.ds-callout strong{color:var(--ink-on-cream)}.ds-section{margin:0 0 var(--s-3xl);scroll-margin-top:var(--s-lg)}.ds-section__head{border-bottom:1px solid var(--border-soft);padding-bottom:var(--s-xs);margin-bottom:var(--s-lg)}.ds-section__title{font-family:var(--font-display);color:var(--ink-on-cream);margin:0;font-size:26px;font-weight:400}.ds-section__note{color:var(--ink-tertiary);margin:var(--s-2xs) 0 0;font-size:13.5px}.ds-swatches{gap:var(--s-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.ds-swatch{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#fff;overflow:hidden}.ds-swatch__chip{height:64px}.ds-swatch__meta{padding:var(--s-xs) var(--s-sm)}.ds-swatch__name{font-family:var(--font-ui);color:var(--ink-on-cream);font-size:12px;font-weight:600}.ds-swatch__hex{font-family:var(--font-mono);color:var(--ink-tertiary);text-transform:uppercase;font-size:11px}.ds-swatch__role{color:var(--ink-secondary);margin-top:2px;font-size:11px;line-height:1.35}.ds-type-row{align-items:baseline;gap:var(--s-md);padding:var(--s-xs) 0;border-bottom:1px solid var(--border-soft);flex-wrap:wrap;display:flex}.ds-type-row__tag{font-family:var(--font-mono);color:var(--ink-tertiary);flex-shrink:0;width:130px;font-size:11px}.ds-type-row__sample{color:var(--ink-on-cream)}.ds-scale{gap:var(--s-xs);flex-direction:column;display:flex}.ds-scale-row{align-items:center;gap:var(--s-md);display:flex}.ds-scale-row__tag{font-family:var(--font-mono);color:var(--ink-tertiary);flex-shrink:0;width:130px;font-size:11px}.ds-scale-row__bar{background:var(--deep-indigo);border-radius:3px;height:18px}.ds-scale-row__box{background:var(--surface-soft);border:1px solid var(--deep-indigo);flex-shrink:0;width:64px;height:44px}.ds-pills{gap:var(--s-xs);flex-wrap:wrap;display:flex}.ds-pill{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ds-pill__dot{opacity:.85;background:currentColor;border-radius:50%;width:7px;height:7px}.ds-pill--collecting{background:var(--status-collecting-bg);color:var(--status-collecting-fg)}.ds-pill--processing{background:var(--status-processing-bg);color:var(--status-processing-fg)}.ds-pill--draft_ready{background:var(--status-draft-bg);color:var(--status-draft-fg)}.ds-pill--pending_approval{background:var(--review-soft);color:var(--review)}.ds-pill--approved{background:var(--status-approved-bg);color:var(--status-approved-fg)}.ds-pill--rendering{background:var(--status-rendering-bg);color:var(--status-rendering-fg)}.ds-pill--service_ready{background:var(--status-ready-bg);color:var(--status-ready-fg)}.ds-pill--archived{background:var(--status-archived-bg);color:var(--status-archived-fg)}.ds-switch{gap:var(--s-2xs);margin-bottom:var(--s-md);flex-wrap:wrap;display:flex}.ds-switch__btn{font-family:var(--font-ui);border-radius:var(--r-md);background:var(--surface-quiet);color:var(--ink-secondary);border:1px solid var(--border-mid);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);padding:8px 14px;font-size:13px;font-weight:500}.ds-switch__btn:hover{border-color:var(--deep-indigo);color:var(--ink-on-cream)}.ds-switch__btn[aria-pressed=true]{background:var(--midnight-indigo);color:var(--champagne);border-color:var(--midnight-indigo)}.ds-switch__btn:focus-visible{outline:2px solid var(--deep-indigo);outline-offset:2px}.ds-meta{gap:var(--s-md);color:var(--ink-tertiary);margin-bottom:var(--s-sm);flex-wrap:wrap;font-size:12.5px;display:flex}.ds-meta b{color:var(--ink-secondary);font-weight:600}.ds-demo{--surface:var(--vellum);--surface-alt:var(--surface-soft);--text-primary:var(--ink-on-cream);--text-secondary:var(--ink-secondary);--border:var(--border-mid);--accent:var(--deep-indigo);--accent-hover:#1f2a7e;--accent-fg:#fff;--font-display:var(--nf-eb-garamond,"EB Garamond"), Georgia, serif;--font-body:var(--nf-dm-sans,"DM Sans"), system-ui, sans-serif;--ds-pad:var(--s-md);--ds-gap:var(--s-sm);--ds-radius:var(--r-md);--ds-display-weight:400;--ds-display-size:28px;--ds-mono:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:background var(--t), border-color var(--t);overflow:hidden}.ds-demo[data-register=anthavi]{--surface:var(--vellum);--surface-alt:#fbf3e4;--accent:var(--deep-indigo);--accent-fg:var(--champagne);--ds-pad:var(--s-lg);--ds-gap:var(--s-md);--ds-radius:var(--r-lg);--ds-display-size:32px}.ds-demo[data-register=wetales]{--surface:#fcf6f0;--surface-alt:#f6eadf;--text-primary:#3d2b24;--text-secondary:#7a6a60;--border:#785a4633;--accent:#c75b39;--accent-hover:#ae4a2c;--accent-fg:#fff8f2;--font-display:var(--nf-dm-sans,"DM Sans"), system-ui, sans-serif;--ds-pad:var(--s-lg);--ds-gap:var(--s-md);--ds-radius:var(--r-xl);--ds-display-weight:700;--ds-display-size:30px}.ds-demo[data-register=ops]{--surface:#fff;--surface-alt:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--border:#d1d5db;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-fg:#fff;--font-display:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ds-pad:var(--s-sm);--ds-gap:var(--s-xs);--ds-radius:var(--r-sm);--ds-display-weight:600;--ds-display-size:20px}.ds-band{padding:var(--s-md) var(--ds-pad);position:relative;overflow:hidden}.ds-band--anthavi{background:var(--midnight-indigo);color:var(--champagne)}.ds-band--anthavi .ds-band__label{color:var(--paper-mute-on-ink)}.ds-band--wetales{color:#3d2b24;background:linear-gradient(120deg,#f6c9a8,#e89e7a 60%,#c75b39)}.ds-band--ops{background:var(--surface-alt);color:var(--text-secondary);border-bottom:1px solid var(--border)}.ds-band__title{font-family:var(--font-display);font-weight:var(--ds-display-weight);font-size:var(--ds-display-size);margin:0;line-height:1.1;position:relative}.ds-band__label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;margin:0 0 4px;font-size:10px;position:relative}.ds-demo__body{padding:var(--ds-pad);gap:var(--ds-gap);flex-direction:column;display:flex}.ds-demo__body p{color:var(--text-secondary);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.55}.ds-row{gap:var(--s-xs);flex-wrap:wrap;align-items:center;display:flex}.ds-btn{font-family:var(--font-body);border-radius:var(--ds-radius);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);border:1px solid #0000;padding:9px 16px;font-size:13px;font-weight:600}.ds-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.ds-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.ds-btn--secondary{color:var(--accent);border-color:var(--accent);background:0 0}.ds-btn--secondary:hover{background:var(--surface-alt)}.ds-btn--tertiary{color:var(--text-secondary);background:0 0;border-color:#0000}.ds-btn--tertiary:hover{color:var(--text-primary)}.ds-btn--danger{color:var(--error);border-color:var(--error);background:0 0}.ds-btn--danger:hover{background:var(--error);color:#fff}.ds-field{flex-direction:column;gap:4px;max-width:360px;display:flex}.ds-field__label{font-family:var(--font-ui);color:var(--text-primary);font-size:12px;font-weight:600}.ds-field__input{font-family:var(--font-body);border-radius:var(--ds-radius);border:1px solid var(--border);color:var(--text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;padding:9px 12px;font-size:14px}.ds-field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.ds-field__help{color:var(--text-secondary);font-size:12px}.ds-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--ds-radius);padding:var(--ds-pad)}.ds-card__title{font-family:var(--font-display);font-weight:var(--ds-display-weight);color:var(--text-primary);margin:0 0 6px;font-size:17px}.ds-lex{gap:var(--s-2xs) var(--s-md);background:var(--surface-alt);border:1px dashed var(--border);border-radius:var(--ds-radius);padding:var(--ds-pad);grid-template-columns:1fr 1fr;display:grid}.ds-lex__k{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:11px}.ds-lex__v{font-family:var(--font-body);color:var(--text-primary);font-size:14px;font-weight:600}.ds-lex__v code{font-family:var(--ds-mono);background:#0000000d;border-radius:4px;padding:1px 5px;font-size:12.5px}.ds-saved{font-family:var(--font-ui);color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.ds-undo{align-items:center;gap:var(--s-sm);color:var(--text-secondary);font-size:13px;display:inline-flex}.ds-undo button{color:var(--accent);cursor:pointer;font-weight:600;font-family:var(--font-body);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.ds-toast-tray{top:var(--s-md);right:var(--s-md);gap:var(--s-xs);z-index:1200;flex-direction:column;display:flex;position:fixed}.ds-toast{background:var(--midnight-indigo);color:var(--paper-on-ink);border-radius:var(--r-md);align-items:center;gap:var(--s-xs);max-width:320px;padding:10px 14px;font-size:13px;display:flex;box-shadow:0 10px 30px #0c114247}.ds-toast__dot{background:var(--sage);border-radius:50%;flex-shrink:0;width:7px;height:7px}.ds-noticenter{align-items:center;gap:6px;display:inline-flex}.ds-bell{font-size:18px;position:relative}.ds-bell__badge{background:var(--error);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-8px}.ds-notilist{margin:var(--s-xs) 0 0;flex-direction:column;gap:4px;max-width:420px;padding:0;list-style:none;display:flex}.ds-notilist li{color:var(--ink-secondary);background:var(--surface-quiet);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:6px 10px;font-size:13px}.ds-notilist li:first-child{color:var(--ink-on-cream)}.ds-pattern-grid{gap:var(--s-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.ds-pattern{border:1px solid var(--border-soft);border-radius:var(--r-md);padding:var(--s-md);background:var(--surface-quiet)}.ds-pattern__title{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-tertiary);margin:0 0 var(--s-xs);font-size:12px;font-weight:600}@media (max-width:640px){.ds-lex{grid-template-columns:1fr}.ds-type-row__tag,.ds-scale-row__tag{width:96px}}