.ds-wrap{max-width:960px;margin:0 auto;padding:var(--hf-space-12) var(--hf-space-10);font-family:var(--hf-mono);color:var(--hf-ink);position:relative;z-index:var(--hf-z-content)}.ds-back{display:inline-block;margin-bottom:var(--hf-space-6);color:var(--hf-accent-2);text-decoration:none;font-size:var(--hf-fs-base);letter-spacing:var(--hf-tracking-wide)}.ds-back:hover{color:var(--hf-accent)}.ds-header{margin-bottom:var(--hf-space-12);padding-bottom:var(--hf-space-8);border-bottom:1px solid var(--hf-line)}.ds-title{font-family:var(--hf-display);font-size:36px;color:var(--hf-accent);margin-bottom:var(--hf-space-2)}.ds-subtitle{font-size:var(--hf-fs-md);color:var(--hf-ink-soft);font-style:italic;max-width:640px;line-height:1.6}.ds-subtitle code,.ds-section-sub code,.ds-naming-card code{font-family:var(--hf-mono);background:var(--hf-alpha-white-05);padding:1px 5px;border-radius:var(--hf-radius-xs);color:var(--hf-ink-pale);font-size:.92em}.ds-section{margin-bottom:var(--hf-space-12)}.ds-section-title{font-size:var(--hf-fs-sm);color:var(--hf-accent-2);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase;margin-bottom:var(--hf-space-2);display:flex;align-items:center;gap:10px}.ds-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hf-line-strong),transparent)}.ds-section-sub{font-size:var(--hf-fs-xs);color:var(--hf-ink-muted);margin-bottom:var(--hf-space-5);line-height:1.6}.ds-group-label{font-size:var(--hf-fs-xs);color:var(--hf-accent-2);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase;margin:var(--hf-space-4) 0 var(--hf-space-3)}.ds-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--hf-space-3);margin-bottom:var(--hf-space-3)}.ds-swatch{border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);overflow:hidden;background:var(--hf-surface);transition:transform .15s,border-color .15s}.ds-swatch.ds-copyable{cursor:pointer}.ds-swatch.ds-copyable:hover{transform:translateY(-2px);border-color:var(--hf-accent-2)}.ds-swatch-color{height:56px;border-bottom:1px solid var(--hf-line)}.ds-swatch-info{padding:var(--hf-space-2) var(--hf-space-3)}.ds-swatch-name{font-size:var(--hf-fs-sm);color:var(--hf-ink);font-weight:600;margin-bottom:2px}.ds-swatch-hex{font-size:var(--hf-fs-xs);color:var(--hf-ink-muted);letter-spacing:var(--hf-tracking-wide)}.ds-swatch-var{font-size:9px;color:var(--hf-ink-muted);opacity:.7;word-break:break-all;margin-top:2px}.ds-grad-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--hf-space-3)}.ds-grad-card{border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}.ds-grad-card:hover{transform:translateY(-2px);border-color:var(--hf-accent-2)}.ds-grad-strip{height:56px}.ds-grad-info{padding:var(--hf-space-2) var(--hf-space-3);background:var(--hf-surface)}.ds-grad-name{font-size:var(--hf-fs-sm);color:var(--hf-ink);font-weight:600;margin-bottom:2px}.ds-grad-code{font-size:9px;color:var(--hf-ink-muted);word-break:break-all}.ds-grad-note{font-size:9px;color:var(--hf-ink-soft);margin-top:4px;font-style:italic}.ds-font-row{display:grid;grid-template-columns:1fr;gap:var(--hf-space-3)}.ds-font-card{padding:var(--hf-space-5);border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);background:var(--hf-surface)}.ds-font-label{font-size:9px;color:var(--hf-accent-2);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase;margin-bottom:var(--hf-space-2)}.ds-font-display{color:var(--hf-ink)}.ds-font-sample{font-size:var(--hf-fs-lg);color:var(--hf-ink-soft);margin-top:var(--hf-space-2);line-height:1.6}.ds-font-meta{font-size:var(--hf-fs-xs);color:var(--hf-ink-muted);margin-top:var(--hf-space-2)}.ds-type-ramp{display:flex;flex-direction:column}.ds-type-row{display:flex;align-items:baseline;gap:var(--hf-space-4);padding:var(--hf-space-2) 0;border-bottom:1px dashed var(--hf-line)}.ds-type-row:last-child{border-bottom:0}.ds-type-label{flex:0 0 110px;font-size:var(--hf-fs-xs);color:var(--hf-ink-muted)}.ds-type-px{flex:0 0 36px;font-size:var(--hf-fs-xs);color:var(--hf-ink-soft)}.ds-type-sample{color:var(--hf-ink);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-atmo-stack{display:flex;flex-direction:column;gap:var(--hf-space-5)}.ds-atmo-stage{position:relative;border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);overflow:hidden}.ds-atmo-stage-band{min-height:220px}.ds-atmo-stage-starfield{background:#000}.ds-code-copy{cursor:pointer;transition:background .15s,color .15s}.ds-code-copy:hover{background:var(--hf-alpha-white-06);color:var(--hf-accent)}.ds-atmo-cap{font-size:var(--hf-fs-xs);color:var(--hf-ink-soft);margin-top:var(--hf-space-2);text-align:center}.ds-container-grid{display:flex;flex-direction:column;gap:var(--hf-space-3)}.ds-container-demo{padding:var(--hf-space-4);position:relative}.ds-container-label{font-size:9px;color:var(--hf-accent-2);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase;position:absolute;top:6px;right:12px}.ds-container-desc{font-size:var(--hf-fs-sm);color:var(--hf-ink-soft)}.ds-container-meta{font-size:9px;color:var(--hf-ink-muted);margin-top:var(--hf-space-2)}.ds-traffic-row{display:flex;gap:6px;margin-top:var(--hf-space-2)}.ds-traffic{width:10px;height:10px;border-radius:50%;display:inline-block}.ds-comp-grid{display:flex;flex-direction:column;gap:var(--hf-space-3)}.ds-comp-card{padding:var(--hf-space-4);border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);background:var(--hf-surface);display:flex;flex-direction:column}.ds-comp-label{font-size:9px;color:var(--hf-accent-2);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase;margin-bottom:var(--hf-space-3)}.ds-comp-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:80px;padding:var(--hf-space-3);background:var(--hf-alpha-black-20);border-radius:var(--hf-radius-sm)}.ds-comp-stage-stack{flex-direction:column;align-items:stretch;gap:var(--hf-space-3)}.ds-comp-stage-display{font-family:var(--hf-display);font-size:28px;line-height:1;min-height:96px}.ds-comp-note{font-size:var(--hf-fs-xs);color:var(--hf-ink-muted);margin-top:var(--hf-space-2);font-style:italic}.ds-stat-card{flex:1;padding:var(--hf-space-3);background:var(--hf-alpha-white-03);border:1px solid var(--hf-alpha-white-06);border-radius:var(--hf-radius-md);position:relative;overflow:hidden}.ds-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--stat-c)}.ds-stat-num{font-size:var(--hf-fs-2xl);font-weight:700;color:var(--stat-c);letter-spacing:-.02em}.ds-stat-lbl{font-size:var(--hf-fs-xs);color:var(--hf-ink-pale);font-weight:500}.ds-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid color-mix(in srgb,var(--pill-c) 35%,transparent);background:color-mix(in srgb,var(--pill-c) 8%,transparent);color:var(--pill-c);border-radius:var(--hf-radius-md);font-size:var(--hf-fs-md);font-weight:600;letter-spacing:var(--hf-tracking-wide)}.ds-naming-card{padding:var(--hf-space-4);border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);background:var(--hf-surface);font-size:var(--hf-fs-sm);color:var(--hf-ink-soft);line-height:2.2}.ds-naming-group{color:var(--hf-ink-muted);font-size:9px;letter-spacing:var(--hf-tracking-wider);text-transform:uppercase;margin:var(--hf-space-3) 0 var(--hf-space-1)}.ds-naming-group:first-child{margin-top:0}.ds-naming-tag{color:var(--hf-accent)}.ds-naming-tag2{color:var(--hf-accent-2)}.ds-bento-live{margin-top:var(--hf-space-3);padding:var(--hf-space-3);background:var(--hf-cockpit-bg);border-radius:var(--hf-radius-md)}.ds-bento-live .cp-tile{min-height:56px;background:var(--hf-alpha-white-06);border-color:var(--hf-line);display:flex;flex-direction:column;justify-content:center;gap:2px}.ds-bento-lbl{font-family:var(--hf-mono);font-size:var(--hf-fs-xs);color:var(--hf-accent);letter-spacing:.02em}.ds-bento-role{font-size:var(--hf-fs-xs);color:var(--hf-ink-soft)}.ds-spacing-row{display:flex;align-items:flex-end;gap:var(--hf-space-4);flex-wrap:wrap}.ds-spacing-item{display:flex;flex-direction:column;align-items:center;gap:4px}.ds-spacing-bar{background:var(--hf-accent-2);opacity:.6;border-radius:var(--hf-radius-xs);min-height:4px;min-width:4px}.ds-spacing-lbl{font-size:var(--hf-fs-xs);color:var(--hf-ink)}.ds-spacing-tok{font-size:9px;color:var(--hf-ink-muted)}.ds-radius-row{display:flex;gap:var(--hf-space-4);flex-wrap:wrap;align-items:flex-end}.ds-radius-tile{width:80px;height:80px;background:var(--hf-cockpit-panel);border:1.5px solid var(--hf-accent-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ds-radius-lbl{font-size:var(--hf-fs-xs);color:var(--hf-ink)}.ds-radius-tok{font-size:9px;color:var(--hf-ink-muted)}.ds-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(10px);background:var(--hf-accent-2);color:var(--hf-bg);font-size:var(--hf-fs-sm);font-weight:600;font-family:var(--hf-mono);padding:6px 16px;border-radius:var(--hf-radius-sm);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:var(--hf-z-overlay)}.ds-toast.ds-show{opacity:1;transform:translate(-50%) translateY(0)}.ds-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:var(--hf-z-modal, 9999)}.ds-modal.ds-show{display:flex}.ds-modal-backdrop{position:absolute;inset:0;background:var(--hf-alpha-black-40);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ds-modal-card{position:relative;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;background:var(--hf-cockpit-bg);border:1px solid var(--hf-line-strong);border-radius:var(--hf-radius-lg);box-shadow:inset 0 1px 0 var(--hf-alpha-white-05),0 20px 60px var(--hf-alpha-black-40);overflow:hidden}.ds-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--hf-space-3);padding:var(--hf-space-3) var(--hf-space-4);border-bottom:1px solid var(--hf-line);background:var(--hf-surface)}.ds-modal-title{font-family:var(--hf-mono);font-size:var(--hf-fs-xs);color:var(--hf-accent-2);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase}.ds-modal-actions{display:flex;gap:var(--hf-space-2)}.ds-modal-btn{font-family:var(--hf-mono);font-size:var(--hf-fs-xs);letter-spacing:var(--hf-tracking-wide);color:var(--hf-bg);background:var(--hf-accent);border:0;padding:4px 12px;border-radius:var(--hf-radius-sm);cursor:pointer;transition:opacity .15s}.ds-modal-btn:hover{opacity:.85}.ds-modal-btn-ghost{background:transparent;color:var(--hf-ink-soft);border:1px solid var(--hf-line);font-size:var(--hf-fs-md);line-height:1;padding:2px 10px}.ds-modal-btn-ghost:hover{color:var(--hf-ink);border-color:var(--hf-line-strong)}.ds-modal-pre{margin:0;padding:var(--hf-space-4);overflow:auto;font-family:var(--hf-mono);font-size:var(--hf-fs-base);line-height:1.55;color:var(--hf-ink);background:var(--hf-bg-2);white-space:pre;tab-size:2}.ds-modal-pre code{font-family:inherit;background:transparent;padding:0;color:inherit}.ds-copyable{cursor:pointer}@media (max-width: 640px){.ds-wrap{padding:var(--hf-space-8) var(--hf-space-5)}.ds-title{font-size:28px}.ds-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ds-modal-pre{font-size:var(--hf-fs-sm)}}.zsd-wrap{display:flex;justify-content:center;padding:var(--hf-space-3);width:100%}.zsd-panel{width:100%;max-width:420px;background:var(--hf-cockpit-bg);border:1px solid var(--hf-alpha-white-06);border-radius:var(--hf-radius-lg);padding:var(--hf-space-4);display:flex;flex-direction:column;gap:var(--hf-space-3);transform-origin:50% 50%;transform:scale(1);opacity:1;will-change:transform,opacity,filter;box-shadow:inset 0 1px 0 var(--hf-alpha-white-05),0 0 40px var(--hf-alpha-black-40);transition:transform .32s cubic-bezier(.4,0,.6,1),opacity .32s ease,filter .32s ease}.zsd-panel-out{transform:scale(.78);opacity:.35;filter:blur(3px)}.zsd-panel-in{transform:scale(1);opacity:1;filter:blur(0);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .38s ease,filter .38s ease}.zsd-hdr{display:flex;align-items:center;justify-content:space-between;font-family:var(--hf-mono);font-size:var(--hf-fs-sm);color:var(--hf-accent-2);letter-spacing:var(--hf-tracking-wide)}.zsd-title{color:var(--hf-accent)}.zsd-auto{font-size:9px;color:var(--hf-ink-muted);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase}.zsd-dot{cursor:default}.zsd-page{background:var(--hf-alpha-white-02);border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);padding:var(--hf-space-5) var(--hf-space-4);text-align:center;font-family:var(--hf-mono)}.zsd-tag{font-size:var(--hf-fs-2xl);font-weight:700;color:var(--hf-accent);letter-spacing:-.02em}.zsd-body{margin-top:var(--hf-space-2);font-size:var(--hf-fs-sm);color:var(--hf-ink-soft)}.zsd-dots{display:flex;justify-content:center;gap:var(--hf-space-2)}.zsd-dot{width:8px;height:8px;border-radius:50%;background:var(--hf-alpha-white-06);cursor:pointer;transition:background .2s}.zsd-dot:hover{background:var(--hf-alpha-white-05)}.zsd-dot-on{background:var(--hf-accent)}.csd-wrap{width:100%;max-width:420px;margin:0 auto;background:var(--hf-cockpit-bg);border:1px solid var(--hf-alpha-white-06);border-radius:var(--hf-radius-lg);padding:var(--hf-space-4);display:flex;flex-direction:column;gap:var(--hf-space-3);box-shadow:inset 0 1px 0 var(--hf-alpha-white-05),0 0 40px var(--hf-alpha-black-40)}.csd-hdr{display:flex;align-items:center;justify-content:space-between;font-family:var(--hf-mono);font-size:var(--hf-fs-sm);letter-spacing:var(--hf-tracking-wide)}.csd-title{color:var(--hf-accent)}.csd-auto{font-size:9px;color:var(--hf-ink-muted);letter-spacing:var(--hf-tracking-wider);text-transform:uppercase}.csd-stage{position:relative;perspective:1600px;perspective-origin:50% 50%;min-height:120px}.csd-rotor{position:relative;width:100%;min-height:120px;transform-style:preserve-3d;transform:translateZ(0)}.csd-rotor-right{animation:csd-rot-right .6s cubic-bezier(.65,0,.35,1) forwards}.csd-rotor-left{animation:csd-rot-left .6s cubic-bezier(.65,0,.35,1) forwards}@keyframes csd-rot-right{0%{transform:translateZ(calc(var(--csd-d, 200px) * -1)) rotateY(0)}to{transform:translateZ(calc(var(--csd-d, 200px) * -1)) rotateY(-90deg)}}@keyframes csd-rot-left{0%{transform:translateZ(calc(var(--csd-d, 200px) * -1)) rotateY(0)}to{transform:translateZ(calc(var(--csd-d, 200px) * -1)) rotateY(90deg)}}.csd-face{background:var(--hf-alpha-white-02);border:1px solid var(--hf-line);border-radius:var(--hf-radius-md);padding:var(--hf-space-5) var(--hf-space-4);text-align:center;font-family:var(--hf-mono);backface-visibility:hidden;-webkit-backface-visibility:hidden}.csd-face-active{display:block}.csd-face-hidden{display:none}.csd-face-front,.csd-face-right,.csd-face-left{display:block}.csd-face-front{position:relative;transform:translateZ(var(--csd-d, 200px))}.csd-face-right,.csd-face-left{position:absolute;inset:0}.csd-face-right{transform:rotateY(90deg) translateZ(var(--csd-d, 200px))}.csd-face-left{transform:rotateY(-90deg) translateZ(var(--csd-d, 200px))}.csd-tag{font-size:var(--hf-fs-2xl);font-weight:700;color:var(--hf-accent);letter-spacing:-.02em}.csd-body{margin-top:var(--hf-space-2);font-size:var(--hf-fs-sm);color:var(--hf-ink-soft)}.csd-dots{display:flex;justify-content:center;gap:var(--hf-space-2)}.csd-dot{width:8px;height:8px;border-radius:50%;background:var(--hf-alpha-white-06)}.csd-dot-on{background:var(--hf-accent)}