:root[data-theme=geekstar-dreambox][data-appearance=dark]{--ui-paper:#211b2b;--ui-panel:#493c54;--ui-solid:#eee3d5;--ui-ink:#fff2dd;--ui-muted:#d8c6d5;--ui-mark:#e6c17b;--ui-flare:#dfa5d7;--ui-etch:#a48da9;--ui-chrome:#bcabc3;--ui-highlight:#ffffff55;--ui-shadow:#1f1528aa}
:root[data-theme=geekstar-dreambox][data-appearance=light]{--ui-paper:#f6ebda;--ui-panel:#ddd0df;--ui-solid:#eee3d5;--ui-ink:#4d3b59;--ui-muted:#7d6983;--ui-mark:#7d4b93;--ui-flare:#af74ad;--ui-etch:#ae9aaf;--ui-chrome:#bcabc3;--ui-highlight:#fff9;--ui-shadow:#44354b66}
:root[data-theme=geekstar-dreambox] body{background:radial-gradient(ellipse at 49% 19%,#6a4c77 0,#382942 46%,#181521 100%);font-family:Fredoka,Arial,sans-serif}
:root[data-theme=geekstar-dreambox] body header{background:linear-gradient(#eee3d5,#c6b5c6);border-bottom:7px solid #826e89;color:#4b3b58;box-shadow:inset 0 3px #fff,0 9px 17px #120f1980}
:root[data-theme=geekstar-dreambox] body header :is(.identity,.identity small,.wordmark,.live,#help){color:#4b3b58}
:root[data-theme=geekstar-dreambox] body .workspace-tabs{background:#dfd2dc;border:2px inset #ac97ac;border-radius:12px}
:root[data-theme=geekstar-dreambox] body .workspace-tabs button{color:#6a5872}
:root[data-theme=geekstar-dreambox] body .workspace-tabs button[aria-pressed=true]{background:#fff4e5;color:#51385e;border-radius:8px}
:root[data-theme=geekstar-dreambox] body main{display:flex;flex-direction:column;gap:21px;max-width:1530px;margin:0 auto;padding:24px 22px 44px}
:root[data-theme=geekstar-dreambox] body .stage{position:relative;top:auto;align-self:stretch;min-width:0;padding:26px;background:linear-gradient(150deg,#f4e9d7,#d1c0cf 55%,#b29bb7);border:3px solid #fff4e2;border-radius:43px 48px 38px 45px;box-shadow:inset 0 4px 4px #fff, inset 0 -12px 13px #6b546550,0 13px 0 #78637e,0 19px 0 #4a3a51,0 39px 52px #0009}
:root[data-theme=geekstar-dreambox] body .stage:before{content:"";position:absolute;inset:9px;border:1px solid #8c779668;border-radius:inherit;pointer-events:none}
:root[data-theme=geekstar-dreambox] body main>aside{width:100%;max-height:none;overflow:visible;background:linear-gradient(145deg,#e9dddb,#c9b5c9);border:3px solid #f8ebd9;border-radius:24px;box-shadow:inset 0 3px #fff,0 9px 0 #78637e,0 16px 30px #0007;color:#44364c}
:root[data-theme=geekstar-dreambox] body main>aside :is(.block,.rack-heading){color:#44364c}
:root[data-theme=geekstar-dreambox] body .monitor{width:100%;max-width:none;margin:15px auto 0;border:13px solid #33273f;border-radius:21px;min-height:min(46vw,560px);background:#000;box-shadow:inset 0 3px 12px #000,0 5px 0 #8f7b97,0 8px 7px #56455a}
:root[data-theme=geekstar-dreambox] body .monitor:after{inset:4px;border-radius:11px;border-color:#e9d9ef33}
:root[data-theme=geekstar-dreambox] body :is(.transport,.preset-strip,.seed-shelf,.under,.view-help,.follow-detail,.view-controls){color:#493b55}
:root[data-theme=geekstar-dreambox] body :is(.transport button,.preset-strip button,.db-module button){background:linear-gradient(#fff8e9,#d9c6dc);color:#4b3b55;border:2px solid #a38eaa;border-bottom-width:4px;box-shadow:inset 0 2px #fff,0 2px 1px #9e8ba4;border-radius:10px}
:root[data-theme=geekstar-dreambox] body :is(.transport button,.preset-strip button,.db-module button):active{transform:translateY(2px);border-bottom-width:2px;filter:brightness(.95)}
:root[data-theme=geekstar-dreambox] body :is(.scope-dock,.field-dock){background:#dfd2db;color:#45384f;border:3px solid #a38ca5;border-radius:20px}
:root[data-theme=geekstar-dreambox] body :is(.scope-fields select,.field-controls select,.control input,.block select){color:#46384f;background:#fff7e8;border-color:#a58fa8}
.db-module{display:none}
:root[data-theme=geekstar-dreambox] .db-module{position:relative;display:block;color:#4b3b59}
.db-head{display:flex;align-items:center;gap:13px;margin:0 0 13px;padding:0 8px}
.db-mark{display:grid;place-items:center;width:48px;height:48px;background:#aa8bc8;color:#fff3d6;font-size:35px;border:2px solid #8d73a5;border-radius:15px;transform:rotate(-8deg);box-shadow:inset 0 2px #fff9,0 3px 0 #856c95}
.db-head strong{display:block;font:700 27px/1 Fredoka,Arial,sans-serif;letter-spacing:-.06em}.db-head span{display:block;margin-top:4px;font:700 10px monospace;letter-spacing:.14em;color:#89738e}
.db-led{margin-left:auto;width:12px;height:12px;border-radius:50%;background:#b7f0bd;box-shadow:0 0 0 4px #9c8d9f,0 0 13px #7ade9a}
.db-deck{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:15px}
.db-screen{position:relative;overflow:hidden;aspect-ratio:2.45;background:#281f38;border:11px solid #45354c;border-radius:24px;box-shadow:inset 0 5px 14px #000,0 5px 0 #9e8ca3}
.db-screen canvas{width:100%;height:100%;display:block}
.db-screen-glass{pointer-events:none;position:absolute;inset:0;background:linear-gradient(145deg,#fff3 0,transparent 33%,transparent 75%,#d9b8df22),repeating-linear-gradient(0deg,#150e2709 0 1px,transparent 2px 5px)}
.db-readout{position:absolute;bottom:11px;right:12px;color:#fff6dc;text-shadow:0 1px 5px #21152b;font:700 10px monospace;letter-spacing:.1em}
.db-right{padding:12px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#d1bfd1,#f3e5db);border:2px inset #a58fa7;border-radius:17px}
.db-right label{display:grid;gap:5px;font:700 10px monospace;letter-spacing:.1em}
.db-right select{min-width:0;width:100%;height:38px;padding:4px 8px;border:2px solid #9a869e;border-bottom-width:4px;border-radius:7px;background:#fff7e8;color:#45374e;font:600 12px Fredoka,Arial,sans-serif}
.db-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}
:root[data-theme=geekstar-dreambox] body .db-buttons button{min-height:36px;padding:6px 4px;font:700 10px monospace}
.db-buttons .db-geek{grid-column:1/-1;background:linear-gradient(#ffe4bb,#dcaac8)!important}
.db-freeze[aria-pressed=true]{background:linear-gradient(#dcf5dd,#a8d5bb)!important}
.db-lower{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:13px;padding:11px 15px;background:linear-gradient(#b6a3b4,#e4d5db 32%,#c0adbf);border:2px inset #a48da7;border-radius:15px}
.db-knobs{display:grid;grid-template-columns:repeat(7,minmax(47px,1fr));gap:6px;flex:1}
.db-unit{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;font:700 9px monospace}.db-unit output{color:#866e94}
.db-dial{width:48px;height:48px;display:grid;place-items:center;cursor:ns-resize;touch-action:none;border:3px solid #d7c8d2;border-radius:50%;background:conic-gradient(from -136deg,#a480bd 0 var(--fill,136deg),#ad9bab var(--fill,136deg) 272deg,transparent 272deg);box-shadow:0 3px 3px #89738f}
.db-dial i{display:block;position:relative;width:38px;height:38px;border:2px solid #ded2dc;border-radius:50%;background:radial-gradient(circle at 30% 25%,#776480,#392e44 72%);transform:rotate(var(--turn));box-shadow:inset 0 2px 2px #fff4}
.db-dial i:before{content:"";position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:11px;background:#ffe5aa;border-radius:2px;box-shadow:0 0 4px #ffe2a9}
.db-dial.turning{transform:translateY(2px);filter:brightness(1.13)}
.db-route{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;min-width:144px}
:root[data-theme=geekstar-dreambox] body .db-route button{min-height:34px;padding:4px;font:700 9px monospace}
.db-route button[aria-pressed=true]{background:linear-gradient(#dff6db,#a9d6bd)!important;border-color:#7eaa8b!important}
@media(max-width:900px){:root[data-theme=geekstar-dreambox] body main{padding:12px}.db-deck{grid-template-columns:minmax(0,1fr) 180px}.db-lower{flex-direction:column}.db-knobs{width:100%}.db-route{grid-template-columns:repeat(4,1fr);width:100%}}
@media(max-width:650px){:root[data-theme=geekstar-dreambox] body .stage{padding:13px;border-radius:23px}.db-deck{grid-template-columns:1fr}.db-screen{aspect-ratio:1.8}.db-right{display:grid;grid-template-columns:1fr 1fr}.db-buttons{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.db-buttons .db-geek{grid-column:auto}.db-knobs{grid-template-columns:repeat(4,1fr);row-gap:12px}.db-head strong{font-size:22px}:root[data-theme=geekstar-dreambox] body .monitor{min-height:210px;border-width:7px}}
@media(prefers-reduced-motion:reduce){.db-dial,.db-module button{transition:none!important}}