@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#e9eae5;background:#101212;font-synthesis:none;font-weight:400;--bg:#101212;--panel:#151717;--line:#2a2d2b;--muted:#818781;--lime:#cdfa8c;--dim:#a7afa6;--mono:'Consolas','SFMono-Regular',monospace;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button svg,[data-icon] svg{width:18px;height:18px;display:block;flex-shrink:0}button [data-icon]{display:flex}button{transition:background .16s,color .16s,border-color .16s}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}[hidden]{display:none!important}.header{height:78px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);gap:30px;background:#121414}.brand{display:flex;gap:11px;align-items:center}.brand>svg{width:37px;height:37px;color:var(--lime)}.brand>span{font-family:Manrope,sans-serif;font-size:26px;font-weight:750;letter-spacing:-1px}.brand-dot{color:var(--lime)}.header-caption{font-size:9px;letter-spacing:2.1px;color:#727b73;border-left:1px solid #343833;padding-left:27px;margin-top:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.local-badge{font-size:11px;color:#a3aba2;display:flex;align-items:center;gap:7px;margin-right:15px}.local-badge i{width:5px;height:5px;background:#adbf9d;border-radius:50%}.button{background:#242826;border:1px solid #373d36;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:600;white-space:nowrap}.button:hover{background:#32392e;border-color:#6c795e}.button.quiet{background:transparent;border-color:transparent;color:#a5ada4}.button.quiet:hover{color:#fff;background:#202420}.button.primary{background:var(--lime);border-color:var(--lime);color:#1d2b14}.button.primary:hover{background:#defdb3}.button svg{width:15px;height:15px}.workspace{display:grid;grid-template-columns:244px minmax(300px,1fr) 284px;min-height:calc(100vh - 78px)}.panel{background:var(--panel)}.library{border-right:1px solid var(--line);padding:30px 18px 20px;display:flex;flex-direction:column}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.6px;color:#818d80}.library-heading{padding:0 6px}.library h1{font-family:Manrope,sans-serif;font-size:25px;line-height:1.35;letter-spacing:-.8px;font-weight:600;margin:14px 0 9px;max-width:190px}.library h1 span{color:var(--lime)}.library-heading p{font-size:11px;color:var(--muted);margin:0 0 27px}.library-tabs{display:flex;gap:22px;padding:0 6px;border-bottom:1px solid var(--line);margin-bottom:17px}.library-tabs button{position:relative;background:none;font-size:11px;color:var(--muted);padding:0 0 13px}.library-tabs button.active{color:#e7efdd}.library-tabs button.active:after{content:'';position:absolute;height:2px;background:var(--lime);left:0;right:0;bottom:-1px}.library-tabs button span{font-family:var(--mono);font-size:8px;margin-left:4px;color:#697666}.scene-list{display:flex;flex-direction:column;gap:9px}.scene-card{background:#1a1d1b;border:1px solid #30352f;border-radius:8px;padding:5px;text-align:left;position:relative;width:100%;overflow:hidden}.scene-card:hover{border-color:#6b7a60;background:#222820}.scene-card.active{border-color:#b5de7d;background:#21271c}.scene-thumb{width:100%;height:74px;display:block;border-radius:4px;background:#101317;object-fit:cover}.scene-meta{display:flex;align-items:center;justify-content:space-between;padding:9px 5px 6px}.scene-meta strong{font-size:11px;font-weight:500}.scene-meta small{display:block;color:#778271;font-size:9px;margin-top:3px}.scene-meta>span{font-size:9px;color:#6d7867;font-family:var(--mono)}.scene-card.active .scene-meta>span{color:var(--lime)}.scene-index{position:absolute;top:12px;left:13px;font-family:var(--mono);font-size:8px;color:#bec3b2;mix-blend-mode:screen}.scene-check{position:absolute;top:11px;right:12px;background:var(--lime);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#28331d}.scene-check svg{width:11px;height:11px}.library-footer{margin-top:auto;padding:30px 6px 0;display:flex;align-items:center;gap:10px;color:#9baba0;font-size:9px;line-height:1.65}.library-footer span:not(.mini-spark){color:#586359}.mini-spark{font-size:28px;font-weight:400;color:#8eaa79}.preset-list{display:flex;flex-direction:column;gap:10px}.empty-presets{padding:25px 5px;font-size:12px;line-height:1.8;color:var(--muted)}.empty-presets strong{display:block;color:#c2ccb9}.preset-item{display:flex;border:1px solid #343c32;background:#20241e;border-radius:6px}.preset-load{background:none;text-align:left;flex:1;min-width:0;padding:13px 10px;font-size:12px}.preset-load strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.preset-load small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.preset-item>.icon-button{align-self:center;flex-shrink:0}.main{padding:26px 26px 0;min-width:0;display:flex;flex-direction:column}.stage-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 21px}.stage-title{display:flex;gap:13px;align-items:center;margin-top:7px}.stage-title h1{font-family:Manrope,sans-serif;font-weight:550;font-size:22px;letter-spacing:-.6px;margin:0}.tag{font-family:var(--mono);font-size:8px;color:#909d83;letter-spacing:.7px;border:1px solid #373f30;border-radius:4px;padding:4px 6px}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0;background:transparent;color:#97a08f;padding:7px}.icon-button:hover{background:#2b3226;color:#e3efda}.stage{position:relative;min-height:330px;flex:1;overflow:hidden;border:1px solid #34392f;border-radius:10px;background:#050a0e;isolation:isolate}.stage:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 100px #0003;pointer-events:none;z-index:0}#visualizer{display:block;position:absolute;width:100%;height:100%;inset:0;touch-action:none;cursor:grab}#visualizer:active{cursor:grabbing}.stage-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;z-index:1}.preview-badge,.demo-badge{font-family:var(--mono);font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:7px;text-shadow:0 1px 10px #000;background:#11191488;border:1px solid #ffffff12;border-radius:4px;padding:7px 9px;color:#b9cbb1;backdrop-filter:blur(8px)}.preview-badge i,.lime-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);display:inline-block;flex-shrink:0;box-shadow:0 0 9px #b6f26d44}.demo-badge{background:transparent;border-color:transparent;color:#b4bda8}.stage-guide{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;font-size:9px;white-space:nowrap;color:#c4cfb599;pointer-events:none;text-shadow:0 1px 8px #000}.stage-guide svg{width:12px;height:12px}.stage-guide b{font-weight:400;padding:0 5px}.stage-toolbar{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);border:1px solid #9aaa7533;background:#111811bd;backdrop-filter:blur(20px);border-radius:10px;padding:5px 7px;display:flex;gap:7px;align-items:center;z-index:1;box-shadow:0 8px 30px #0003}.stage-toolbar .icon-button{color:#ccd6be;width:33px;height:33px}.stage-toolbar .icon-button:hover{background:#bfdb8444;color:#e5ffc0}.toolbar-divider{height:17px;width:1px;background:#9aaa7533;margin:0 2px}.stage-bottom{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;pointer-events:none;font-family:var(--mono);font-size:8px;letter-spacing:.3px;color:#9eaf97;z-index:1;text-shadow:0 1px 8px #000}.stage-bottom b{margin:0 5px;font-weight:400;color:#59674d}.fps-dot{width:4px;height:4px;background:var(--lime);border-radius:50%;display:inline-block;margin-right:5px}.under-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#7e8979;padding:14px 0 22px}.under-stage>div{display:flex;align-items:center;gap:7px}.text-button{background:none;font-size:9px;color:#8b9782;display:flex;gap:5px;align-items:center;padding:2px 0;white-space:nowrap}.text-button:hover{color:var(--lime)}.text-button svg{width:12px;height:12px}.audio-dock{border:1px solid #30362b;background:#191d17;border-radius:9px;padding:17px 18px 0}.audio-main{display:flex;align-items:center;gap:11px}.audio-icon{background:#2a3320;color:#b9d28e;border:1px solid #445134;border-radius:8px;padding:10px}.audio-icon svg{width:19px;height:19px}.audio-title{font-size:12px;font-weight:500}.audio-main p{font-size:9px;color:#87907c;margin:5px 0 0}.audio-main .button{margin-left:auto;font-size:10px;padding:10px 12px}.audio-monitor{display:flex;align-items:center;border-top:1px solid #30362b;margin-top:17px;gap:16px;height:55px}.signal-status{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;color:#b3bda5}.status-dot{width:5px;height:5px;border-radius:50%;background:#96ab7b}.status-dot.connected{background:#cdfa8c;box-shadow:0 0 8px #cdfa8c55}.demo-note{color:#68755c;font-size:8px}.audio-monitor canvas{height:25px;min-width:30px;flex:1;max-width:400px;width:0}.frequency-values{display:flex;gap:11px;font-family:var(--mono);font-size:7px;color:#6d7b60;white-space:nowrap;margin-left:auto}.frequency-values b{font-size:8px;color:#b8c8a0;font-weight:400;margin-left:4px}.main-footer{display:flex;align-items:center;justify-content:space-between;color:#626d5d;font-size:8px;padding:17px 0 18px;letter-spacing:.2px}.inspector{border-left:1px solid var(--line);display:flex;flex-direction:column;max-height:calc(100vh - 78px);position:sticky;top:0}.inspector-heading{padding:28px 23px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.inspector-heading h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.4px;font-weight:550;margin:8px 0 0}.inspector-scroll{overflow-y:auto;padding:0 23px;scrollbar-width:thin;scrollbar-color:#3a4531 transparent;flex:1}.control-section{border-bottom:1px solid var(--line);padding:21px 0 17px}.control-section h3{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;margin:0 0 20px;color:#d4dec9}.control-section h3 svg{width:14px;height:14px;color:#96aa81}.section-number{margin-left:auto;font-family:var(--mono);font-size:8px;color:#4d5b46}.slider-control{margin-bottom:18px}.slider-control:last-child{margin-bottom:4px}.control-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:11px;color:#9aa590}.value{font-family:var(--mono);font-size:9px;color:#c2cfb3}input[type=range]{width:100%;height:3px;display:block;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#b2d780 var(--fill,50%),#353d30 var(--fill,50%));border-radius:8px;cursor:pointer;margin:0;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;background:#d6f4ae;border-radius:50%;box-shadow:0 0 0 3px #1a2014}input[type=range]::-moz-range-thumb{border:0;width:9px;height:9px;background:#d6f4ae;border-radius:50%;box-shadow:0 0 0 3px #1a2014}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #b4df7525}.seed-row{display:flex;align-items:center;justify-content:space-between;margin-top:21px;font-size:10px;color:#9aa590}.seed-row>div{display:flex;align-items:center;border:1px solid #3b4334;border-radius:5px;background:#1c2118}.seed-row input{width:72px;appearance:textfield;-moz-appearance:textfield;background:none;border:0;color:#c2cfb3;font-family:var(--mono);font-size:10px;padding:8px 10px}.seed-row input::-webkit-inner-spin-button{-webkit-appearance:none}.seed-row .icon-button{border-left:1px solid #343c2d;border-radius:0;width:28px;height:28px;padding:7px}.seed-row .icon-button svg{width:12px;height:12px}.palette-list{display:flex;gap:7px;margin:13px 0 23px}.palette-swatch{height:26px;flex:1;min-width:0;border-radius:4px;position:relative;border:2px solid transparent;background:var(--swatch)}.palette-swatch:hover{transform:translateY(-2px)}.palette-swatch.active{outline:1px solid #c2df9c;outline-offset:3px}.palette-swatch.active:after{content:'✓';position:absolute;left:0;right:0;top:3px;text-align:center;font-size:11px;text-shadow:0 1px 5px #000;color:#fff}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#aab69d;cursor:pointer;margin-top:22px;position:relative}.toggle-row small{display:block;font-size:8px;color:#65735a;margin-top:4px}.toggle-row input{position:absolute;right:0;width:29px;height:20px;opacity:0;margin:0;cursor:pointer;z-index:1}.switch{width:28px;height:15px;background:#353d31;border:1px solid #536343;border-radius:12px;position:relative;transition:.2s}.switch:after{content:'';width:9px;height:9px;background:#859375;border-radius:50%;position:absolute;left:2px;top:2px;transition:.2s}.toggle-row input:checked+.switch{background:#c1e491;border-color:#c1e491}.toggle-row input:checked+.switch:after{background:#2b3b20;transform:translateX(13px)}.toggle-row input:focus-visible+.switch{outline:2px solid #d8f5ac;outline-offset:3px}.quality-control{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#78886b;padding:20px 0}.quality-control select{font-size:9px;color:#bbcba9;border:1px solid #3a4531;background:#1d2319;border-radius:5px;padding:6px}.inspector-footer{padding:16px 23px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;font-size:8px;color:#798b6a}.inspector-footer .lime-dot{width:4px;height:4px}.canvas-error{position:absolute;inset:0;background:#161e13;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.8;padding:30px;z-index:5;font-size:14px}.exit-immersive{display:none;position:absolute;right:24px;top:24px;z-index:5;background:#141b14bb;backdrop-filter:blur(12px)}.immersive .stage{position:fixed;inset:0;border:0;border-radius:0;z-index:20}.immersive .stage-top,.immersive .stage-guide{display:none}.immersive .exit-immersive{display:flex}.immersive .stage-toolbar{bottom:40px}.stage:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.stage:fullscreen .exit-immersive{display:flex}.stage:fullscreen .stage-top{right:200px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#d1efaa;color:#243518;border:1px solid #f0ffd5;border-radius:8px;padding:12px 20px;font-size:12px;box-shadow:0 8px 35px #0006;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:calc(100vw - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:490px;max-width:calc(100vw - 30px);padding:28px;border:1px solid #46503c;border-radius:14px;background:#181d16;color:#dce6d1;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#050a07b8;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading .icon-button{margin-right:-7px}dialog h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;font-weight:550;margin:15px 0 10px}dialog h2>span{color:var(--lime)}dialog p{color:#97a58b;font-size:12px;line-height:1.7;margin:0 0 20px}.source-option{display:flex;width:100%;align-items:center;gap:14px;background:#20271b;border:1px solid #3a4830;border-radius:8px;padding:15px 12px;text-align:left;margin-top:10px}.source-option:hover{border-color:#9cbd7e;background:#2a3521}.source-icon{color:var(--lime);padding:7px;border:1px solid #4b603a;border-radius:6px;display:flex}.source-option strong{display:block;font-size:12px;font-weight:500}.source-option small{display:block;font-size:10px;color:#91a280;margin-top:5px}.source-option>span:last-child{margin-left:auto;color:#97b17d}.source-tip{color:#839875;font-size:10px;line-height:1.8;padding:10px 6px 8px}.source-tip strong{color:#c5d5b5;font-weight:500}.source-tip a{color:#b1c991;text-decoration:underline;text-underline-offset:3px}.demo-option{background:transparent}.dialog-error{color:#f9be9d;background:#51372155;border:1px solid #a17b4844;border-radius:6px;padding:12px;margin:15px 0 0}.help-grid>div{padding:12px 0;border-bottom:1px solid #343f2b;position:relative;padding-left:32px}.help-grid>div>span{position:absolute;left:0;top:14px;color:var(--lime)}.help-grid svg{width:18px;height:18px}.help-grid strong{font-size:12px}.help-grid p{font-size:11px;margin:5px 0 0}.shortcut-list{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;font-size:11px;color:#98a98a}.shortcut-list>span{display:flex;justify-content:space-between;align-items:center}kbd{background:#2c3723;border:1px solid #465438;border-radius:4px;font-family:var(--mono);font-size:10px;padding:3px 6px;color:#c5dcb1}#preset-form>label{display:block;font-size:12px;margin:23px 0 9px}.name-input{background:#11170e;border:1px solid #4a5d3a;border-radius:7px;padding:12px;color:#dfefd1;width:100%;font-size:13px}#preset-form>p{font-size:10px;margin:9px 0 25px}#preset-form>.primary{margin-left:auto}body.reduced-motion *{scroll-behavior:auto}
.immersive .stage{width:100vw;height:100dvh;min-height:0;max-height:none}
.deep-explore{margin-top:18px}.deep-explore .button{width:100%;background:#27341d;color:#d0ecaf;border-color:#475d32;font-size:10px}.deep-explore .button:hover{background:#3a4b29;border-color:#9dbc74}.deep-explore p{font-size:8px;color:#748565;text-align:center;margin:8px 0 0}.deep-explore .button svg{width:13px;height:13px}
#formation-control,#scope-control{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:6px 0 22px}#formation-control select,#scope-control select{width:100%;max-width:100%;min-width:0}
#fractal-style-control{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:6px 0 22px}#fractal-style-control select{width:100%;max-width:100%;min-width:0}
.control-note{display:block;font-size:9px;line-height:1.6;color:#7f8a7d;margin-top:9px}
.audio-main>div:not(.audio-icon){min-width:0;flex:1}.audio-main .button{flex-shrink:0}
.audio-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:761px){.workspace{height:calc(100dvh - 78px);min-height:680px}.library{min-height:0}.scene-list,.preset-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a4531 transparent;padding:1px}.scene-card{flex-shrink:0}.scene-thumb{height:clamp(38px,5.2vh,70px)}.main{min-height:0}.stage{min-height:280px}.library-footer{padding-top:18px;flex-shrink:0}.audio-dock,.under-stage,.main-footer,.stage-heading{flex-shrink:0}}
@media(min-height:940px){.library{padding-top:35px}.main{padding-top:31px}.inspector-heading{padding-top:33px}.control-section{padding-top:25px;padding-bottom:24px}.slider-control{margin-bottom:23px}.stage{min-height:450px}}
@media(min-width:1700px){.workspace{grid-template-columns:270px minmax(300px,1fr) 310px}.library{padding:35px 23px 25px}.main{padding-left:34px;padding-right:34px}.inspector-scroll{padding:0 27px}.stage{min-height:400px}}
@media(max-width:1200px){.workspace{grid-template-columns:208px minmax(280px,1fr) 254px}.library{padding:25px 13px 18px}.library h1{font-size:23px}.main{padding:24px 18px 0}.inspector-scroll{padding:0 18px}.inspector-heading{padding:25px 18px 20px}.scene-thumb{height:64px}.audio-main{flex-wrap:wrap}.audio-main .button{padding:9px}.audio-main p{font-size:8px}.audio-icon{display:none}.demo-note{display:none}.frequency-values{gap:6px}.audio-monitor{gap:10px}.local-badge{display:none}.library-tabs{gap:17px}}
@media(max-width:980px){.workspace{grid-template-columns:174px minmax(280px,1fr) 230px}.main{padding:24px 14px 0}.library{padding:25px 10px 18px}.library h1{font-size:21px}.library-heading{padding:0 3px}.library-tabs{gap:13px;padding:0 3px}.library-tabs button{font-size:10px}.library-tabs button span{font-size:7px}.scene-thumb{height:63px}.scene-meta{padding:8px 3px 5px}.scene-meta strong{font-size:10px}.eyebrow{font-size:7px;letter-spacing:1.2px}.inspector-scroll{padding:0 17px}.inspector-heading{padding:25px 17px 20px}.header-caption{display:none}.audio-dock{padding:13px 13px 0}.audio-main{gap:9px}.audio-main .button{margin:0;width:100%}.audio-main>div{width:100%}.audio-monitor{flex-wrap:wrap;gap:10px;height:72px;align-content:center}.frequency-values{width:100%;justify-content:space-between}.signal-status{font-size:8px}.audio-main p{font-size:9px}.under-stage>div{font-size:8px;line-height:1.6}.stage-top{top:15px;left:13px;right:13px}.preview-badge,.demo-badge{font-size:7px;padding:5px 6px}.stage-bottom{font-size:7px;left:12px;right:12px}.stage-bottom #coordinate-label{max-width:135px;overflow:hidden;white-space:nowrap}.library-footer{font-size:8px}.header{padding:0 20px}.stage{min-height:380px}}
@media(max-width:760px){.header{height:66px;padding:0 16px}.brand>span{font-size:23px}.brand>svg{width:30px;height:30px}.header-actions{gap:5px}.header-actions .button{padding:8px}.desktop-label{display:none}.header .button svg{width:17px;height:17px}.workspace{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - 66px)}.library{border-right:0;padding:22px 16px 14px;display:block;order:1}.library-heading{display:none}.library-tabs{padding:0;margin-bottom:12px;gap:24px}.library-tabs button{font-size:11px;padding-bottom:10px}.scene-list{flex-direction:row;overflow-x:auto;padding:4px 0 7px;gap:8px;scrollbar-width:thin}.scene-card{min-width:130px;width:130px;flex-shrink:0}.scene-thumb{height:60px}.scene-meta small{font-size:8px}.scene-meta strong{font-size:10px}.library-footer{display:none}.main{order:2;padding:18px 16px 0}.stage-heading{margin-bottom:15px}.stage-title h1{font-size:21px}.stage{min-height:410px;flex:none;height:55vh}.audio-main{flex-wrap:nowrap}.audio-main>div{width:auto}.audio-main .button{width:auto;margin-left:auto}.audio-main p{font-size:8px}.audio-title{font-size:11px}.audio-monitor{height:50px;flex-wrap:nowrap}.frequency-values{width:auto;gap:8px}.frequency-values span{font-size:6px}.signal-status{font-size:8px}.frequency-values b{font-size:7px}.main-footer{padding:15px 0}.under-stage{padding-bottom:17px}.under-stage>div{font-size:9px}.inspector{order:3;position:static;max-height:none;border-left:0;border-top:1px solid var(--line)}.inspector-heading{padding:22px 20px 17px}.inspector-scroll{overflow:visible;display:grid;grid-template-columns:1fr 1fr;padding:0 20px;gap:0 30px}.control-section{padding:22px 0}.quality-control{grid-column:1/-1;padding:20px 0}.inspector-footer{justify-content:center}.preset-list{flex-direction:row;overflow-x:auto}.preset-item{min-width:180px}.empty-presets{padding:10px 0}.empty-presets strong{display:inline}.stage-bottom #coordinate-label{max-width:none}.main-footer .text-button{font-size:8px}}
@media(max-width:420px){.stage{min-height:360px;height:53vh}.audio-main p{max-width:180px;line-height:1.6}.audio-main .button{font-size:9px;padding:9px 8px;gap:5px}.audio-main .button svg{width:12px}.frequency-values{gap:6px}.frequency-values b{margin-left:2px}.inspector-scroll{gap:0 22px;padding:0 18px}.under-stage>div{font-size:8px}.under-stage .text-button{font-size:8px}.stage-bottom{font-size:7px}.help-grid p{font-size:10px}dialog{padding:22px}.source-option{gap:10px}.source-option small{font-size:9px}.source-tip{font-size:9px}.stage-guide{font-size:8px}}

#scope-control{display:flex;flex-direction:column;gap:10px}#scope-control[hidden]{display:none}#scope-control #vector-art{width:100%;white-space:normal}.scope-hint{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 10px}#scope-xy-options .toggle-row{gap:6px;font-size:10px}


#time-control{display:flex;flex-direction:column;gap:10px}#time-control select,#demo-wave-control select{width:100%}#demo-wave-control{display:flex;flex-direction:column;gap:10px}

#scope-appearance{display:flex;flex-direction:column;gap:10px}#scope-appearance select,#scope-appearance button{width:100%}#scope-appearance button{color:var(--lime)}

/* Compact controls; preview occupies the remaining viewport height. */
.header{height:56px;padding:0 16px;gap:16px}
.brand>svg{width:32px;height:32px}.brand>span{font-size:24px}
.header-actions{gap:8px}.header-actions .button{padding:8px 10px}
.workspace{grid-template-columns:220px minmax(0,1fr) 260px;height:calc(100dvh - 56px);min-height:0}
.library{padding:14px 12px;min-height:0;overflow:hidden}
.library-tabs{margin-bottom:10px;padding:0 3px}
.scene-list,.preset-list{min-height:0;overflow-y:auto}
.scene-thumb{height:50px}.scene-meta{padding:7px 4px 5px}
.scene-meta small{font-size:9px}
.main{padding:10px 12px;min-height:0}
.stage-heading{min-height:32px;margin:0 0 8px;gap:10px}
.stage-title{margin-top:0;min-width:0;gap:10px}
.stage-title h1{font-size:20px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.stage-actions .icon-button{width:30px;height:30px}
.stage-actions .text-button{display:flex;align-items:center;gap:5px;font-size:10px}
.stage{min-height:240px;height:auto;flex:1}
.stage-top{top:12px;left:12px;right:12px}
.audio-dock{margin-top:10px;padding:8px 12px 5px}
.audio-icon{display:none}.audio-main{flex-wrap:nowrap;gap:10px}
.audio-main>div{width:auto}.audio-main .button{width:auto;margin-left:auto;padding:8px 10px}
.audio-monitor{height:32px;margin-top:6px;gap:8px;flex-wrap:nowrap}
.audio-monitor canvas{height:22px;min-width:24px;max-width:none}
.frequency-values{gap:8px;white-space:nowrap}.frequency-values b{font-size:9px}
.inspector{max-height:calc(100dvh - 56px);min-height:0}
.inspector-heading{padding:14px 16px;min-height:52px}.inspector-heading h2{margin:0;font-size:18px}
.inspector-scroll{padding:0 16px}
.dialog-heading{justify-content:flex-end}
@media(max-width:1200px) and (min-width:761px){
  .workspace{grid-template-columns:190px minmax(0,1fr) 240px}
  .library{padding:14px 10px}.inspector-scroll{padding:0 14px}
}
@media(max-width:980px) and (min-width:761px){
  .workspace{grid-template-columns:168px minmax(0,1fr) 220px}
  .stage-title h1{font-size:18px}.stage-actions{gap:5px}
  .stage-actions .desktop-label{display:none}.stage-title .tag{display:none}
}
@media(max-width:760px){
  .header{height:56px;padding:0 12px}
  .workspace{height:auto;min-height:calc(100dvh - 56px);grid-template-columns:minmax(0,1fr)}
  .library{padding:10px 12px 6px;border-bottom:1px solid var(--line)}
  .library-tabs{margin-bottom:8px}.scene-list{overflow-x:auto;overflow-y:hidden;padding:4px 0 7px}
  .scene-card{width:120px;min-width:120px}.scene-thumb{height:38px}
  .scene-meta{padding:5px 3px}.scene-meta strong{font-size:10px}.scene-meta small{font-size:8px}
  .main{padding:10px 12px 12px}.stage-title h1{font-size:19px}.stage-title .tag{display:none}
  .stage-actions{gap:7px}.stage-actions .desktop-label{display:none}
  .stage{height:calc(100dvh - 266px);min-height:340px;flex:none}
  .audio-dock{padding:8px 10px 5px}.audio-title{font-size:11px}
  .inspector{max-height:none;min-height:0}.inspector-heading{padding:14px 18px}
  .inspector-scroll{padding:0 18px;gap:0 22px}
}
@media(max-width:760px) and (max-height:500px){.stage{height:70dvh;min-height:240px}}

.auto-gain-control{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:var(--dim);cursor:pointer;flex-shrink:0}.auto-gain-control input{width:14px;height:14px;margin:0;accent-color:var(--lime);cursor:pointer}.slider-control input:disabled{opacity:.4;cursor:default}

.theme-toggle{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--dim);cursor:pointer;white-space:nowrap;position:relative;margin-left:3px}
.theme-switches{display:flex;align-items:center;gap:12px}
.theme-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.theme-track{width:29px;height:16px;border:1px solid #535d50;background:#242a24;border-radius:12px;display:block;position:relative}
.theme-track:after{content:'';position:absolute;width:10px;height:10px;top:2px;left:3px;background:#a7afa6;border-radius:50%;transition:transform .15s}
.theme-toggle input:checked+.theme-track{background:#3c4c2d;border-color:var(--lime)}
.theme-toggle input:checked+.theme-track:after{transform:translateX(11px);background:var(--lime)}
.theme-toggle input:focus-visible+.theme-track{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:760px){.header{gap:8px}.header-actions{gap:7px}.theme-name{font-size:0}.theme-name span{font-size:10px}.theme-toggle{gap:5px}.brand>span{font-size:23px}.brand>svg{width:29px;height:29px}.brand{gap:7px}}
@media(max-width:370px){.header{padding:0 10px}.brand>span{font-size:20px}.brand>svg{width:24px;height:24px}.header-actions{gap:4px}.header-actions .button{padding:8px}}

/* Classic Winamp-inspired skin. The layout and every working control stay intact. */
:root[data-theme="winamp"]{font-family:Tahoma,Arial,sans-serif;color:#d6d6db;background:#232332;--bg:#232332;--panel:#292938;--line:#12121c;--muted:#a2a2b1;--dim:#c5c5cf;--lime:#5bff39;--mono:'Lucida Console',Consolas,monospace;--bevel:inset 1px 1px #81818d,inset -1px -1px #101019,inset 2px 2px #464657,inset -2px -2px #1b1b28}
[data-theme="winamp"] body{background:repeating-linear-gradient(0deg,#242433 0 2px,#272736 2px 4px)}
[data-theme="winamp"] button,[data-theme="winamp"] input,[data-theme="winamp"] select{font-family:Tahoma,Arial,sans-serif}
[data-theme="winamp"] button{transition:none}
[data-theme="winamp"] .header{background:linear-gradient(#444456 0%,#303040 45%,#242432 50%,#363646 100%);border:2px solid #13131e;box-shadow:var(--bevel);height:56px;gap:12px}
[data-theme="winamp"] .brand{color:#e7daa5;text-shadow:1px 1px #000;gap:8px}
[data-theme="winamp"] .brand>span{font:700 19px Tahoma,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
[data-theme="winamp"] .brand>svg{color:#dbcf9c;width:28px;height:28px}
[data-theme="winamp"] .brand-dot{color:#dfcf8c}
[data-theme="winamp"] .library,[data-theme="winamp"] .inspector{background:linear-gradient(90deg,#303040,#272736 45%,#2e2e3f);border:2px solid #171721;box-shadow:var(--bevel)}
[data-theme="winamp"] .main{background:repeating-linear-gradient(0deg,#252534 0 2px,#292938 2px 4px)}
[data-theme="winamp"] .button,[data-theme="winamp"] .icon-button,[data-theme="winamp"] .text-button,[data-theme="winamp"] .library-tabs button{background:linear-gradient(#94949f,#6d6d7e 45%,#5c5c6e 50%,#797989);color:#101019;border:1px solid #11111b;border-radius:0;box-shadow:inset 1px 1px #c7c7cf,inset -1px -1px #343441;font-weight:700;text-shadow:0 1px #ffffff35}
[data-theme="winamp"] .button:hover,[data-theme="winamp"] .icon-button:hover,[data-theme="winamp"] .text-button:hover,[data-theme="winamp"] .library-tabs button:hover{background:linear-gradient(#b2b2bc,#858597);color:#05050d;border-color:#070711}
[data-theme="winamp"] .button:active,[data-theme="winamp"] .icon-button:active,[data-theme="winamp"] .library-tabs button.active{box-shadow:inset 1px 1px #151520,inset -1px -1px #9c9ca7;background:#454559;color:#e7daa5;text-shadow:1px 1px #000}
[data-theme="winamp"] .button.primary{background:linear-gradient(#d3c89c,#9f956e);color:#181820;border-color:#12121c;box-shadow:inset 1px 1px #fff2bd,inset -1px -1px #5c533a}
[data-theme="winamp"] .library-tabs{gap:3px;padding:4px;border:1px solid #13131d;background:#20202c;box-shadow:inset 1px 1px #08080e;margin-bottom:12px}
[data-theme="winamp"] .library-tabs button{padding:7px 9px;flex:1;font-size:10px}
[data-theme="winamp"] .library-tabs button span{color:inherit}
[data-theme="winamp"] .library-tabs button.active:after{display:none}
[data-theme="winamp"] .scene-card{border-radius:0;background:#262633;border:1px solid #12121a;box-shadow:inset 1px 1px #636373,inset -1px -1px #14141e;padding:4px}
[data-theme="winamp"] .scene-card:hover{background:#383849;border-color:#9c9472}
[data-theme="winamp"] .scene-card.active{background:#404052;border-color:#d3c58e;box-shadow:inset 1px 1px #8e8662,inset -1px -1px #0c0c17}
[data-theme="winamp"] .scene-thumb{border-radius:0;border:1px solid #0c0c16}
[data-theme="winamp"] .scene-meta{padding:6px 4px 4px}
[data-theme="winamp"] .scene-meta strong{font-size:11px;color:#d5d5df}
[data-theme="winamp"] .scene-meta small,[data-theme="winamp"] .scene-meta>span{color:#aaaab9}
[data-theme="winamp"] .scene-card.active .scene-meta strong,[data-theme="winamp"] .scene-card.active .scene-meta>span{color:#5bff39}
[data-theme="winamp"] .scene-check{border-radius:0;background:#dacb92;color:#1c1c2c;box-shadow:inset 1px 1px #fff2be,inset -1px -1px #71633a}
[data-theme="winamp"] .stage-heading,[data-theme="winamp"] .inspector-heading{background:repeating-linear-gradient(0deg,#656575 0 1px,#30303f 1px 3px);border:1px solid #10101a;box-shadow:inset 1px 1px #7e7e8b,inset -1px -1px #171722;color:#dfd2a0;padding:5px 7px;min-height:38px}
[data-theme="winamp"] .stage-title{margin-top:0;gap:8px}
[data-theme="winamp"] .stage-title h1,[data-theme="winamp"] .inspector-heading h2{font:700 12px Tahoma,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;background:#30303f;padding:2px 6px;text-shadow:1px 1px #000}
[data-theme="winamp"] .stage-actions{gap:4px}
[data-theme="winamp"] .stage-actions .icon-button{width:25px;height:25px;padding:5px}
[data-theme="winamp"] .stage-actions .text-button{padding:4px 7px;font-size:9px}
[data-theme="winamp"] .tag{border-radius:0;background:#171723;border:1px solid #77715b;color:#c9c09d;letter-spacing:0;font-size:8px}
[data-theme="winamp"] .stage{border:3px solid #11111c;border-radius:0;outline:1px solid #777787;box-shadow:0 0 0 2px #191923;background:#000}
[data-theme="winamp"] .stage:after{box-shadow:none}
[data-theme="winamp"] .stage-top{top:12px;left:12px;right:12px}
[data-theme="winamp"] .preview-badge,[data-theme="winamp"] .demo-badge{border-radius:0;background:#080d09df;border:1px solid #3a4534;color:#67f649;backdrop-filter:none;text-shadow:none;font-family:var(--mono);letter-spacing:.4px}
[data-theme="winamp"] .preview-badge i,[data-theme="winamp"] .status-dot,[data-theme="winamp"] .fps-dot{border-radius:0;box-shadow:none}
[data-theme="winamp"] .stage-toolbar{border-radius:0;background:linear-gradient(#424253,#242432);border:2px solid #13131b;box-shadow:var(--bevel);backdrop-filter:none;padding:5px;gap:4px}
[data-theme="winamp"] .stage-toolbar .icon-button{color:#101019;background:linear-gradient(#aaaab6,#747486);width:30px;height:27px}
[data-theme="winamp"] .toolbar-divider{background:#11111c;border-right:1px solid #666674}
[data-theme="winamp"] .stage-bottom{color:#67f649;background:#050b06cc;border:1px solid #333d30;padding:4px 6px;bottom:10px;left:10px;right:10px;text-shadow:none}
[data-theme="winamp"] .stage-guide{color:#b7cfb0;text-shadow:1px 1px #000}
[data-theme="winamp"] .audio-dock{border:2px solid #14141e;border-radius:0;background:linear-gradient(#383849,#292939);box-shadow:var(--bevel)}
[data-theme="winamp"] .audio-icon{border-radius:0;background:#161621;color:#cfc18c;border:1px solid #6b6857}
[data-theme="winamp"] .audio-title{color:#d4cbac;font:700 11px Tahoma,Arial,sans-serif}
[data-theme="winamp"] .audio-monitor{background:#070e08;border:1px solid #555564;box-shadow:inset 1px 1px #000;padding:5px 7px;margin-top:7px;min-height:34px}
[data-theme="winamp"] .signal-status,[data-theme="winamp"] .frequency-values span,[data-theme="winamp"] .frequency-values b{color:#53ee35;font-family:var(--mono)}
[data-theme="winamp"] .control-section{border-bottom:2px groove #505061}
[data-theme="winamp"] .control-section h3{color:#dacd9b;font:700 10px Tahoma,Arial,sans-serif;letter-spacing:1px}
[data-theme="winamp"] .control-section h3 svg{color:#d9ce9d}
[data-theme="winamp"] .control-label,[data-theme="winamp"] .toggle-row,[data-theme="winamp"] .seed-row>label,[data-theme="winamp"] .quality-control>label{color:#c7c7d0;font-size:11px}
[data-theme="winamp"] .value,[data-theme="winamp"] #palette-name{font:10px var(--mono);color:#5bff39;background:#070d08;border:1px solid #15151e;box-shadow:inset -1px -1px #575768;padding:3px 5px;min-width:40px;text-align:right}
[data-theme="winamp"] input[type="range"]{height:7px;border-radius:0;background:#101019!important;border:1px solid #090911;box-shadow:inset 1px 1px #000,0 1px #686879;accent-color:#d7c78c}
[data-theme="winamp"] input[type="range"]::-webkit-slider-thumb{width:13px;height:15px;border-radius:0;background:linear-gradient(90deg,#d8cb9c,#9e9165);border:1px solid #12121b;box-shadow:inset 1px 1px #fff2c2,inset -1px -1px #6b5c34}
[data-theme="winamp"] input[type="range"]::-moz-range-thumb{width:12px;height:14px;border-radius:0;background:#c2b482;border:1px solid #161620}
[data-theme="winamp"] select,[data-theme="winamp"] input[type="number"],[data-theme="winamp"] input[type="text"]{background:#090f0a;color:#5bff39;border:2px solid #15151f;border-radius:0;box-shadow:inset 1px 1px #000,1px 1px #616171;font-family:var(--mono);font-size:11px}
[data-theme="winamp"] .palette-list{gap:5px}
[data-theme="winamp"] .palette-swatch{border-radius:0}
[data-theme="winamp"] .palette-swatch.active{border-color:#e1d39f;box-shadow:0 0 0 1px #e1d39f}
[data-theme="winamp"] .seed-row>div{background:#171722;border-radius:0;border-color:#11111c;box-shadow:inset 1px 1px #000,1px 1px #616171}
[data-theme="winamp"] .toggle-row .switch{background:#101019;border:1px solid #08080e;border-radius:0;box-shadow:inset 1px 1px #000,1px 1px #6c6c7b}
[data-theme="winamp"] .toggle-row .switch:after{background:linear-gradient(#b4b4bf,#717182);border-radius:0;box-shadow:inset 1px 1px #d6d6de,inset -1px -1px #333344}
[data-theme="winamp"] .toggle-row input:checked+.switch{background:#122215;border-color:#08080e}
[data-theme="winamp"] .toggle-row input:checked+.switch:after{background:#c9bc88}
[data-theme="winamp"] .toggle-row small,[data-theme="winamp"] .scope-hint{color:#aaaab7}
[data-theme="winamp"] .theme-toggle{color:#ded3aa;font-family:Tahoma,Arial,sans-serif}
[data-theme="winamp"] .theme-track{border-radius:0;background:#0c150d!important;box-shadow:inset 1px 1px #000,1px 1px #707080;border:1px solid #08080f!important}
[data-theme="winamp"] .theme-track:after{border-radius:0;background:#c7bb8c!important;box-shadow:inset 1px 1px #fff1b9,inset -1px -1px #6b603b}
[data-theme="winamp"] .theme-toggle input:checked+.theme-track{border-color:#72bc50!important}
[data-theme="winamp"] dialog{background:#303040;color:#d6d6df;border:3px solid #171721;border-radius:0;box-shadow:var(--bevel),0 12px 50px #0008;font-family:Tahoma,Arial,sans-serif}
[data-theme="winamp"] dialog h2{font:700 17px Tahoma,Arial,sans-serif;color:#e0d2a0;text-shadow:1px 1px #000}
[data-theme="winamp"] dialog p,[data-theme="winamp"] .source-tip,[data-theme="winamp"] .source-option small,[data-theme="winamp"] .help-grid p{color:#b9b9c6}
[data-theme="winamp"] .source-option,[data-theme="winamp"] .help-grid>div,[data-theme="winamp"] .shortcut-list,[data-theme="winamp"] .preset-item{background:#232331;border:1px solid #11111c;border-radius:0;box-shadow:inset 1px 1px #616171,inset -1px -1px #13131f}
[data-theme="winamp"] .source-option:hover{background:#424252;border-color:#d3c68c}
[data-theme="winamp"] .source-icon{border-radius:0;background:#11111d;color:#dacb96}
[data-theme="winamp"] kbd{border-radius:0;background:#626274;color:#f0e6bd;border:1px solid #11111e;box-shadow:inset 1px 1px #9494a1}
[data-theme="winamp"] .toast{background:#111912;color:#6bff49;border:2px solid #79755b;border-radius:0;font-family:var(--mono);box-shadow:inset 1px 1px #000}
[data-theme="winamp"] ::-webkit-scrollbar{width:12px;height:12px;background:#1c1c29}
[data-theme="winamp"] ::-webkit-scrollbar-thumb{border:2px solid #252535;border-radius:0;background:#6b6b7d;box-shadow:inset 1px 1px #a1a1b0,inset -1px -1px #11111c}
[data-theme="winamp"] ::selection{background:#284d24;color:#8aff6a}
@media(max-width:760px){[data-theme="winamp"] .brand>span{font-size:16px;letter-spacing:1px}[data-theme="winamp"] .brand>svg{width:24px;height:24px}[data-theme="winamp"] .stage-title h1{font-size:10px;letter-spacing:.3px}[data-theme="winamp"] .stage-heading{padding:4px}[data-theme="winamp"] .scene-meta strong{font-size:10px}[data-theme="winamp"] .scene-meta{padding:4px 2px}[data-theme="winamp"] .inspector-heading{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.theme-track:after{transition:none}}

/* Frutiger Aero: sky, water, frosted glass, and glossy hardware. */
:root[data-theme="aero"]{font-family:'Segoe UI',Tahoma,sans-serif;color:#183f57;background:#b9e6f5;color-scheme:light;--bg:#b9e6f5;--panel:#eefaffd9;--line:#7db7d180;--muted:#486d80;--dim:#375f73;--lime:#087ba1;--aero-glass:linear-gradient(160deg,#ffffffeb,#effbffb8 48%,#d0edf7c9);--aero-shine:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80;--aero-shadow:0 4px 18px #14608820}
[data-theme="aero"] body{background:radial-gradient(ellipse at 12% 5%,#fff 0,transparent 36%),radial-gradient(ellipse at 90% 100%,#a9d87a99,transparent 42%),radial-gradient(circle at 82% 14%,#ffffffb0 0 3%,#ffffff30 3.2% 3.5%,transparent 3.7%),radial-gradient(circle at 75% 24%,#ffffff70 0 1.5%,#ffffff40 1.6% 1.8%,transparent 2%),linear-gradient(155deg,#d7f6ff,#8dcfe9 60%,#d4ecb6);background-attachment:fixed}
[data-theme="aero"] button,[data-theme="aero"] input,[data-theme="aero"] select{font-family:inherit}
[data-theme="aero"] .header{background:linear-gradient(#ffffffed,#edfaffb8 49%,#bedfecb8 50%,#e5f7ffd4);border-bottom:1px solid #6aabc9;box-shadow:0 1px 0 #fff9,0 3px 16px #21739320;backdrop-filter:blur(18px)}
[data-theme="aero"] .brand{color:#225b78;text-shadow:0 1px 0 #fff}
[data-theme="aero"] .brand>svg{color:#168eb3;filter:drop-shadow(0 1px 0 #fff)}
[data-theme="aero"] .brand-dot{color:#529d29}
[data-theme="aero"] .brand>span,[data-theme="aero"] .stage-title h1,[data-theme="aero"] .inspector-heading h2,[data-theme="aero"] dialog h2{font-family:'Segoe UI',Tahoma,sans-serif}
[data-theme="aero"] .library,[data-theme="aero"] .inspector{background:var(--aero-glass);box-shadow:var(--aero-shine);backdrop-filter:blur(16px)}
[data-theme="aero"] .main{background:linear-gradient(145deg,#ffffff20,#e0f6ff18)}
[data-theme="aero"] .button,[data-theme="aero"] .icon-button,[data-theme="aero"] .source-option{color:#24536c;background:linear-gradient(#fff,#edf8fe 48%,#cbe6f2 50%,#e2f5fd);border:1px solid #80b3cc;border-radius:8px;box-shadow:var(--aero-shine),0 2px 4px #2c6b8814;text-shadow:0 1px #fff9}
[data-theme="aero"] .button:hover,[data-theme="aero"] .icon-button:hover,[data-theme="aero"] .source-option:hover{background:linear-gradient(#fff,#d8f5ff 48%,#a9dff2 50%,#dbf7ff);border-color:#3395bd;box-shadow:var(--aero-shine),0 0 9px #40c6ff40}
[data-theme="aero"] .button:active,[data-theme="aero"] .icon-button:active{box-shadow:inset 0 2px 5px #1b6e9c30}
[data-theme="aero"] .button.primary,[data-theme="aero"] .deep-explore .button{color:#174614;border:1px solid #70a447;background:linear-gradient(#f0ffd7,#c7ed97 48%,#a1d76b 50%,#d2f2a7);box-shadow:var(--aero-shine),0 2px 6px #42791b20;text-shadow:0 1px #f4ffe3}
[data-theme="aero"] .button.primary:hover,[data-theme="aero"] .deep-explore .button:hover{background:linear-gradient(#f6ffe8,#d5f4ad 48%,#b1e37a 50%,#e3fac4);border-color:#4d8c29}
[data-theme="aero"] .library-tabs button{color:#486d80}
[data-theme="aero"] .library-tabs button.active{color:#075f87;text-shadow:0 1px #fff}
[data-theme="aero"] .library-tabs button span{color:#486d80}
[data-theme="aero"] .scene-card,[data-theme="aero"] .preset-item{background:linear-gradient(#ffffffd9,#eaf7fbd9);border:1px solid #9ec8da;border-radius:9px;box-shadow:var(--aero-shine),0 2px 6px #386e8410}
[data-theme="aero"] .scene-card:hover{background:#effcff;border-color:#4ba8cc}
[data-theme="aero"] .scene-card.active{background:linear-gradient(#f4fdff,#c2eafa);border-color:#2e98bd;box-shadow:var(--aero-shine),0 0 0 1px #67c9ed55,0 3px 9px #2a84a826}
[data-theme="aero"] .scene-meta strong{color:#204e68}
[data-theme="aero"] .scene-meta small,[data-theme="aero"] .scene-meta>span{color:#486d80}
[data-theme="aero"] .scene-card.active .scene-meta>span{color:#07668d}
[data-theme="aero"] .scene-thumb{border:1px solid #387c9a60;border-radius:5px}
[data-theme="aero"] .scene-check{background:linear-gradient(#eaffb9,#84c644);color:#285d18;border:1px solid #e8ffd6;box-shadow:0 1px 4px #174c4870}
[data-theme="aero"] .stage-title h1,[data-theme="aero"] .inspector-heading h2{color:#204e68;text-shadow:0 1px #fff}
[data-theme="aero"] .tag{background:#effbffb3;color:#356980;border-color:#8ebed1}
[data-theme="aero"] .text-button{color:#356980}
[data-theme="aero"] .text-button:hover{color:#005a82}
[data-theme="aero"] .stage{border:1px solid #70adc6;border-radius:12px;box-shadow:0 0 0 3px #f4fcff80,0 6px 24px #205b7b30}
[data-theme="aero"] .preview-badge,[data-theme="aero"] .demo-badge{background:linear-gradient(#edfaffee,#ccebf4d9);border:1px solid #ffffffa0;color:#21526c;text-shadow:0 1px #fff9;box-shadow:var(--aero-shine);border-radius:6px}
[data-theme="aero"] .preview-badge i,[data-theme="aero"] .fps-dot,[data-theme="aero"] .status-dot{background:#73b937;box-shadow:0 0 5px #9cdd63}
[data-theme="aero"] .stage-toolbar{background:linear-gradient(#f4fcffe0,#cae8f3c9);border:1px solid #f4fdff;box-shadow:var(--aero-shine),0 4px 18px #003b6655;backdrop-filter:blur(16px);border-radius:12px}
[data-theme="aero"] .stage-toolbar .icon-button{color:#24536c}
[data-theme="aero"] .toolbar-divider{background:#80b2c6}
[data-theme="aero"] .stage-bottom{color:#dff6ff;text-shadow:0 1px 4px #002c49}
[data-theme="aero"] .stage-bottom b{color:#b3dce9}
[data-theme="aero"] .stage-guide{color:#e6f6ff;text-shadow:0 1px 5px #002c49}
[data-theme="aero"] .audio-dock{background:var(--aero-glass);border:1px solid #8bbbd0;border-radius:11px;box-shadow:var(--aero-shine),var(--aero-shadow)}
[data-theme="aero"] .audio-monitor{border-color:#97c5d780}
[data-theme="aero"] .audio-title,[data-theme="aero"] .signal-status{color:#28556c}
[data-theme="aero"] .frequency-values{color:#4b6d7e}
[data-theme="aero"] .frequency-values b{color:#126583}
[data-theme="aero"] .control-section h3{color:#245871}
[data-theme="aero"] .control-section h3 svg{color:#1685aa}
[data-theme="aero"] .control-label,[data-theme="aero"] .seed-row,[data-theme="aero"] .toggle-row,[data-theme="aero"] .quality-control{color:#375f73}
[data-theme="aero"] .value{color:#0b698c}
[data-theme="aero"] .toggle-row small,[data-theme="aero"] .control-note{color:#486d80}
[data-theme="aero"] input[type="range"]{height:5px;background:linear-gradient(to right,#269bc1 var(--fill,50%),#c2dae5 var(--fill,50%));box-shadow:inset 0 1px 2px #2e739c30,0 1px 0 #fff}
[data-theme="aero"] input[type="range"]::-webkit-slider-thumb{width:12px;height:16px;border-radius:5px;background:linear-gradient(90deg,#fff,#d0f3ff 45%,#80c6e4);border:1px solid #5599b7;box-shadow:inset 0 1px #fff,0 1px 3px #2d6e8c40}
[data-theme="aero"] input[type="range"]::-moz-range-thumb{width:11px;height:15px;border-radius:5px;background:linear-gradient(90deg,#fff,#91d2ec);border:1px solid #5599b7;box-shadow:0 1px 3px #2d6e8c40}
[data-theme="aero"] select,[data-theme="aero"] .name-input,[data-theme="aero"] .seed-row>div{color:#24536c;background:linear-gradient(#f4fbff,#fff);border:1px solid #8eb8cc;border-radius:6px;box-shadow:inset 0 1px 3px #407b9518}
[data-theme="aero"] select option{background:#f4fbff;color:#24536c}
[data-theme="aero"] .seed-row input{color:#24536c}
[data-theme="aero"] .seed-row .icon-button{border:0;border-left:1px solid #8eb8cc;border-radius:0 5px 5px 0}
[data-theme="aero"] .palette-swatch.active{outline-color:#087ba1}
[data-theme="aero"] .switch,[data-theme="aero"] .theme-track{background:linear-gradient(#c4dde9,#edf9ff);border-color:#80abc1;box-shadow:inset 0 1px 3px #2a6f9830,0 1px #fff}
[data-theme="aero"] .switch:after,[data-theme="aero"] .theme-track:after{background:linear-gradient(#fff,#b5dceb);box-shadow:0 1px 3px #245e7d60}
[data-theme="aero"] .toggle-row input:checked+.switch,[data-theme="aero"] .theme-toggle input:checked+.theme-track{background:linear-gradient(#5eaf2c,#b9e77f);border-color:#5b962f}
[data-theme="aero"] .toggle-row input:checked+.switch:after,[data-theme="aero"] .theme-toggle input:checked+.theme-track:after{background:linear-gradient(#fff,#e7f9d6)}
[data-theme="aero"] .toggle-row input:focus-visible+.switch{outline-color:#087ba1}
[data-theme="aero"] .inspector-scroll,[data-theme="aero"] .scene-list,[data-theme="aero"] .preset-list{scrollbar-color:#8bbcd2 transparent}
[data-theme="aero"] dialog{background:linear-gradient(145deg,#fafffff5,#d9f0faee);color:#204e68;border:1px solid #85b5cc;border-radius:14px;box-shadow:inset 0 0 0 3px #ffffff90,0 20px 80px #174c6c55;backdrop-filter:blur(20px)}
[data-theme="aero"] dialog::backdrop{background:#13446755;backdrop-filter:blur(7px)}
[data-theme="aero"] dialog p,[data-theme="aero"] .source-option small,[data-theme="aero"] .source-tip,[data-theme="aero"] .shortcut-list{color:#486d80}
[data-theme="aero"] .source-tip strong,[data-theme="aero"] .source-tip a{color:#126583}
[data-theme="aero"] .source-icon{color:#1685aa;border-color:#9cc4d6;background:#f3fcff;border-radius:8px}
[data-theme="aero"] .source-option>span:last-child{color:#1685aa}
[data-theme="aero"] .help-grid>div{border-color:#a2c8d9}
[data-theme="aero"] kbd{background:linear-gradient(#fff,#d8edf7);border-color:#8eb8cc;color:#24536c;box-shadow:0 1px 0 #fff}
[data-theme="aero"] .empty-presets strong{color:#24536c}
[data-theme="aero"] .toast{background:linear-gradient(#f3ffdf,#d3efad);color:#315720;border-color:#8ab463;box-shadow:var(--aero-shine),0 8px 30px #285c7e30}
[data-theme="aero"] .dialog-error{background:#fff0e5;color:#923e1e;border-color:#d49e7c}
[data-theme="aero"] .canvas-error{background:#eaf7fc;color:#24536c}
[data-theme="aero"] ::selection{background:#83cce7;color:#163e55}
@media(max-width:760px){.theme-switches{gap:7px}[data-theme="aero"] .stage{border-radius:10px}}
@media(max-width:420px){.theme-switches{gap:5px}.theme-toggle{margin-left:0;gap:4px}.header-actions{gap:4px}.header-actions .button{padding:6px}.brand{gap:5px}.brand>span{font-size:20px}.brand>svg{width:24px;height:24px}.audio-main{flex-wrap:wrap}}
@media(max-width:350px){.header{padding:0 8px}.header .brand>svg{display:none}.header .brand>span{font-size:18px}[data-theme="winamp"] .brand>span{font-size:14px}.inspector-scroll{grid-template-columns:minmax(0,1fr)}}
[data-theme="aero"] .immersive .stage,[data-theme="aero"] .stage:fullscreen{border:0;border-radius:0;box-shadow:none}

#scope-xy-options #phosphor-look{width:100%;margin-top:6px;color:var(--lime)}#scope-beam-control{display:flex;flex-direction:column;gap:6px}#scope-beam-control>label{font-size:11px;color:var(--muted)}

/* Windows XP Luna: blue window chrome, warm system panels, raised controls. */
:root[data-theme="xp"]{font-family:Tahoma,'Segoe UI',sans-serif;color:#1d2435;background:#ece9d8;color-scheme:light;--bg:#ece9d8;--panel:#ece9d8;--line:#b9b5a2;--muted:#555c69;--dim:#414a5e;--lime:#0055e5;--xp-title:linear-gradient(180deg,#0997ff 0%,#0053ee 8%,#0050ee 40%,#0066ff 88%,#0066ff 93%,#005bff 95%,#003dd7 96%,#003dd7 100%);--xp-button:linear-gradient(#fff,#f8f8f3 60%,#ece9d8);--xp-bevel:inset 1px 1px #fff,inset -1px -1px #d5d0b9}
[data-theme="xp"] body{background:#ece9d8}
[data-theme="xp"] button,[data-theme="xp"] input,[data-theme="xp"] select{font-family:Tahoma,'Segoe UI',sans-serif}
[data-theme="xp"] .header{height:44px;background:var(--xp-title);border:1px solid #003baf;border-bottom:3px solid #003baf;box-shadow:inset 1px 0 #86c1ff,inset -1px 0 #001a86;border-radius:8px 8px 0 0}
[data-theme="xp"] .brand{color:#fff;text-shadow:1px 2px #003786}
[data-theme="xp"] .brand>span{font:700 20px 'Trebuchet MS',Tahoma,sans-serif;letter-spacing:0}
[data-theme="xp"] .brand>svg{color:#fff;filter:drop-shadow(1px 1px 1px #003786)}
[data-theme="xp"] .brand-dot{color:#91e04c}
[data-theme="xp"] .theme-toggle{color:#fff;text-shadow:1px 1px #003b90}
[data-theme="xp"] .button,[data-theme="xp"] .icon-button,[data-theme="xp"] .text-button{background:var(--xp-button);border:1px solid #003c74;color:#182647;border-radius:3px;box-shadow:var(--xp-bevel);text-shadow:none}
[data-theme="xp"] .button:hover,[data-theme="xp"] .icon-button:hover,[data-theme="xp"] .text-button:hover{background:linear-gradient(#fff,#fff9e4);border-color:#003c74;box-shadow:inset 0 0 0 2px #ffcf73}
[data-theme="xp"] .button:active,[data-theme="xp"] .icon-button:active,[data-theme="xp"] .text-button:active{background:#e3e0cf;box-shadow:inset 1px 1px 2px #918d7c}
[data-theme="xp"] .header .button.quiet{color:#fff;border-color:#ffffff60;background:linear-gradient(#5bafff,#0879ee);box-shadow:inset 1px 1px #acd4ff}
[data-theme="xp"] .button.primary,[data-theme="xp"] .deep-explore .button{background:var(--xp-button);border:1px solid #003c74;box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px #b8d0ed;color:#111;text-shadow:none}
[data-theme="xp"] .button.primary:hover,[data-theme="xp"] .deep-explore .button:hover{background:var(--xp-button);box-shadow:inset 0 0 0 2px #ffcf73}
[data-theme="xp"] .library{background:#ece9d8;border-right:1px solid #aca899;box-shadow:inset -1px 0 #fff}
[data-theme="xp"] .library-tabs{background:none;border:0;border-bottom:1px solid #919b9c;border-radius:0;padding:0;gap:2px}
[data-theme="xp"] .library-tabs button{background:linear-gradient(#f6f6f1,#e2e0d2);border:1px solid #919b9c;border-bottom:0;border-radius:3px 3px 0 0;padding:7px 8px 6px;color:#111;font-weight:400}[data-theme="xp"] .library-tabs button span{color:#555}
[data-theme="xp"] .library-tabs button.active{background:#fcfcfe;color:#111;box-shadow:inset 0 2px #ffc73c}
[data-theme="xp"] .library-tabs button.active:after{height:1px;bottom:-1px;background:#fcfcfe}
[data-theme="xp"] .scene-card,[data-theme="xp"] .preset-item{background:#fff;border:1px solid #aca899;border-radius:2px;box-shadow:inset 1px 1px #fff}
[data-theme="xp"] .scene-card:hover{background:#eef4ff;border-color:#ffd080}
[data-theme="xp"] .scene-card.active{background:#316ac5;border-color:#003c74;box-shadow:inset 0 0 0 1px #94b8ef}
[data-theme="xp"] .scene-meta strong,[data-theme="xp"] .preset-load{color:#174b9c}
[data-theme="xp"] .scene-meta small,[data-theme="xp"] .scene-meta>span{color:#495e85}
[data-theme="xp"] .scene-card.active .scene-meta strong,[data-theme="xp"] .scene-card.active .scene-meta small,[data-theme="xp"] .scene-card.active .scene-meta>span{color:#fff}
[data-theme="xp"] .scene-thumb{border:1px solid #7893c4;border-radius:2px}
[data-theme="xp"] .scene-check{background:linear-gradient(#8ed75d,#38a12c);border:1px solid #fff;color:#fff;box-shadow:0 1px 2px #315a7970}
[data-theme="xp"] .empty-presets,[data-theme="xp"] .empty-presets strong{color:#333}
[data-theme="xp"] .main{background:#ece9d8}
[data-theme="xp"] .stage-heading{background:var(--xp-title);border:1px solid #003baf;border-radius:7px 7px 0 0;box-shadow:inset 1px 0 #7db6fb,inset -1px 0 #00158a;padding:3px 5px 3px 7px;color:#fff}
[data-theme="xp"] .stage-heading{margin-bottom:0;min-height:30px}
[data-theme="xp"] .stage-title h1{font:700 13px 'Trebuchet MS',Tahoma,sans-serif;color:#fff;text-shadow:1px 1px #0f1089;letter-spacing:0}
[data-theme="xp"] .tag{background:#e8f0ff;border-color:#a9c5fd;border-radius:2px;color:#174b9c}
[data-theme="xp"] .stage-actions{gap:5px}
[data-theme="xp"] .stage-actions .text-button{padding:5px}
[data-theme="xp"] .stage-actions .icon-button{width:22px;height:22px;padding:3px;background:linear-gradient(135deg,#a6caff,#2578f0 45%,#0750d0);border:1px solid #fff;box-shadow:inset 1px 1px #c7dfff,inset -1px -1px #003092;color:#fff}
[data-theme="xp"] .stage{border:3px solid #0055e5;border-top:0;border-radius:0 0 4px 4px;box-shadow:inset 1px 1px #002e8e,1px 1px 0 #fff}
[data-theme="xp"] .stage-toolbar{background:#ece9d8;border:1px solid #fff;border-radius:3px;box-shadow:1px 2px 5px #0006,inset -1px -1px #aca899;backdrop-filter:none;padding:4px}
[data-theme="xp"] .stage-toolbar .icon-button{color:#184caa}
[data-theme="xp"] .toolbar-divider{background:#aca899;border-right:1px solid #fff}
[data-theme="xp"] .preview-badge,[data-theme="xp"] .demo-badge{background:#eff4ffed;border:1px solid #80a6e8;color:#194b9f;border-radius:3px;text-shadow:none;backdrop-filter:none}
[data-theme="xp"] .preview-badge i,[data-theme="xp"] .fps-dot,[data-theme="xp"] .status-dot{background:#45ac32;box-shadow:none}
[data-theme="xp"] .stage-guide,[data-theme="xp"] .stage-bottom{color:#e3edff;text-shadow:1px 1px 3px #00183e}
[data-theme="xp"] .stage-bottom b{color:#b9cfff}
[data-theme="xp"] .audio-dock{background:#ece9d8;border:1px solid #aca899;border-radius:3px;box-shadow:var(--xp-bevel)}
[data-theme="xp"] .audio-title,[data-theme="xp"] .signal-status{color:#283657}
[data-theme="xp"] .audio-monitor{border-color:#c5c0ab}
[data-theme="xp"] .frequency-values{color:#5c6272}
[data-theme="xp"] .frequency-values b{color:#154aa6}
[data-theme="xp"] .inspector{border-left:1px solid #aca899;background:#ece9d8;box-shadow:inset 1px 0 #fff}
[data-theme="xp"] .inspector-heading{margin:0;min-height:48px;padding:12px 16px;background:none;border:0;border-bottom:1px solid #fff;box-shadow:0 1px #d4d0bd;border-radius:0}[data-theme="xp"] .inspector-heading h2{font:700 13px Tahoma,sans-serif;color:#111;text-shadow:none}
[data-theme="xp"] .control-section{border-color:#d4d0bd}
[data-theme="xp"] .control-section h3{color:#174b9c;font-weight:700}
[data-theme="xp"] .control-section h3 svg{color:#2467c5}
[data-theme="xp"] .control-label,[data-theme="xp"] .toggle-row,[data-theme="xp"] .seed-row,[data-theme="xp"] .quality-control{color:#3b4051}
[data-theme="xp"] .value{color:#164ea5}
[data-theme="xp"] .toggle-row small,[data-theme="xp"] .control-note{color:#626878}
[data-theme="xp"] input[type="range"]{height:5px;background:linear-gradient(to right,#7e9fc6 var(--fill,50%),#dddaca var(--fill,50%));border:1px solid #a4a193;border-radius:2px;box-shadow:0 1px #fff}
[data-theme="xp"] input[type="range"]::-webkit-slider-thumb{width:12px;height:19px;background:linear-gradient(90deg,#fff,#e8eee6);border:1px solid #6584a1;border-top:3px solid #55a338;border-radius:3px 3px 5px 5px;box-shadow:inset 1px 0 #fff}
[data-theme="xp"] input[type="range"]::-moz-range-thumb{width:10px;height:16px;background:#f4f6ed;border:1px solid #6584a1;border-top:3px solid #55a338;border-radius:3px 3px 5px 5px}
[data-theme="xp"] select,[data-theme="xp"] .name-input,[data-theme="xp"] .seed-row>div{background:#fff;color:#25314b;border:1px solid #7f9db9;border-radius:0;box-shadow:none}
[data-theme="xp"] select option{background:#fff;color:#25314b}
[data-theme="xp"] .seed-row input{color:#25314b}
[data-theme="xp"] .seed-row .icon-button{border:0;border-left:1px solid #7f9db9;border-radius:0}
[data-theme="xp"] .palette-swatch{border-radius:2px}
[data-theme="xp"] .palette-swatch.active{outline-color:#316ac5}
[data-theme="xp"] .switch,[data-theme="xp"] .theme-track{background:#fff;border:1px solid #7f9db9;border-radius:3px;box-shadow:inset 1px 1px #dcdcd7}
[data-theme="xp"] .switch:after,[data-theme="xp"] .theme-track:after{background:linear-gradient(#d6e7fa,#9fbedf);border-radius:1px;box-shadow:0 0 0 1px #7494b7}
[data-theme="xp"] .toggle-row input:checked+.switch,[data-theme="xp"] .theme-toggle input:checked+.theme-track{background:#e9f4df;border-color:#5b8d3c}
[data-theme="xp"] .toggle-row input:checked+.switch:after,[data-theme="xp"] .theme-toggle input:checked+.theme-track:after{background:linear-gradient(#82cb59,#3a9c27);box-shadow:0 0 0 1px #4b8c31}
[data-theme="xp"] .toggle-row input:focus-visible+.switch{outline-color:#0055e5}
[data-theme="xp"] .header input:focus-visible+.theme-track{outline-color:#ffcf73}
[data-theme="xp"] .inspector-scroll,[data-theme="xp"] .scene-list,[data-theme="xp"] .preset-list{scrollbar-color:#8baee4 #e5e5dd}
[data-theme="xp"] dialog{padding:0 22px 22px;background:#ece9d8;border:3px solid #0055e5;border-top:0;border-radius:8px 8px 3px 3px;color:#111;box-shadow:inset 1px 0 #fff,2px 4px 15px #0006}
[data-theme="xp"] dialog::backdrop{background:#00000012;backdrop-filter:none}
[data-theme="xp"] dialog h2{font:700 25px 'Trebuchet MS',Tahoma,sans-serif;color:#174b9c;letter-spacing:0}
[data-theme="xp"] dialog p,[data-theme="xp"] .source-option small,[data-theme="xp"] .source-tip,[data-theme="xp"] .shortcut-list{color:#555c69}
[data-theme="xp"] .source-option{background:var(--xp-button);border:1px solid #7f9db9;color:#25314b;border-radius:3px;box-shadow:var(--xp-bevel)}
[data-theme="xp"] .source-option:hover{border-color:#e7a535;background:#fff6d8}
[data-theme="xp"] .source-icon{color:#1b65c5;background:#fff;border-color:#7f9db9;border-radius:3px}
[data-theme="xp"] .source-option>span:last-child,[data-theme="xp"] .source-tip strong,[data-theme="xp"] .source-tip a{color:#174b9c}
[data-theme="xp"] .help-grid>div{border-color:#d4d0bd}
[data-theme="xp"] kbd{background:#f7f5ed;border:1px solid #aca899;border-radius:2px;color:#25314b;box-shadow:1px 1px #fff}
[data-theme="xp"] .toast{background:#ffffe1;color:#26334f;border:1px solid #333;border-radius:5px;box-shadow:2px 2px 4px #0004}
[data-theme="xp"] .dialog-error{background:#fff0df;color:#922b1f;border-color:#d19470}
[data-theme="xp"] .canvas-error{background:#ece9d8;color:#25314b}
[data-theme="xp"] ::selection{background:#316ac5;color:#fff}
[data-theme="xp"] .immersive .stage,[data-theme="xp"] .stage:fullscreen{border:0;border-radius:0;box-shadow:none}
/* Give the theme switches their own row on phones. */
@media(max-width:600px){:root .header{height:86px;padding-bottom:30px;position:relative}.theme-switches{position:absolute;bottom:8px;left:12px;right:12px;justify-content:flex-end;gap:14px}.workspace{min-height:calc(100dvh - 86px)}.stage{height:calc(100dvh - 296px)}}
@media(max-width:760px){[data-theme="xp"] .stage-title h1{font-size:14px}[data-theme="xp"] .brand>span{font-size:22px}[data-theme="xp"] .inspector-heading{margin:8px 12px 0}}

/* Caption bars are part of working dialogs, with their real close controls. */
.dialog-caption{display:none}
#auto-rotate-row{margin:0 0 20px}
:is([data-theme="xp"],[data-theme="vista"]) .dialog-caption{display:block;font-size:12px;line-height:1.3}
:is([data-theme="xp"],[data-theme="vista"]) dialog h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-theme="xp"] .dialog-heading{height:30px;margin:0 -22px 20px;padding:3px 3px 3px 6px;background:var(--xp-title);border-radius:5px 5px 0 0;justify-content:space-between;box-shadow:inset 1px 0 #8bc5ff,inset -1px 0 #001c8a}
[data-theme="xp"] .dialog-caption{font:700 13px 'Trebuchet MS',Tahoma,sans-serif;color:#fff;text-shadow:1px 1px #0f1089}
[data-theme="xp"] .dialog-heading .icon-button{width:22px;height:22px;margin:0;padding:2px;border:1px solid #fff;border-radius:3px;color:#fff;background:linear-gradient(135deg,#ffc6a5,#ee774e 30%,#dc431b 55%,#b72a10);box-shadow:inset 1px 1px #ffbaa4,inset -1px -1px #9b250f}
[data-theme="xp"] .dialog-heading .icon-button:hover{background:linear-gradient(135deg,#ffe7ce,#ff9a65 30%,#f65a26 55%,#dc3414)}
[data-theme="xp"] .switch,[data-theme="xp"] .theme-track{width:14px;height:14px;border:1px solid #1c5180;border-radius:1px;background:linear-gradient(135deg,#dcdcd7,#fff 70%);box-shadow:inset 1px 1px #e9e9e4;flex-shrink:0}
[data-theme="xp"] .switch:after,[data-theme="xp"] .theme-track:after{display:none;left:3px;top:2px;width:7px;height:4px;border:solid #209421;border-width:0 0 2px 2px;border-radius:0;background:none;box-shadow:none;transform:rotate(-45deg)}
[data-theme="xp"] .toggle-row input:checked+.switch,[data-theme="xp"] .theme-toggle input:checked+.theme-track{background:linear-gradient(135deg,#dcdcd7,#fff 70%);border-color:#1c5180}
[data-theme="xp"] .toggle-row input:checked+.switch:after,[data-theme="xp"] .theme-toggle input:checked+.theme-track:after{display:block;background:none;box-shadow:none;transform:rotate(-45deg)}
[data-theme="xp"] .control-section h3{font-weight:400;font-size:11px;color:#0046d5}
@media(min-width:761px){[data-theme="xp"] .workspace{height:calc(100dvh - 44px)}[data-theme="xp"] .inspector{max-height:calc(100dvh - 44px)}}

/* Frutiger Aero: luminous water, cloud highlights, green hills, glass orbs. */
:root[data-theme="aero"]{background:#70cdeb;--panel:#e6faffc9;--line:#62a7c375;--aero-glass:linear-gradient(155deg,#ffffffed,#e5f9ffbd 45%,#99cfe6a6);--aero-shine:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80;--aero-shadow:0 4px 14px #006b9c30}
[data-theme="aero"] body{background:radial-gradient(ellipse 65% 28% at 25% 0%,#ffffffed,transparent 75%),radial-gradient(ellipse 65% 30% at 90% 3%,#ffffffbd,transparent 75%),radial-gradient(ellipse 90% 42% at 12% 120%,#409b1c 45%,#8fd34d 65%,transparent 66%),radial-gradient(ellipse 110% 46% at 95% 125%,#74bb33 55%,#b7e970 67%,transparent 68%),radial-gradient(circle at 83% 25%,#ffffff05 0 39px,#ffffffb0 40px,#ffffff20 44px,transparent 46px),radial-gradient(circle at 88% 35%,#ffffff10 0 19px,#ffffff99 20px,#ffffff20 23px,transparent 25px),linear-gradient(#58bce8,#b0eaff 65%,#d6f4dd);background-attachment:fixed}
[data-theme="aero"] .header{background:linear-gradient(#ffffffdf,#c8edffba 46%,#7cbeddb8 49%,#d9f6ffcf);border-bottom:1px solid #ffffffc9;box-shadow:inset 0 -1px #348bb891,0 2px 12px #00517c35}
[data-theme="aero"] .brand>svg{padding:5px;color:#fff;background:radial-gradient(ellipse at 35% 20%,#fff,#9cecff 22%,#159acf 50%,#005691 88%);border:1px solid #e7fcff;border-radius:50%;box-shadow:inset 0 -2px 4px #004c8e90,0 2px 5px #005b8d50;filter:none}
[data-theme="aero"] .library,[data-theme="aero"] .inspector{border:1px solid #ffffffc9;background:var(--aero-glass);border-radius:12px;box-shadow:var(--aero-shine),var(--aero-shadow);backdrop-filter:blur(14px)}
[data-theme="aero"] .main{background:transparent}
[data-theme="aero"] .library-tabs{border-color:#5ba4c780}
[data-theme="aero"] .library-tabs button.active{color:#006391;text-shadow:0 1px #fff}
[data-theme="aero"] .library-tabs button.active:after{background:linear-gradient(90deg,#6acb29,#009bcb);height:3px}
[data-theme="aero"] .scene-card{border:1px solid #74afca;background:linear-gradient(#ffffffde,#b9e6f4ba);box-shadow:inset 0 1px #fff,0 2px 5px #00628c20}
[data-theme="aero"] .scene-card.active{background:linear-gradient(#f9ffec,#cff1a2);border-color:#75ab45;box-shadow:inset 0 1px #fff,0 0 0 1px #e8ffbeaa,0 3px 9px #39801e35}
[data-theme="aero"] .stage{border:3px solid #edfcffe0;border-radius:12px;box-shadow:0 0 0 1px #4c9bbb,0 6px 22px #07578650}
[data-theme="aero"] .inspector-heading{background:linear-gradient(#ffffffaa,#a3d8ee77);border-radius:11px 11px 0 0;border-bottom-color:#76b0c9}
[data-theme="aero"] .control-section h3>[data-icon]{padding:4px;border-radius:50%;background:linear-gradient(#f1ffff,#74cce9 47%,#138dbc 50%,#42bbe3);border:1px solid #fff;box-shadow:0 1px 3px #167eab55;display:flex}
[data-theme="aero"] .control-section h3 svg{color:#fff}
[data-theme="aero"] .button,[data-theme="aero"] .icon-button{background:linear-gradient(#ffffff,#d8f3ff 46%,#91c9e3 49%,#cbf0ff);border-color:#5796b8;box-shadow:inset 0 1px #fff,inset 0 -1px #e1f8ff,0 2px 4px #0063942b}
[data-theme="aero"] .button.quiet,[data-theme="aero"] .stage-actions .icon-button{color:#24536c}
[data-theme="aero"] .button.quiet:hover{color:#174968;background:linear-gradient(#fff,#d8f5ff 48%,#a9dff2 50%,#dbf7ff);border-color:#3395bd}
[data-theme="aero"] .button.primary,[data-theme="aero"] .deep-explore .button{background:linear-gradient(#efffd8,#a1dc63 46%,#54a91e 49%,#83cf35);color:#163e08;border-color:#538c22;text-shadow:0 1px #daffb3;box-shadow:inset 0 1px #fff,inset 0 -1px #c3ee9c,0 2px 5px #397a1c35}
[data-theme="aero"] .button.primary:hover,[data-theme="aero"] .deep-explore .button:hover{background:linear-gradient(#f6ffe8,#b8ec7f 46%,#70c32e 49%,#a1e852);border-color:#3d7918}
[data-theme="aero"] .audio-dock{background:linear-gradient(#f4ffffed,#d1edf8bd);box-shadow:var(--aero-shine),var(--aero-shadow)}
[data-theme="aero"] .stage-toolbar{background:linear-gradient(#ffffffde,#afdcedba 47%,#5c9fbbc9 50%,#b5e7f5dd);box-shadow:inset 0 1px #fff,0 4px 15px #002f6670}
[data-theme="aero"] dialog{background:linear-gradient(145deg,#fffffff2,#d1f0facf);border:4px solid #ceefffc9;box-shadow:0 0 0 1px #4784a9,inset 0 1px #fff,0 20px 70px #003d6f66}
@media(min-width:761px){[data-theme="aero"] .workspace{padding:8px;gap:8px}[data-theme="aero"] .main{padding:2px 4px}[data-theme="aero"] .inspector{max-height:100%}}

/* Windows Vista Aero Glass. Pale application interiors inside reflective frames. */
:root[data-theme="vista"]{font-family:'Segoe UI',Tahoma,sans-serif;color:#25313c;background:#416575;color-scheme:light;--bg:#416575;--panel:#f5f7fa;--line:#aab7c4;--muted:#526475;--dim:#3f566a;--lime:#1674b3;--vista-glass:linear-gradient(115deg,transparent 12%,#ffffff45 13%,#ffffff08 24%,transparent 25%,transparent 63%,#ffffff29 64%,transparent 77%),linear-gradient(#ebf5ff94,#748e9d99 45%,#36556999 49%,#aec9d6aa);--vista-button:linear-gradient(#fff,#f1f5f7 45%,#d8e1e8 48%,#f0f5f9);--vista-edge:inset 0 1px #ffffffda,inset 0 -1px #ffffff80}
[data-theme="vista"] body{background:radial-gradient(ellipse at 10% 8%,#829bad,transparent 50%),radial-gradient(ellipse at 92% 98%,#77ab56,transparent 42%),radial-gradient(ellipse at 15% 105%,#0b8f9b,transparent 55%),linear-gradient(140deg,#293542,#3e6b8b 55%,#42766c);background-attachment:fixed}
[data-theme="vista"] button,[data-theme="vista"] input,[data-theme="vista"] select{font-family:'Segoe UI',Tahoma,sans-serif}
[data-theme="vista"] .header{background:var(--vista-glass);border:1px solid #314854;border-bottom-color:#274250;box-shadow:var(--vista-edge),0 3px 12px #10242c55;backdrop-filter:blur(18px);border-radius:7px 7px 0 0}
[data-theme="vista"] .brand{color:#12232d;text-shadow:0 0 6px #fff,0 0 10px #fff;gap:9px}
[data-theme="vista"] .brand>span{font:600 23px 'Segoe UI',Tahoma,sans-serif;letter-spacing:-.6px}
[data-theme="vista"] .brand>svg{padding:4px;color:#f3ffff;background:radial-gradient(ellipse at 50% 12%,#e7ffff,#72c4e9 30%,#176996 55%,#12324d);border:1px solid #d8f5ff;border-radius:50%;box-shadow:inset 0 -2px 4px #061c36,0 1px 5px #061c3680}
[data-theme="vista"] .brand-dot{color:#16678b}
[data-theme="vista"] .theme-toggle{color:#162f40;text-shadow:0 0 4px #fff,0 0 7px #fff}
[data-theme="vista"] .button,[data-theme="vista"] .icon-button,[data-theme="vista"] .text-button{background:var(--vista-button);color:#203747;border:1px solid #70889b;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffffc0,0 1px 2px #0b29452b;text-shadow:0 1px #fff}
[data-theme="vista"] .button:hover,[data-theme="vista"] .icon-button:hover,[data-theme="vista"] .text-button:hover{background:linear-gradient(#f6fdff,#dcf2fc 45%,#b9e5f6 48%,#ddf7ff);border-color:#3c9dc4;box-shadow:inset 0 0 0 1px #fff,0 0 6px #70d4ff88}
[data-theme="vista"] .button:active,[data-theme="vista"] .icon-button:active{background:linear-gradient(#a9c8da,#d2ebf9);box-shadow:inset 0 1px 3px #1c4e7266}
[data-theme="vista"] .button.primary,[data-theme="vista"] .deep-explore .button{background:linear-gradient(#f7feff,#d6eaf5 45%,#a4cee5 48%,#deeffb);border:1px solid #3c7f9f;color:#153c58;box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px #c0eafa}
[data-theme="vista"] .library,[data-theme="vista"] .inspector{border:5px solid #bad1e07d;background:linear-gradient(#eff5fa,#fff);background-clip:padding-box;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffffd9,0 0 0 1px #1d384e80,0 5px 14px #091a3570}
[data-theme="vista"] .main{padding:0 2px;background:transparent}
[data-theme="vista"] .library-tabs{padding:0;gap:2px;border-color:#aebccb}
[data-theme="vista"] .library-tabs button{padding:7px 9px 10px;color:#354f64}
[data-theme="vista"] .library-tabs button span{color:#59758d}
[data-theme="vista"] .library-tabs button.active{background:linear-gradient(#fff,#e0eff9);border:1px solid #a2c8e3;border-bottom:0;border-radius:3px 3px 0 0;color:#204e70}
[data-theme="vista"] .library-tabs button.active:after{background:#c8e7f8;height:1px}
[data-theme="vista"] .scene-card,[data-theme="vista"] .preset-item{background:#fff;border:1px solid #b3c4d2;border-radius:3px;box-shadow:none}
[data-theme="vista"] .scene-card:hover{background:linear-gradient(#f9fdff,#e2f3fc);border-color:#92c4df}
[data-theme="vista"] .scene-card.active{background:linear-gradient(#eaf7fe,#c9e8fa);border-color:#75b7df;box-shadow:inset 0 0 0 1px #fff}
[data-theme="vista"] .scene-meta strong{color:#23475f}
[data-theme="vista"] .scene-meta small,[data-theme="vista"] .scene-meta>span{color:#5c7080}
[data-theme="vista"] .scene-card.active .scene-meta>span{color:#146b9e}
[data-theme="vista"] .scene-thumb{border:1px solid #8d9eaa;border-radius:2px}
[data-theme="vista"] .scene-check{background:linear-gradient(#def8e0,#66b16a);border:1px solid #fff;color:#1d5a26;box-shadow:0 1px 2px #1b533944}
[data-theme="vista"] .stage-heading{margin-bottom:0;min-height:36px;background:var(--vista-glass);border:1px solid #243f50;border-bottom:0;border-radius:7px 7px 0 0;box-shadow:inset 0 1px #ffffffbd;padding:4px 6px 4px 11px;backdrop-filter:blur(16px)}
[data-theme="vista"] .stage-title h1{font:400 14px 'Segoe UI',Tahoma,sans-serif;letter-spacing:0;color:#142c3e;text-shadow:0 0 5px #fff,0 0 8px #fff}
[data-theme="vista"] .tag{background:#f2faff9c;border:1px solid #799bac;border-radius:2px;color:#33556b}
[data-theme="vista"] .stage-actions{gap:0}
[data-theme="vista"] .stage-actions .icon-button{height:24px;width:28px;padding:4px;border-color:#516e85;border-radius:0;margin-left:-1px}
[data-theme="vista"] .stage-actions .icon-button:last-child{border-radius:0 0 3px 0}
[data-theme="vista"] .stage-actions .text-button{padding:5px 7px;margin-right:7px}
[data-theme="vista"] .stage{border:6px solid #a9c6d1a6;border-top:1px solid #233b4c;border-radius:0 0 6px 6px;box-shadow:0 0 0 1px #243f50,0 6px 20px #0b213c70}
[data-theme="vista"] .stage-toolbar{background:var(--vista-glass);border:1px solid #ffffffac;border-radius:6px;padding:4px;box-shadow:0 0 0 1px #2a4c60,0 3px 12px #0007;backdrop-filter:blur(15px)}
[data-theme="vista"] .stage-toolbar .icon-button{color:#24445c}
[data-theme="vista"] .toolbar-divider{background:#7997a9}
[data-theme="vista"] .preview-badge,[data-theme="vista"] .demo-badge{background:linear-gradient(#eef8ffed,#bfd7e5cf);border:1px solid #b6cedb;border-radius:3px;color:#294a60;text-shadow:0 1px #fff}
[data-theme="vista"] .preview-badge i,[data-theme="vista"] .fps-dot,[data-theme="vista"] .status-dot{background:#5baa4a;box-shadow:0 0 4px #a7e57c}
[data-theme="vista"] .stage-guide,[data-theme="vista"] .stage-bottom{color:#e3f1fc;text-shadow:0 1px 3px #0a1c32}
[data-theme="vista"] .stage-bottom b{color:#a1c6df}
[data-theme="vista"] .audio-dock{background:linear-gradient(#f7fbff,#e1eaf1);border:1px solid #7c9aae;border-radius:3px;box-shadow:inset 0 0 0 1px #fff,0 2px 6px #0d29444d}
[data-theme="vista"] .audio-title,[data-theme="vista"] .signal-status{color:#29475d}
[data-theme="vista"] .audio-monitor{border-color:#b9cbd8}
[data-theme="vista"] .frequency-values{color:#4e6c82}
[data-theme="vista"] .frequency-values b{color:#1d6c9d}
[data-theme="vista"] .inspector-heading{background:linear-gradient(#f5faff,#d8e7f3);padding:10px 12px;min-height:44px;border-color:#b2c5d4}
[data-theme="vista"] .inspector-heading h2{font:400 15px 'Segoe UI',Tahoma,sans-serif;color:#23465e}
[data-theme="vista"] .control-section{border-color:#cbd7e0}
[data-theme="vista"] .control-section h3{color:#275975}
[data-theme="vista"] .control-section h3 svg{color:#3186b1}
[data-theme="vista"] .control-label,[data-theme="vista"] .toggle-row,[data-theme="vista"] .seed-row,[data-theme="vista"] .quality-control{color:#41596b}
[data-theme="vista"] .value{color:#235c81}
[data-theme="vista"] .toggle-row small,[data-theme="vista"] .control-note{color:#627888}
[data-theme="vista"] input[type="range"]{height:5px;border:1px solid #a4b1bc;border-radius:2px;background:linear-gradient(to right,#7ba7bf var(--fill,50%),#e4eaee var(--fill,50%));box-shadow:inset 0 1px #c0cdd5,0 1px #fff}
[data-theme="vista"] input[type="range"]::-webkit-slider-thumb{height:17px;width:11px;border:1px solid #47758b;border-radius:2px 2px 5px 5px;background:linear-gradient(90deg,#f8feff,#abd9ed 45%,#73aac5 48%,#c8e7f3);box-shadow:inset 0 1px #fff,0 1px 2px #57708255}
[data-theme="vista"] input[type="range"]::-moz-range-thumb{height:15px;width:9px;border:1px solid #47758b;border-radius:2px 2px 5px 5px;background:linear-gradient(90deg,#f8feff,#8cc7e0)}
[data-theme="vista"] select,[data-theme="vista"] .name-input,[data-theme="vista"] .seed-row>div{background:linear-gradient(#eaf0f4,#fff 30%);border:1px solid #8eacbf;border-radius:2px;color:#2b455b;box-shadow:inset 0 1px #d8e0e6}
[data-theme="vista"] select option{background:#fff;color:#2b455b}
[data-theme="vista"] .seed-row input{color:#2b455b}
[data-theme="vista"] .seed-row .icon-button{border:0;border-left:1px solid #8eacbf;border-radius:0}
[data-theme="vista"] .palette-swatch{border-radius:2px}
[data-theme="vista"] .palette-swatch.active{outline-color:#4e9bc7}
[data-theme="vista"] .switch,[data-theme="vista"] .theme-track{border:1px solid #7092a7;border-radius:3px;background:linear-gradient(#bfccd5,#f3f8fc);box-shadow:inset 0 1px 2px #42607833}
[data-theme="vista"] .switch:after,[data-theme="vista"] .theme-track:after{border-radius:2px;background:var(--vista-button);box-shadow:0 0 0 1px #6d8da2,0 1px 2px #375a7055}
[data-theme="vista"] .toggle-row input:checked+.switch,[data-theme="vista"] .theme-toggle input:checked+.theme-track{background:linear-gradient(#5f9fc2,#a9e1f7);border-color:#377b9d}
[data-theme="vista"] .toggle-row input:checked+.switch:after,[data-theme="vista"] .theme-toggle input:checked+.theme-track:after{background:linear-gradient(#f8feff,#d4f0ff 45%,#9ac7df 50%,#d3edff)}
[data-theme="vista"] .toggle-row input:focus-visible+.switch{outline-color:#1674b3}
[data-theme="vista"] .inspector-scroll,[data-theme="vista"] .scene-list,[data-theme="vista"] .preset-list{scrollbar-color:#a7c2d6 #edf2f5}
[data-theme="vista"] dialog{padding:0 22px 22px;background:#f4f6f8;border:6px solid #b3cbd5b0;border-radius:7px;color:#25313c;box-shadow:0 0 0 1px #314854,inset 0 0 0 1px #fff,0 10px 40px #071a3b88;backdrop-filter:blur(16px);background-clip:padding-box}
[data-theme="vista"] dialog::backdrop{background:#172a3c26;backdrop-filter:none}
[data-theme="vista"] .dialog-heading{height:30px;margin:0 -22px 20px;padding:0 0 0 8px;background:var(--vista-glass);border-bottom:1px solid #a7becd;justify-content:space-between}
[data-theme="vista"] .dialog-caption{color:#183143;text-shadow:0 0 5px #fff,0 0 8px #fff}
[data-theme="vista"] .dialog-heading .icon-button{width:44px;height:23px;align-self:flex-start;margin:0;padding:4px;color:#fff;border:1px solid #60332d;border-top:0;border-radius:0 0 3px 3px;background:linear-gradient(#e2aaa3,#cc8274 45%,#a43421 48%,#bd6a4a);box-shadow:inset 0 0 0 1px #ffffff6b;text-shadow:0 1px #542514}
[data-theme="vista"] .dialog-heading .icon-button:hover{background:linear-gradient(#f6c2b5,#ef9f79 45%,#da4a25 48%,#e59159);box-shadow:inset 0 0 0 1px #ffffff80,0 0 12px #ff5426}
[data-theme="vista"] dialog p,[data-theme="vista"] .source-tip,[data-theme="vista"] .source-option small,[data-theme="vista"] .shortcut-list{color:#526475}
[data-theme="vista"] .source-option{background:linear-gradient(#fff,#edf3f8);border:1px solid #a9c2d2;border-radius:3px;color:#2c4d65}
[data-theme="vista"] .source-option:hover{background:linear-gradient(#f6fdff,#d9f0ff);border-color:#6aaed5}
[data-theme="vista"] .source-icon{background:linear-gradient(#fff,#bde4f7);border:1px solid #9abed3;border-radius:3px;color:#2a7aa5}
[data-theme="vista"] .source-option>span:last-child,[data-theme="vista"] .source-tip strong,[data-theme="vista"] .source-tip a{color:#235c81}
[data-theme="vista"] .help-grid>div{border-color:#c8d6e0}
[data-theme="vista"] kbd{background:var(--vista-button);border:1px solid #a0b2c1;border-radius:2px;color:#2d4f67;box-shadow:inset 0 1px #fff}
[data-theme="vista"] .toast{background:linear-gradient(#fff,#f5f9fc);color:#28465b;border:1px solid #819db1;border-radius:5px;box-shadow:0 4px 12px #172c4655}
[data-theme="vista"] .dialog-error{background:#fff2e5;border-color:#dcb38a;color:#883c21}
[data-theme="vista"] .empty-presets strong{color:#294d66}
[data-theme="vista"] .canvas-error{background:#edf4f9;color:#2c4d65}
[data-theme="vista"] ::selection{background:#aad5f2;color:#14374f}
[data-theme="vista"] .immersive .stage,[data-theme="vista"] .stage:fullscreen{border:0;border-radius:0;box-shadow:none}
@media(min-width:761px){[data-theme="vista"] .workspace{padding:8px;gap:9px}[data-theme="vista"] .inspector{max-height:100%}}
@media(max-width:1040px){.theme-name{font-size:0}.theme-name span{font-size:10px}.theme-switches{gap:9px}}
@media(max-width:760px){[data-theme="aero"] .library,[data-theme="aero"] .inspector,[data-theme="vista"] .library,[data-theme="vista"] .inspector{border-radius:0;box-shadow:none}[data-theme="vista"] .main{padding:10px 12px 12px}[data-theme="xp"] .inspector-heading{margin:0}[data-theme="xp"] .stage-title h1{font-size:12px}}
@media(max-width:600px){.theme-switches{gap:14px}.theme-name span{font-size:10px}:is([data-theme="xp"],[data-theme="vista"]) dialog{padding:0 20px 20px}:is([data-theme="xp"],[data-theme="vista"]) .dialog-heading{margin-left:-20px;margin-right:-20px}}
@media(prefers-reduced-transparency:reduce){[data-theme="aero"] .library,[data-theme="aero"] .inspector{background:#e5f7ff}[data-theme="vista"] .header,[data-theme="vista"] .stage-heading{background:#adc5d5}}

/* Keep the independent tool visibly connected to the MAG site. */
.brand-group{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}
.mag-back{font-size:11px;line-height:14px;padding:3px 0;color:var(--muted);white-space:nowrap}
.mag-back:hover{color:var(--lime);text-decoration:underline}
[data-theme="winamp"] .mag-back{font-family:Tahoma,Arial,sans-serif;color:#ded3aa}