#cueGeneratorsDialog{width:min(620px,94vw);padding:22px;border:1px solid #5d708b;border-radius:12px;background:#19212e;color:#fff}#cueGeneratorsDialog .generatorHeader{justify-content:space-between}#cueGeneratorsDialog h2{margin:0;font-size:22px}#cueGeneratorsDialog p{font-size:12px;line-height:1.5;color:#b5c6db}#cueGeneratorsDialog section{margin-top:18px}#cueGeneratorsDialog section[hidden]{display:none}#cueGeneratorsDialog label{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;font-size:13px}#cueGeneratorsDialog input[type=number]{width:85px;padding:7px;background:#101722;color:#fff;border:1px solid #47566c;border-radius:6px}#cueGeneratorsDialog input[type=range]{width:220px;max-width:55%}#generatorShapePreview{display:block;width:100%;height:130px;background:#0d1420;border-radius:8px}#generatorPalette input{height:45px;width:75px;background:transparent;border:0}body:not([data-mode=prog]) #openCueGenerators{display:none}
body[data-mode=prog].generatorDockOpen #progChases{visibility:hidden}#cueGeneratorsDialog{position:fixed;margin:0;box-sizing:border-box;overflow:auto;z-index:100;padding:12px;box-shadow:0 10px 35px #0008}#cueGeneratorsDialog .generatorHeader{gap:6px;flex-wrap:wrap}#cueGeneratorsDialog h2{font-size:18px}#cueGeneratorsDialog section{margin-top:10px}#cueGeneratorsDialog label{margin:9px 0;gap:8px}#cueGeneratorsDialog #generatorShapePreview{height:95px}#cueGeneratorsDialog #generatorShapeChoices{gap:5px;flex-wrap:wrap}#cueGeneratorsDialog #generatorShapeChoices button{padding:7px 8px;font-size:12px}

html[data-interface] #cueGeneratorsDialog{width:var(--generator-dock-width,min(620px,94vw))}
