#spectrum{position:fixed;right:16px;bottom:16px;width:min(620px,calc(100vw - 32px));background:var(--bg2);border:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:8px;z-index:41;box-shadow:0 12px 40px rgba(0,0,0,.6);box-sizing:border-box;font-size:11px}
#spectrum.hidden{display:none}
#spectrum .qhead{cursor:grab;user-select:none;margin:-10px -10px 0;padding:8px 10px;border-bottom:1px solid var(--border);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#spectrum .qhead .qtitle{font:20px var(--serif);color:var(--white)}
#spectrum .qhead .qinfo{flex:1}
#spectrum .qhead .dd{min-width:120px;max-width:160px}
#spectrum .spc-modes{display:flex;gap:4px}
#spectrum .killbtn.on{background:var(--gold);color:var(--bg);border-color:var(--gold)}
#spectrum #spcFreeze.on{background:var(--blue);border-color:var(--blue);color:var(--bg)}
#spectrum .spc-cv{display:block;width:100%;height:220px;background:#0e0d10;border:1px solid var(--border);cursor:crosshair;touch-action:none}
#spectrum .spc-hint{font-size:9px;color:var(--dim);letter-spacing:.06em;line-height:1.5}
#spectrum .grip{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--gold) 50%,var(--gold) 60%,transparent 60%,transparent 75%,var(--gold) 75%,var(--gold) 85%,transparent 85%)}
@media (max-width:760px){#spectrum{left:8px;right:8px;bottom:8px;width:auto}#spectrum .spc-cv{height:160px}}