@font-face{font-family:Signal Inter;src:url(/SignalDeck/assets/inter-variable-Dx4kXJAl.woff2)format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Signal Plex Mono;src:url(/SignalDeck/assets/ibm-plex-mono-regular-DMJ8VG8y.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Signal Plex Mono;src:url(/SignalDeck/assets/ibm-plex-mono-semibold-BgSNZQsw.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{color:var(--sd-color-graphite);background:var(--sd-color-canvas);font-family:var(--sd-font-content);font-synthesis:none;text-rendering:optimizelegibility}::selection{color:#fff;background:var(--sd-color-signal)}:root,:host{--sd-color-canvas:#eaedef;--sd-color-surface:#f5f6f7;--sd-color-surface-raised:#fbfcfc;--sd-color-aluminum:#d9dcdf;--sd-color-aluminum-dark:#b8bdc2;--sd-color-graphite:#24272b;--sd-color-muted:#626970;--sd-color-seam:#858b91;--sd-color-seam-soft:#c5c9cc;--sd-color-highlight:#fff;--sd-color-signal:#06e;--sd-color-signal-dark:#0049b8;--sd-color-signal-soft:#dbe8ff;--sd-color-lcd:#ffb000;--sd-color-lcd-dim:#9a6900;--sd-color-lcd-bg:#151819;--sd-color-success:#06e;--sd-color-warning:#b86f00;--sd-color-danger:#b62f2a;--sd-font-content:"Signal Inter", Inter, ui-sans-serif, system-ui, sans-serif;--sd-font-mono:"Signal Plex Mono", "IBM Plex Mono", ui-monospace, monospace;--sd-font-weight-regular:430;--sd-font-weight-medium:570;--sd-font-weight-bold:720;--sd-space-1:.25rem;--sd-space-2:.5rem;--sd-space-3:.75rem;--sd-space-4:1rem;--sd-space-5:1.25rem;--sd-space-6:1.5rem;--sd-space-8:2rem;--sd-space-10:2.5rem;--sd-space-12:3rem;--sd-radius-1:2px;--sd-radius-2:4px;--sd-radius-3:6px;--sd-border:1px solid var(--sd-color-seam);--sd-shadow-raised:0 1px 0 #fff inset, 0 -1px 0 #a8adb2 inset, 0 2px 4px #1e22262e;--sd-shadow-pressed:0 1px 3px #191c1f47 inset, 0 1px 0 #fff9;--sd-focus-ring:0 0 0 2px var(--sd-color-surface), 0 0 0 4px var(--sd-color-signal);--sd-motion-fast:.11s;--sd-motion-medium:.18s}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sd-font-content);font-synthesis:none;text-rendering:optimizelegibility;background:#111416}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--sd-color-graphite);background:#111416;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--sd-color-signal-dark)}signal-catalog{min-height:100dvh;display:block}.app-frame{background:var(--sd-color-canvas);border:7px ridge #aeb3b7;border-radius:20px;grid-template:80px 1fr/292px 1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #23272a,inset 0 0 0 3px #e9ebec,0 18px 50px #000}.app-frame:before,.app-frame:after{z-index:20;content:"";background:linear-gradient(45deg,#0000 45%,#50555a 46% 54%,#0000 55%),radial-gradient(circle at 35% 30%,#fff,#969ca1 65%,#52585d);border:1px solid #50555a;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 1px 1px #00000059}.app-frame:before{inset:12px auto auto 12px}.app-frame:after{inset:auto 12px 12px auto}.topbar{z-index:10;background:repeating-linear-gradient(92deg,#ffffff17 0 1px,#00000005 1px 3px),linear-gradient(100deg,#eef0f1,#c7cbce 46%,#f2f3f4 72%,#c3c7ca);border-block-end:2px groove #747a7f;grid-column:1/-1;grid-template-columns:225px 210px minmax(250px,1fr) 122px 108px 132px 65px;align-items:center;min-width:0;display:grid;position:relative;box-shadow:0 2px 4px #14171a3d,inset 0 1px #fff}.topbar>*{min-width:0}.brand{color:var(--sd-color-graphite);font-family:var(--sd-font-mono);letter-spacing:.025em;white-space:nowrap;padding-inline:2.25rem 1rem;font-size:1.45rem;font-weight:660;text-decoration:none}.system-name{font-family:var(--sd-font-mono);letter-spacing:.06em;text-transform:uppercase;border-inline:1px solid #52575c66;padding-inline:1rem;font-size:.66rem}.lcd-status{background:linear-gradient(#ffb0000a 1px, transparent 1px), var(--sd-color-lcd-bg);width:min(290px,100% - 2rem);min-height:51px;color:var(--sd-color-lcd);font-family:var(--sd-font-mono);text-shadow:0 0 6px #ffb00066;background-size:100% 3px;border:4px ridge #747a7d;border-radius:5px;grid-template-columns:1fr auto auto;justify-self:center;align-items:center;gap:.7rem;padding:.4rem .75rem;font-size:.75rem;line-height:1.1;display:grid;box-shadow:inset 0 2px 5px #000,0 1px #fff}.equalizer{align-items:end;gap:2px;height:20px;display:flex}.equalizer b{background:var(--sd-color-lcd);width:4px;display:block}.utility,.finish,.power{min-height:42px;font-family:var(--sd-font-mono);border-inline-start:1px solid #51575b66;justify-content:center;align-items:center;font-size:.84rem;display:inline-flex}.github:before{content:"";border:2px solid;border-radius:50%;width:.82rem;height:.82rem;margin-inline-end:.55rem}.finish{border-radius:var(--sd-radius-2);box-shadow:var(--sd-shadow-raised);background:linear-gradient(#f8f9fa,#c8ccd0);border:1px solid #80868b;gap:.55rem;margin-inline:.5rem}.finish i{background:linear-gradient(135deg,#fff,#8b9196 50%,#e4e6e8 52%);border:1px solid #777d82;border-radius:50%;width:1.2rem;height:1.2rem}.power{border:0;gap:.35rem;font-size:.63rem}.power i,.mini-led{background:var(--sd-color-signal);border:1px solid #00419e;border-radius:99px;width:13px;height:7px;display:inline-block;box-shadow:0 0 3px #0066ee8c,inset 0 1px #ffffffa6}.catalog-trigger{display:none}.sidebar{z-index:4;background:repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 3px),linear-gradient(105deg,#f2f3f4,#d1d5d8);border-inline-end:2px groove #747a7f;flex-direction:column;min-height:0;padding:1.8rem 1.05rem 1rem;display:flex;position:relative;overflow-y:auto;box-shadow:2px 0 4px #14171a26}.catalog-nav{gap:1.25rem;display:grid}.nav-group{border-block-end:1px solid #aeb3b7;gap:.1rem;padding-block-end:1rem;display:grid;box-shadow:0 1px #fff}.nav-group:last-of-type{box-shadow:none;border:0}.nav-heading{font-family:var(--sd-font-mono);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .45rem;padding-inline:.65rem;font-size:.65rem}.catalog-nav a{border-radius:var(--sd-radius-1);min-height:2.55rem;color:var(--sd-color-graphite);border:1px solid #0000;grid-template-columns:1.35rem 1fr;align-items:center;gap:.65rem;padding:.45rem .65rem;font-size:.82rem;text-decoration:none;display:grid;position:relative}.catalog-nav a:hover{background:#ffffff73}.catalog-nav a.active{color:var(--sd-color-signal-dark);background:linear-gradient(90deg,#e1e9fb,#f5f7fb);border-color:#98aee0}.catalog-nav a.active:before{background:var(--sd-color-signal);content:"";width:4px;position:absolute;inset:-1px auto -1px -.68rem}.subnav{border-inline-start:1px solid #aab0b5;margin:.15rem 0 .35rem 1rem;padding-inline-start:.5rem;display:grid}.subnav a{grid-template-columns:.8rem 1fr;min-height:2rem;padding:.25rem .55rem;font-size:.75rem}.subnav a.active:before{width:3px;inset-inline-start:-.58rem}.console-plate{border-radius:var(--sd-radius-2);box-shadow:var(--sd-shadow-raised);font-family:var(--sd-font-mono);background:linear-gradient(110deg,#eef0f1,#c5c9cd);border:1px solid #73797f;margin-block-start:auto;padding:.75rem;font-size:.61rem;line-height:1.5;display:grid;position:relative}.console-plate i{background:radial-gradient(circle,#42474b 1.5px,#0000 2px) 0 0/7px 7px;width:27px;height:27px;position:absolute;inset:50% 1rem auto auto;transform:translateY(-50%)}#main-content{background:radial-gradient(circle at 85% 15%,#ffffff94,#0000 25rem),linear-gradient(115deg,#f2f4f5,#e7eaec 55%,#f7f8f8);min-width:0;min-height:0;overflow-y:auto}.overview-page,.component-page,.static-page,.night-drive-page{min-height:100%;padding:clamp(2rem,3vw,3rem) clamp(2rem,3vw,3.5rem) 1.25rem}.night-drive-intro h1{color:#202327;letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,4vw,4.15rem);font-weight:730;line-height:.98}.night-drive-intro h1 span{color:var(--sd-color-signal)}.night-drive-intro p{margin:.75rem 0 0;font-size:1rem}.night-drive-console{max-width:76rem;margin-block-start:1.6rem}.night-drive-console>audio{display:none}.night-drive-primary{grid-template-columns:minmax(0,1.85fr) minmax(17rem,.85fr);display:grid}.night-drive-left{min-width:0;padding:1.25rem}.now-playing-display{border-radius:var(--sd-radius-2);min-height:12.2rem;color:var(--sd-color-lcd);background-color:#0000;background-image:linear-gradient(#ffb00005 1px,#0000 1px),linear-gradient(115deg,#202325,#0f1112);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 3px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #070808;grid-template-columns:10.5rem minmax(0,1fr);gap:1.35rem;padding:1rem;display:grid;box-shadow:inset 0 3px 7px #000,0 1px #fff}.night-drive-spectrum{background:linear-gradient(#ffb0000a 1px,#0000 1px) 0 0/100% 8px,linear-gradient(90deg,#ffb0000a 1px,#0000 1px) 0 0/8px 100%,#141616;border:1px solid #050606;border-radius:3px;justify-content:center;align-items:end;gap:3px;min-width:0;padding:1rem .75rem;display:flex;box-shadow:inset 0 2px 7px #000}.night-drive-spectrum i{width:5px;height:var(--bar-height);background:var(--sd-color-lcd);transform-origin:bottom;max-height:7rem;box-shadow:0 0 5px #ffb00042}.night-drive-spectrum.playing i{animation:night-drive-spectrum .64s ease-in-out var(--bar-delay) infinite alternate}@keyframes night-drive-spectrum{to{transform:scaleY(.38)}}.now-playing-copy{min-width:0;font-family:var(--sd-font-mono);text-shadow:0 0 7px #ffb00057;flex-direction:column;justify-content:center;display:flex}.now-playing-copy strong{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.7rem,2.5vw,2.35rem);font-weight:570;overflow:hidden}.now-playing-copy>span{margin-block-start:.45rem;font-size:1.1rem}.night-drive-seek{border-block-start:1px dashed #ffb00066;grid-template-columns:auto minmax(7rem,1fr) auto;align-items:center;gap:.8rem;margin-block-start:1.25rem;padding-block-start:.9rem;display:grid}.night-drive-seek time{font-variant-numeric:tabular-nums;font-size:.78rem}.night-drive-seek sd-range{filter:sepia()saturate(4.5)hue-rotate(355deg);min-width:0}.night-drive-transport{border-block-start:1px solid var(--sd-color-seam-soft);grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.8rem;margin-block-start:1.1rem;padding:.9rem .8rem 0;display:grid}.night-drive-transport>.module-label{grid-column:1/-1;margin-block-end:-.25rem}.transport-primary,.transport-modes{gap:.8rem;display:flex}.transport-primary sd-button{flex:1}.transport-primary sd-button::part(button),.transport-modes sd-button::part(button){width:100%}.transport-modes{justify-content:flex-end;margin-block-start:0}.transport-modes sd-button{flex:1;min-width:0}.night-drive-queue{border-inline-start:1px solid var(--sd-color-seam-soft);min-width:0;padding:1.25rem}.queue-list{border:1px solid var(--sd-color-seam);border-radius:var(--sd-radius-2);background:#ffffff3d;overflow:hidden}.queue-track{border-block-end:1px solid var(--sd-color-seam-soft);display:block}.queue-track:last-child{border-block-end:0}.queue-track::part(button){width:100%;min-height:2.85rem;box-shadow:none;font-family:var(--sd-font-mono);border:0;border-radius:0;justify-content:flex-start;font-size:.72rem}.queue-track[variant=ghost]::part(button){color:var(--sd-color-graphite)}.queue-number{text-align:center;flex:none;width:1.25rem}.queue-title{text-align:start;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.queue-track time{font-variant-numeric:tabular-nums;flex:none}.queue-bars{align-items:end;gap:2px;height:16px;display:inline-flex}.queue-bars i{background:currentColor;width:2px;display:block}.queue-order{gap:.35rem;margin-block-start:.6rem;display:flex}.night-drive-controls{border-block-start:1px solid var(--sd-color-seam-soft);grid-template-columns:minmax(11rem,.9fr) minmax(17rem,1.25fr) minmax(16rem,1.4fr) minmax(10rem,.75fr);grid-template-areas:"output sound volume switches";display:grid}.night-drive-controls>section{border-inline-end:1px solid var(--sd-color-seam-soft);min-width:0;padding:1.15rem}.output-control{grid-area:output}.sound-control{grid-area:sound}.night-volume{grid-area:volume}.night-switches{grid-area:switches}.device-status{grid-area:device;display:none}.output-control sd-select,.sound-control sd-segmented-control{width:100%;min-width:0}.output-status{align-items:center;gap:.45rem;margin-block-start:.7rem;display:flex}.output-status i{background:var(--sd-color-signal);border:1px solid #00449f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 4px #06e9}.output-status strong{color:var(--sd-color-signal-dark);font-family:var(--sd-font-mono);text-transform:uppercase;font-size:.67rem;font-weight:570}.technical-copy{color:var(--sd-color-muted);font-family:var(--sd-font-mono);text-transform:uppercase;gap:.65rem;margin:.55rem 0 0;font-size:.68rem;display:flex}.night-volume .range-line{align-items:center;display:flex}.night-volume sd-range{min-width:0}.night-switches{align-content:center;display:grid;padding-block:.65rem!important}.night-switches sd-switch+sd-switch{border-block-start:1px solid var(--sd-color-seam-soft)}.night-switches sd-switch::part(label){flex-direction:row-reverse;justify-content:space-between;width:100%}.night-drive-footer{border-block-start:1px solid var(--sd-color-seam-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:5.7rem;padding:.8rem 2.3rem;display:grid}.night-drive-footer p{font-family:var(--sd-font-mono);text-align:center;margin:0;font-size:.75rem}.night-drive-footer .speaker{width:34px;height:34px}.overview-grid{grid-template-columns:minmax(350px,.75fr) minmax(600px,1.3fr);align-items:start;gap:2rem;display:grid}.hero-copy{padding-block-start:.75rem}.hero-copy h1,.component-intro h1,.static-page>header h1{color:#202327;letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,4vw,4.15rem);font-weight:730;line-height:.98}.hero-copy h1 span{color:var(--sd-color-signal)}.hero-copy>p{max-width:35rem;margin:1.55rem 0 1.75rem;font-size:1.05rem;line-height:1.48}.hero-actions{flex-wrap:wrap;gap:.7rem;display:flex}.install-command,.import-command{border:1px solid var(--sd-color-seam);border-radius:var(--sd-radius-2);background:var(--sd-color-surface-raised);grid-template-columns:auto 1fr auto;align-items:center;max-width:34rem;min-height:2.85rem;margin-block-start:1.35rem;display:grid;overflow:hidden;box-shadow:inset 0 1px 2px #14171a1f,0 1px #fff}.install-command .prompt{background:var(--sd-color-graphite);color:#35a2ff;min-width:2.7rem;font-family:var(--sd-font-mono);align-self:stretch;place-items:center;display:grid}.install-command code,.import-command code{min-width:0;font-family:var(--sd-font-mono);text-overflow:ellipsis;white-space:nowrap;padding-inline:.85rem;font-size:.79rem;overflow:hidden}.install-command button,.import-command button,.code-sample button{border:0;border-inline-start:1px solid var(--sd-color-seam-soft);min-width:2.8rem;height:100%;color:var(--sd-color-graphite);background:linear-gradient(#fff,#dadddf);place-items:center;padding:0;display:grid}.equipment-panel,.doc-panel{border-radius:var(--sd-radius-3);background:repeating-linear-gradient(91deg,#ffffff12 0 1px,#0000 1px 3px),linear-gradient(105deg,#f4f5f6,#d6dadd 60%,#f1f2f3);border:1px solid #777d82;overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 -1px #a1a7ac,0 3px 7px #13161938}.control-deck{margin-block-start:11rem}.panel-header,.doc-panel>header{border-block-end:1px solid var(--sd-color-seam);background:linear-gradient(#f0f2f3,#ccd0d3);grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;min-height:3rem;padding:.55rem .8rem;display:grid;box-shadow:inset 0 1px #fff}.panel-header h2,.doc-panel>header h2{font-family:var(--sd-font-mono);letter-spacing:.045em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:570}.screw{background:linear-gradient(45deg,#0000 44%,#4d5256 45% 55%,#0000 56%),radial-gradient(circle at 35% 30%,#fff,#969ca1 65%,#52585d);border:1px solid #5f656a;border-radius:50%;width:10px;height:10px;display:inline-block}.speaker{background:radial-gradient(circle,#545a5f 1.3px,#0000 1.8px) 0 0/7px 7px;width:40px;height:20px}.deck-row{border-block-end:1px solid var(--sd-color-seam-soft);display:grid}.deck-row:last-child{border:0}.deck-top{grid-template-columns:.65fr 1.35fr}.deck-middle{grid-template-columns:1.3fr .65fr 1.1fr}.deck-bottom{grid-template-columns:.65fr 1.7fr}.deck-module{border-inline-end:1px solid var(--sd-color-seam-soft);min-width:0;padding:.8rem 1rem}.deck-module:last-child{border:0}.module-label{font-family:var(--sd-font-mono);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .65rem;font-size:.64rem}.buttons-module>div,.button-specimens{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.module-heading,.status-line,.range-line{align-items:center;display:flex}.module-heading{font-family:var(--sd-font-mono);justify-content:space-between;font-size:.64rem}.range-line{gap:.65rem}.range-line sd-range{flex:1;min-width:8rem}.led-row{justify-content:center;gap:.55rem;margin-block-start:.1rem;display:flex}.led-row i{background:#8e9499;border:1px solid #555b60;border-radius:50%;width:5px;height:5px}.led-row i.active{background:var(--sd-color-signal);border-color:#00449f;box-shadow:0 0 3px #0066ee8c}.mode-module sd-segmented-control,.input-module sd-input{width:100%}.status-line{gap:.55rem;min-height:3.2rem}.status-line i{background:var(--sd-color-signal);border:1px solid #00449f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 4px #06e9}.status-line strong{color:var(--sd-color-signal-dark);font-family:var(--sd-font-mono);text-transform:uppercase;font-size:.68rem;font-weight:570}.status-line span{color:var(--sd-color-muted);font-family:var(--sd-font-mono);margin-inline-start:auto;font-size:.64rem}.player{border-radius:var(--sd-radius-2);min-height:5rem;color:var(--sd-color-lcd);background:linear-gradient(115deg,#242729,#111314);border:1px solid #080a0b;grid-template-columns:4.3rem 1fr auto;gap:.55rem;padding:.55rem;display:grid;box-shadow:inset 0 2px 4px #000,0 1px #fff}.album-eq{background:#171918;border:1px solid #050606;justify-content:center;align-items:end;gap:2px;padding:.55rem;display:flex;box-shadow:inset 0 1px 5px #000}.album-eq i{background:var(--sd-color-lcd);width:3px}.track-info{min-width:0;font-family:var(--sd-font-mono);align-self:center}.track-info strong{text-overflow:ellipsis;white-space:nowrap;margin-block-end:.75rem;font-size:.82rem;display:block;overflow:hidden}.track-info>div{align-items:center;gap:.65rem;font-size:.62rem;display:flex}.track-progress{background:#5e4308;flex:1;height:3px}.track-progress i{background:var(--sd-color-lcd);width:48%;height:100%;display:block}.transport{align-self:stretch;display:flex}.transport button{border:1px solid #070809;color:#e3e5e6;background:linear-gradient(#333639,#191b1d);border-inline-start-color:#4b5053;place-items:center;min-width:2.8rem;padding:0;display:grid}.transport button:first-child{border-radius:3px 0 0 3px}.transport button:last-child{border-radius:0 3px 3px 0}.transport button:active{background:#111315;box-shadow:inset 0 2px 4px #000}.tokens-band{background:linear-gradient(100deg,#e4e7e9,#cdd1d4 55%,#eef0f1);border-block-start:2px groove #8c9297;grid-template-columns:minmax(280px,.65fr) minmax(600px,1.35fr);gap:2rem;margin:1.25rem -3.5rem -1.25rem;padding:1.35rem 3.5rem 1.1rem;display:grid;box-shadow:inset 0 1px #fff}.tokens-copy h2{letter-spacing:-.035em;margin:0;font-size:1.65rem}.tokens-copy p{color:var(--sd-color-muted);margin:.5rem 0 .7rem;font-size:.78rem}.tokens-copy a{align-items:center;gap:.35rem;font-size:.76rem;text-decoration:none;display:inline-flex}.token-strip{grid-template-columns:repeat(4,minmax(110px,1fr));gap:.65rem;display:grid}.token-sample{border-radius:var(--sd-radius-2);font-family:var(--sd-font-mono);text-transform:uppercase;background:#ffffff59;border:1px solid #9ca2a7;grid-template-columns:1fr auto;gap:.35rem;padding:.55rem;font-size:.56rem;display:grid}.token-sample strong{grid-column:1/-1;font-weight:570}.token-sample i{border-radius:var(--sd-radius-2);border:1px solid #00000040;grid-column:1/-1;height:3.6rem;display:block;box-shadow:inset 0 1px 2px #00000021}.component-intro{justify-content:space-between;align-items:start;gap:2rem;display:flex}.component-intro h1,.static-page>header h1{font-size:clamp(2.5rem,4vw,3.7rem)}.component-intro p,.static-page>header p{color:var(--sd-color-graphite);margin:.75rem 0 0;font-size:.98rem}.import-command{grid-template-columns:1fr auto;width:25rem;margin-block-start:1rem}.page-anchors{gap:1.7rem;padding-block-start:.6rem;display:flex}.page-anchors a{color:var(--sd-color-graphite);border-block-end:2px solid #0000;padding:.45rem .25rem;font-size:.8rem;text-decoration:none}.page-anchors a.active{color:var(--sd-color-signal-dark);border-block-end-color:var(--sd-color-signal)}.specimen-panel{margin-block-start:1.25rem}.specimen-body{display:grid}.specimen-band,.generic-specimen{border-block-end:1px solid var(--sd-color-seam-soft);padding:1rem 1.35rem}.generic-specimen{justify-content:center;align-items:center;gap:1rem;min-height:8.5rem;display:flex}.generic-specimen>sd-table,.generic-specimen>sd-card,.generic-specimen>sd-alert,.generic-specimen>sd-accordion,.generic-specimen>sd-accordion-item,.generic-specimen>sd-menu,.generic-specimen>sd-tabs,.generic-specimen>div{width:min(100%,44rem)}.generic-specimen table{border-collapse:collapse;width:100%}.generic-specimen th,.generic-specimen td{border-block-end:1px solid var(--sd-color-seam-soft);text-align:start;padding:.65rem}.sizes{grid-template-columns:1.3fr .55fr .55fr;gap:1.5rem;display:grid}.sizes>div+div{border-inline-start:1px solid var(--sd-color-seam-soft);padding-inline-start:1.5rem}.code-sample{padding:.75rem 1.35rem 1rem}.code-sample>div,.static-content pre{border-radius:var(--sd-radius-2);color:#e7eaec;background:linear-gradient(110deg,#272a2d,#17191b);border:1px solid #101214;grid-template-columns:1fr auto;align-items:center;min-height:3.2rem;display:grid;overflow:auto;box-shadow:inset 0 2px 4px #000}.code-sample code,.static-content pre code{color:#dfeaf8;font-family:var(--sd-font-mono);padding:.8rem 1rem;font-size:.71rem}.documentation-grid{grid-template-columns:1.15fr 1fr 1fr;gap:.8rem;margin-block-start:.9rem;display:grid}.doc-panel>header{grid-template-columns:auto 1fr auto;min-height:2.6rem;padding:.45rem .65rem}.doc-body{background:#ffffff3b;min-height:15rem;padding:.75rem;font-size:.7rem}.table-wrap{overflow-x:auto}.doc-body table{border-collapse:collapse;text-align:start;width:100%}.doc-body th,.doc-body td{border-block-end:1px solid var(--sd-color-seam-soft);text-align:start;vertical-align:top;padding:.45rem .35rem}.doc-body th{font-family:var(--sd-font-mono);font-size:.58rem;font-weight:570}.accessibility-list>p,.anatomy>p{margin:0 0 .75rem}.accessibility-list>div{grid-template-columns:1fr;gap:.15rem;margin-block:.7rem;display:grid}.accessibility-list span{color:var(--sd-color-muted)}.anatomy-button{justify-items:center;gap:.7rem;padding-block-start:.75rem;display:grid}.anatomy-button>span{font-family:var(--sd-font-mono);font-size:.6rem}.anatomy-button>div{justify-content:space-around;width:100%;display:flex}.anatomy-generic{border:1px solid var(--sd-color-seam-soft);font-family:var(--sd-font-mono);background:#ffffff47;gap:.55rem;padding:1rem;display:grid}.static-page>header{max-width:52rem}.static-panel{max-width:70rem;margin-block-start:2rem}.static-content{padding:1.4rem}.static-content h2{margin:1.35rem 0 .55rem;font-size:1rem}.static-content h2:first-child{margin-block-start:0}.static-content pre{white-space:pre-wrap;grid-template-columns:1fr}.install-command.wide{max-width:42rem;margin-block-start:0}.foundation-tokens{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.foundation-tokens>div{border:1px solid var(--sd-color-seam);gap:.45rem;padding:.65rem;display:grid}.foundation-tokens i{border:1px solid #0003;height:7rem;display:block}.foundation-tokens code{font-family:var(--sd-font-mono);font-size:.64rem}@media (width<=1180px){.topbar{grid-template-columns:210px minmax(220px,1fr) 95px 105px 62px}.system-name,.github{display:none}.overview-grid{grid-template-columns:1fr}.control-deck{margin-block-start:0}.tokens-band,.documentation-grid{grid-template-columns:1fr}.doc-body{min-height:0}.night-drive-primary{grid-template-columns:1fr}.night-drive-queue{border-block-start:1px solid var(--sd-color-seam-soft);border-inline-start:0}.night-drive-controls{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);grid-template-areas:"output sound""volume switches"}.night-drive-controls>section:nth-child(2n){border-inline-end:0}.night-volume,.night-switches{border-block-start:1px solid var(--sd-color-seam-soft)}}@media (width<=760px){.app-frame{border-width:5px;border-radius:16px;grid-template:132px 1fr/1fr;min-height:100dvh;overflow:visible}.topbar{grid-template:55px 68px/1fr 1.2fr .9fr;padding:.35rem .65rem;position:sticky;inset-block-start:0}.brand{grid-column:1/-1;padding-inline:.45rem;font-size:1.05rem}.catalog-trigger{border-radius:var(--sd-radius-2);min-height:45px;box-shadow:var(--sd-shadow-raised);color:var(--sd-color-graphite);background:linear-gradient(#fafbfb,#cdd1d4);border:1px solid #747a7f;justify-content:center;align-items:center;gap:.55rem;font-size:.84rem;display:inline-flex}.lcd-status{gap:.35rem;width:calc(100% - .5rem);min-height:48px;padding-inline:.45rem;font-size:.62rem}.equalizer b:nth-child(-n+3){display:none}.finish{min-height:45px;margin:0;font-size:.77rem}.version,.power,.sidebar{display:none}#main-content{overflow:visible}.overview-page,.component-page,.static-page,.night-drive-page{padding:1.6rem 1.35rem 1rem}.night-drive-intro h1{font-size:clamp(2.5rem,12vw,3.3rem);line-height:1.02}.night-drive-intro p{max-width:18rem;font-size:.92rem;line-height:1.4}.night-drive-console{margin-block-start:1.35rem}.night-drive-console .panel-header{grid-template-columns:auto 1fr auto}.night-drive-console .panel-header .speaker{display:none}.night-drive-left,.night-drive-queue{padding:1rem}.now-playing-display{grid-template-columns:5.55rem minmax(0,1fr);gap:.75rem;min-height:10.4rem;padding:.75rem}.night-drive-spectrum{gap:2px;padding:.75rem .45rem}.night-drive-spectrum i{width:3px;max-height:6rem}.now-playing-copy strong{font-size:1.12rem}.now-playing-copy>span{margin-block-start:.3rem;font-size:.76rem}.night-drive-seek{grid-template-columns:auto minmax(2.5rem,1fr) auto;gap:.45rem;margin-block-start:.85rem;padding-block-start:.65rem}.night-drive-seek time{font-size:.61rem}.night-drive-transport{padding-inline:0;display:block}.night-drive-transport>.module-label{margin-block-end:.65rem}.transport-primary{grid-template-columns:1fr 1.15fr 1fr;gap:.45rem;display:grid}.transport-primary sd-button::part(button){flex-direction:column;gap:.18rem;min-width:0;padding-inline:.25rem;font-size:.75rem}.transport-modes{grid-template-columns:1fr 1fr;gap:.55rem;margin-block-start:.75rem;display:grid}.transport-modes sd-button{min-width:0}.transport-modes sd-button::part(button){min-width:0;padding-inline:.55rem}.queue-track::part(button){min-width:0;padding-inline:.55rem;font-size:.68rem}.night-drive-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"output device""sound sound""volume volume""switches switches"}.night-drive-controls>section{border-inline-end:0;padding:1rem}.output-control{border-inline-end:1px solid var(--sd-color-seam-soft)!important}.device-status{display:block}.sound-control,.night-volume,.night-switches{border-block-start:1px solid var(--sd-color-seam-soft)}.sound-control sd-segmented-control{min-width:0}.night-switches{padding-block:.45rem!important}.night-drive-footer{gap:.6rem;min-height:4.6rem;padding-inline:1rem}.night-drive-footer p{font-size:.66rem}.night-drive-footer .speaker{width:27px;height:27px}.hero-copy h1{font-size:clamp(2.5rem,12vw,3.3rem);line-height:1.02}.hero-copy>p{margin-block:1.2rem 1.5rem;font-size:.95rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions sd-button:first-child{--sd-control-height:3.35rem}.hero-actions sd-button:nth-child(2){display:none}.install-command{width:100%}.install-command code{font-size:.68rem}.control-deck{margin-block-start:1.8rem}.deck-top,.deck-middle,.deck-bottom{grid-template-columns:1fr}.deck-module{border-inline-end:0;border-block-end:1px solid var(--sd-color-seam-soft);padding:1rem}.buttons-module>div{gap:.75rem}.mode-module sd-segmented-control,.toggle-module,.input-module{min-width:0}.player{grid-template-columns:3.8rem 1fr}.transport{grid-column:1/-1}.transport button{flex:1;min-height:3rem}.tokens-band{margin:1.4rem -1.35rem -1rem;padding:1.5rem 1.35rem 1rem}.token-strip{display:none}.component-intro{display:grid}.component-intro h1,.static-page>header h1{font-size:2.65rem}.page-anchors{gap:1rem;max-width:calc(100vw - 3rem);overflow-x:auto}.page-anchors a{flex:none}.import-command{width:100%}.sizes{grid-template-columns:1fr}.sizes>div+div{border-block-start:1px solid var(--sd-color-seam-soft);border-inline-start:0;padding:1rem 0 0}.generic-specimen{flex-direction:column;align-items:stretch}.foundation-tokens{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}