:root{color-scheme:dark;--bg:#05060b;--panel:rgba(10,14,28,.88);--line:#273456;--text:#edf3ff;--muted:#94a3c7;--accent:#84f7ff;--accent2:#b98cff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;background:#03040a}#glitterStage{position:fixed;inset:0;z-index:2;width:100%;height:100%;display:block;background:transparent;opacity:0;pointer-events:none;transition:opacity .35s ease}#glitterStage.active{opacity:1}.topbar{position:fixed;z-index:3;left:24px;right:24px;top:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;text-shadow:0 0 20px #000;transition:opacity .35s ease,transform .35s ease}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted)}h1{font-size:28px;margin:2px 0 0;letter-spacing:.03em}.status{display:flex;gap:10px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.status span{padding:6px 9px;border:1px solid rgba(120,150,210,.18);border-radius:999px;background:rgba(5,8,18,.35)}.panel{position:fixed;z-index:4;right:18px;top:74px;width:min(330px,calc(100vw - 36px));max-height:calc(100vh - 92px);overflow:auto;padding:14px;border:1px solid rgba(110,150,220,.28);border-radius:16px;background:linear-gradient(180deg,rgba(14,20,40,.93),rgba(7,10,22,.9));box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px);transition:opacity .35s ease,transform .35s ease}.panel-title,.inline{display:flex;align-items:center;gap:8px}.panel-title{justify-content:space-between;margin-bottom:10px;font-size:12px;letter-spacing:.12em}.panel button,.panel select,.panel input{font:inherit;color:var(--text)}button,select,input[type=text],input[type=number]{border:1px solid rgba(120,150,210,.28);background:rgba(14,20,40,.82);border-radius:9px;padding:8px}button{cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.04em}button:hover{border-color:var(--accent);box-shadow:0 0 18px rgba(132,247,255,.12)}#glitterPreset{grid-column:1/-1;border-color:rgba(255,218,112,.46);background:linear-gradient(90deg,rgba(76,55,15,.72),rgba(54,23,69,.72),rgba(12,55,67,.72))}#glitterPreset.active{border-color:rgba(255,235,155,.95);box-shadow:0 0 22px rgba(255,218,112,.22),inset 0 0 16px rgba(255,255,255,.05)}.icon{width:30px;height:30px;padding:0}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.primary-actions{margin-bottom:12px}.two{margin-top:7px}label{display:block;margin:10px 0 4px;font-size:11px;color:var(--muted)}label input[type=range]{width:100%;accent-color:#8cdcff}.inline input,.inline select{flex:1;min-width:0}.inline button{flex:none}.controls .control{margin:9px 0}.control-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.control-head output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.section-title{margin-top:16px;padding-top:10px;border-top:1px solid rgba(120,150,210,.16);font-size:10px;font-weight:800;letter-spacing:.15em;color:#b8c7ec}.check{display:flex;gap:8px;align-items:center}.check input{accent-color:#84f7ff}.tiny{font-size:10px;line-height:1.5;color:#7383aa}.hidden{display:none!important}.show-panel{position:fixed;z-index:5;right:18px;bottom:18px;transition:opacity .35s ease,transform .35s ease}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#263656;border-radius:9px}body.idle-clean{cursor:none}body.idle-clean .topbar,body.idle-clean .panel,body.idle-clean .show-panel{opacity:0;pointer-events:none;transform:translateY(-8px)}@media(max-width:720px){.topbar{left:14px;right:14px;top:12px}.panel{right:10px;top:66px;width:calc(100vw - 20px);max-height:calc(100vh - 78px)}h1{font-size:22px}}


body.embedded:not(.editing) .topbar,body.embedded:not(.editing) #panel,body.embedded:not(.editing) #showPanel{display:none!important}body.embedded{cursor:default!important}body.embedded.editing #panel{top:72px;max-height:calc(100vh - 90px)}body.embedded .topbar{top:72px;max-width:calc(100vw - 400px)}@media(max-width:700px){body.embedded.editing .topbar{display:none}body.embedded.editing #panel{top:70px}}