:root{color-scheme:dark;--bg:#0b0b0d;--panel:#111113;--line:#27272a;--muted:#85858b;--text:#eeeef0;--gold:#e8c56b;font-family:Inter,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,select,input{font:inherit}button,select{color:inherit;background:#19191c;border:1px solid var(--line);border-radius:6px;cursor:pointer}button{padding:9px 12px;transition:background .15s,border-color .15s}button:hover{background:#27272c;border-color:#555}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.active{color:var(--gold);background:#292419;border-color:#65542c}header{height:80px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;letter-spacing:5px;color:inherit;text-decoration:none}.brand svg{width:33px;height:33px;fill:none;stroke:var(--gold);stroke-width:1.1}.brand span{font-size:11px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-left:19px}.header-right{display:flex;gap:26px;font-size:11px;letter-spacing:1.5px}.version{color:var(--muted)}.live{color:#c5c5c9}.live i,.stage-top i{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--gold);margin-right:6px}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-width:2000px;margin:auto}.workspace{padding:25px 30px 0;min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.tabs{display:flex;gap:4px;background:#141416;padding:4px;border:1px solid #242427;border-radius:8px}.tabs button{background:none;border-color:transparent;color:var(--muted);padding:9px 15px}.tabs button.active{background:#29292c;color:var(--text);border-color:#38383c}.icon-button{width:38px;height:38px}#stage{aspect-ratio:1.6;position:relative;background:#020203;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:300px}canvas{width:100%;height:100%;display:block;object-fit:contain}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}.stage-top{top:22px;font-family:monospace;color:#969393;font-size:11px;letter-spacing:1px}.stage-bottom{bottom:23px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted)}h1{font-weight:400;font-size:23px;letter-spacing:-.5px;margin:9px 0}#preset-description{font-size:12px;color:var(--muted);margin:0}.axis{font:11px monospace;color:#666}.transport{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.signal{display:flex;align-items:center;gap:12px;min-width:0}.signal-label{font-size:10px;color:var(--muted);letter-spacing:1px}.meter{width:45px;flex-shrink:0;height:15px;display:flex;flex-direction:column;justify-content:space-between}.meter div{height:5px;max-width:100%;width:20%;background:var(--gold)}#input-status{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.output-actions{display:flex;gap:7px;align-items:center}.output-actions button,.output-actions select{font-size:11px;padding:8px;background:transparent}.preset-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 16px}h2{font-size:16px;font-weight:500;margin:0}.preset-heading>span{font-size:11px;color:var(--muted)}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preset{text-align:left;display:grid;grid-template-columns:1fr auto;padding:0;background:#101012;overflow:hidden}.preset.active{background:#17150f;border-color:#766030;color:var(--text)}.preview{grid-column:1 / -1;height:83px;display:block;background:#050506;border-bottom:1px solid #25231c;color:var(--gold)}.preview svg{height:100%;width:100%;filter:drop-shadow(0 0 5px #e6ba3f55)}.preset>span:not(.preview){padding:13px 12px;font-size:12px}.preset small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:7px}.preset b{font-weight:400;padding:13px 12px;color:var(--muted)}.nebula{background:radial-gradient(ellipse 3px 32px at center,#fff1bb9f,transparent),radial-gradient(ellipse 60px 3px at center,#ffdb62bb,transparent),radial-gradient(ellipse 36px 28px at center,#ffeb99 0%,#d5a52f88 8%,#b9912128 43%,#050506 100%)}.wave svg{fill:none;stroke:var(--gold);stroke-width:.8}footer{display:flex;justify-content:space-between;color:#68686f;font-size:11px;padding:24px 0}footer span span{margin:0 7px}aside{background:var(--panel);border-left:1px solid var(--line);padding:26px 24px;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#38383d transparent;position:sticky;top:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.panel-heading h2{font-size:22px;margin-top:7px}.panel-heading button{font-size:11px;background:none;border:none;color:var(--muted);padding-right:0}.control-section{border-top:1px solid var(--line);padding:21px 0 19px}.control-section h3{font-size:12px;font-weight:500;margin:0 0 18px}.control-section h3>span{font:10px monospace;color:#737378;margin-right:10px}.input-buttons{display:flex;gap:5px}.input-buttons button{font-size:11px;flex:1;padding:9px 4px}#devices{width:100%;font-size:11px;padding:10px;margin-top:10px}.hint{font-size:11px;line-height:1.6;color:var(--muted);margin:11px 0 0}.control{margin:0 0 17px}.control:last-child{margin-bottom:0}.control-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:12px;color:#b8b8bd}.control-label output{font:11px monospace;color:var(--gold)}input[type=range]{width:100%;height:3px;margin:5px 0 8px;accent-color:var(--gold);cursor:pointer;display:block}input[type=range]::-webkit-slider-thumb{width:10px;height:10px}.color-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#b8b8bd}.color-row input{background:none;border:1px solid #555;border-radius:5px;width:34px;height:26px;padding:2px}.color-row label{margin-right:auto}.toggle{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b8b8bd;margin-top:18px}.toggle input{accent-color:var(--gold);width:16px;height:16px}.panel-note{font-size:10px;color:#74747a;display:flex;align-items:center;gap:8px;padding-top:15px}.note-dot{width:5px;height:5px;background:#74747a;border-radius:50%}#notice{position:absolute;top:55px;left:20px;right:20px;background:#2b2518ef;border:1px solid #7d632e;padding:13px;line-height:1.5;color:#f2dab0;border-radius:6px;font-size:13px}audio{width:100%;height:35px;margin-top:12px}#exit-fullscreen{display:none}#stage:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}#stage:fullscreen .stage-top,#stage:fullscreen .stage-bottom{display:none}#stage:fullscreen #exit-fullscreen{display:block;position:absolute;right:20px;top:20px;opacity:0}#stage:fullscreen:hover #exit-fullscreen,#stage:fullscreen #exit-fullscreen:focus{opacity:1}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 360px}.workspace{padding:30px 40px}#stage{aspect-ratio:1.7}}@media(max-width:1100px){.brand span{display:none}.workspace{padding:20px}.transport{align-items:flex-start;flex-direction:column}.output-actions{width:100%;justify-content:flex-end}.preset-heading>span{display:none}.presets{gap:7px}.preset>span:not(.preview){font-size:11px;padding:10px 8px}.preset small{font-size:8px;letter-spacing:.4px}}@media(max-width:760px){header{height:65px;padding:0 18px}.header-right .version{display:none}.brand{font-size:19px}main{grid-template-columns:1fr}.workspace{padding:16px}#stage{min-height:330px;aspect-ratio:1.2}.tabs button{font-size:11px;padding:8px}aside{max-height:none;position:static;border-left:0;border-top:1px solid var(--line)}.stage-top,.stage-bottom{left:16px;right:16px}.axis{display:none}h1{font-size:21px}.output-actions{justify-content:space-between}footer{padding-bottom:5px}}
input:disabled{opacity:.3;cursor:not-allowed}.control:has(input:disabled) .control-label{opacity:.4}@media(max-width:420px){.tabs{gap:0}.tabs button{padding:8px 6px;font-size:10px}.workspace{padding:12px}.stage-top{font-size:9px}.presets{grid-template-columns:1fr}.preview{height:65px}.preset-heading{margin-top:20px}.output-actions select{max-width:135px}}
.preview.ember{background:radial-gradient(ellipse 24px 21px at center,#050506 35%,#ffefb6 42%,#fffbdc 48%,#ffb414 57%,#fa4200 70%,#f7430033 100%,transparent 160%),#050506}.presets{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.prism-preview svg{filter:drop-shadow(0 0 6px #df57ff99)}.prism-preview{background:linear-gradient(135deg,#090409,#061015)}.prism-preview path{stroke:#d76cff}
.logo-preview{display:grid;place-items:center;background:radial-gradient(circle,#bbdb0018,transparent 58%),#050506}.logo-preview img{width:58px;height:58px;filter:invert(1) drop-shadow(0 0 7px #bbdb0088)}
.frequency-monitor{margin-top:18px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#101012}.frequency-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px}.frequency-top small{color:var(--gold);font:11px monospace;letter-spacing:0;margin-left:12px}.frequency-top label{color:var(--muted);font-size:12px;letter-spacing:0}.frequency-top select{padding:7px;font-size:12px;margin-left:8px}#mini-spectrum{height:54px;display:flex;align-items:flex-end;gap:3px;margin:16px 0}#mini-spectrum i{flex:1;min-width:1px;background:linear-gradient(#fff2bc,#b68126);height:1%;border-radius:1px}.frequency-meters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.frequency-meters span{position:relative;padding-bottom:9px;color:#aca7a0;font:10px monospace;letter-spacing:.7px}.frequency-meters span:after{content:'';position:absolute;bottom:0;left:0;width:calc(var(--amount,0)*100%);height:3px;background:#f4c563}.frequency-monitor p{margin:12px 0 0;font-size:11px;color:var(--muted)}#spectrum-axis{position:absolute;left:9%;right:9%;top:80%;display:flex;justify-content:space-between;color:#827d70;font:10px monospace;pointer-events:none}#spectrum-axis[hidden]{display:none}#stage:fullscreen #spectrum-axis{display:none}.spectral-preview{background:repeating-linear-gradient(90deg,transparent 0 9px,#e8c56b88 10px 11px,transparent 12px 16px),linear-gradient(#050506,#635026);mask-image:linear-gradient(transparent,#000)}.chop-preview{background:radial-gradient(ellipse 30px 24px at center,#050506 40%,#ffe0ab77 43%,#ffa94b 46%,#91abdb66 50%,#050506 70%)}@media(max-width:760px){.frequency-top{align-items:flex-start;flex-direction:column}.frequency-top select{max-width:220px}.frequency-meters{gap:7px}#mini-spectrum{gap:2px}}
#stage{aspect-ratio:var(--frame-ratio,1.7777778);width:min(100%,var(--frame-width,115.55vh));min-height:0;margin-inline:auto}#stage:fullscreen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto}#stage[data-format="9:16"] .stage-top{left:12px;right:12px;font-size:9px;letter-spacing:0}#stage[data-format="9:16"] .stage-bottom{left:14px;right:14px}#stage[data-format="9:16"] .axis{display:none}#stage[data-format="9:16"] h1{font-size:18px}#stage[data-format="9:16"] #preset-description{font-size:10px}#stage[data-format="9:16"] #spectrum-axis{font-size:8px;left:8%;right:8%}.output-actions{flex-wrap:wrap}.transport{flex-wrap:wrap}#format{max-width:175px}
#stage[data-format="9:16"] #spectrum-axis span:nth-child(2),#stage[data-format="9:16"] #spectrum-axis span:nth-child(4),#stage[data-format="9:16"] #spectrum-axis span:nth-child(5){visibility:hidden}
#muted-state{position:absolute;inset:40% 15% auto;text-align:center;color:#d4c59b;font-size:16px;pointer-events:none}#muted-state span{display:block;margin-top:9px;font-size:12px;line-height:1.5;color:var(--muted)}
#scope-controls>select,#cloud-controls>select,#cinematic-fx>select{width:100%;padding:10px;margin:8px 0 4px;font-size:12px}
#cinematic-fx button{width:100%;margin-top:14px}
.custom-presets{margin-top:30px;padding-top:4px;border-top:1px solid var(--line)}.custom-preset>.preset{width:100%;height:100%}.custom-presets .preset-heading{gap:18px}.custom-presets .preset-heading>div:first-child span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.preset-save{display:flex;gap:7px}.preset-save input{min-width:180px;color:var(--text);background:#121214;border:1px solid var(--line);border-radius:6px;padding:9px 11px}.custom-preset{position:relative}.custom-preset .delete-preset{position:absolute;right:7px;top:7px;width:27px;height:27px;padding:0;border-radius:50%;background:#171719dd;color:#aaa;z-index:2}.custom-preset .delete-preset:hover{color:#fff;background:#572525}.custom-preset .preview{background:radial-gradient(circle at center,var(--preset-color,#e8c56b) 0 2px,transparent 3px),radial-gradient(circle at center,var(--preset-color,#e8c56b) 0,transparent 48%),#050506}.custom-presets .hint{margin-bottom:26px}@media(max-width:760px){.custom-presets .preset-heading{align-items:stretch;flex-direction:column}.preset-save{width:100%}.preset-save input{min-width:0;flex:1}}

/* Richway brand layer */
:root{--bg:#0d1015;--panel:#11151b;--line:#ffffff1c;--muted:#777f89;--text:#f3f4f5;--gold:#bbdb00;font-family:"FK Grotesk","Helvetica Neue",Arial,sans-serif}body{background-color:var(--bg);background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px),radial-gradient(circle at 88% 4%,#bbdb0010,transparent 28%);background-size:64px 64px,64px 64px,auto}header{height:86px;background:#0d1015e8;backdrop-filter:blur(18px);border-color:#ffffff14}.richway-brand{gap:18px;letter-spacing:0}.richway-brand>img{display:block;width:150px;height:auto}.richway-brand .product-lockup{display:flex;margin:0;padding-left:18px;border-left:1px solid #ffffff24;flex-direction:column;gap:3px}.product-lockup strong{font-size:16px;line-height:1;letter-spacing:3.5px}.product-lockup small{font-size:8px;color:var(--muted);letter-spacing:1.7px}.live i,.stage-top i{background:var(--gold);box-shadow:0 0 14px #bbdb0088}.tabs{background:#11151b;border-color:#ffffff14}.tabs button.active{background:#1b2027;border-color:#ffffff1f}.preset{background:#10141a;border-color:#ffffff18;border-radius:7px}.preset:hover{border-color:#ffffff38}.preset.active{background:#151a18;border-color:#bbdb0066;box-shadow:inset 0 -1px #bbdb00}.preview{border-color:#ffffff16}.preset b{display:grid;place-items:center;width:40px;height:40px;margin:8px;border-radius:5px;background:#bbdb001a;color:#fff;filter:drop-shadow(0 0 12px #bbdb0033)}.preset-heading h2,.panel-heading h2{font-weight:700;letter-spacing:-.02em}.frequency-monitor{background:#10141a;border-color:#ffffff18}.frequency-meters span:after,.meter div{background:var(--gold)}aside{background:#10141aec;border-color:#ffffff16}.control-section{border-color:#ffffff16}button.active{color:var(--gold);background:#bbdb0010;border-color:#bbdb0055}.stage-bottom h1{font-weight:700;letter-spacing:-.025em}#stage{border-color:#ffffff1f;box-shadow:0 20px 70px #0008}.output-actions button:hover,#recording-download:hover{border-color:#bbdb0070}.custom-presets{border-color:#ffffff16}.preset-save button{position:relative;box-shadow:inset 0 -1px #bbdb00}.preset-save button:after{content:"↗";display:inline-block;margin-left:9px;color:var(--gold)}@media(max-width:760px){header{height:72px}.richway-brand>img{width:112px}.richway-brand .product-lockup{padding-left:12px}.product-lockup strong{font-size:13px}.product-lockup small{display:none}}