.gooey-spinnerSpin{animation:gooey-spin 1s linear infinite}@keyframes gooey-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-sonner-toast][data-x-position=center]{left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:fit-content!important}@media only screen and (max-width:600px){[data-sonner-toaster][data-x-position=center]{left:50%!important;right:auto!important;transform:translate(-50%)!important}}[data-gooey-toast-css]{--gooey-toast: 1}[data-sonner-toast][data-expanded=true]{transition:transform .15s,opacity .4s,height .15s,box-shadow .2s!important}.gooey-wrapper{pointer-events:auto;cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;position:relative;width:fit-content}.gooey-blobSvg{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.06)) drop-shadow(0 1px 4px rgba(0,0,0,.04))}.gooey-content{position:relative;z-index:1;transition:padding .35s cubic-bezier(.4,0,.2,1)}.gooey-contentCompact{padding:7px 10px}.gooey-contentExpanded{padding:7px 10px 16px;min-width:300px;max-width:380px}.gooey-header{display:inline-flex;align-items:center;gap:8px;color:inherit}.gooey-header>.gooey-title,.gooey-header>.gooey-timestamp{min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.gooey-header>.gooey-timestamp{margin-left:auto}.gooey-iconWrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;line-height:0}.gooey-title{font-size:12px;font-weight:700;line-height:1;white-space:nowrap;color:inherit;padding:0 4px 0 2px}.gooey-titleDefault{color:#555}.gooey-titleSuccess{color:#4caf50}.gooey-titleError{color:#e53935}.gooey-titleWarning{color:#c49000}.gooey-titleInfo{color:#1e88e5}.gooey-titleLoading{color:#555}.gooey-timestamp{font-size:11px;font-weight:400;color:#999;white-space:nowrap;line-height:1;padding-left:6px}.gooey-description{font-size:13px;font-weight:400;color:#444;line-height:1.55;margin-top:16px;overflow:hidden}.gooey-actionWrapper{margin-top:12px;overflow:hidden}.gooey-actionButton{display:block;box-sizing:border-box;width:100%;border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-align:center;outline:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.gooey-actionButton:focus:not(:focus-visible){outline:none}.gooey-actionButton:focus-visible{outline:2px solid currentColor;outline-offset:2px}.gooey-actionDefault{background:#e8e8e8;color:#555}.gooey-actionDefault:hover{background:#dcdcdc}.gooey-actionDefault:active{background:#d0d0d0}.gooey-actionSuccess{background:#c8e6c9;color:#4caf50}.gooey-actionSuccess:hover{background:#a5d6a7}.gooey-actionSuccess:active{background:#81c784}.gooey-actionError{background:#ffcdd2;color:#e53935}.gooey-actionError:hover{background:#ef9a9a}.gooey-actionError:active{background:#e57373}.gooey-actionWarning{background:#ffecb3;color:#c49000}.gooey-actionWarning:hover{background:#ffe082}.gooey-actionWarning:active{background:#ffd54f}.gooey-actionInfo{background:#bbdefb;color:#1e88e5}.gooey-actionInfo:hover{background:#90caf9}.gooey-actionInfo:active{background:#64b5f6}.gooey-progressWrapper{margin-top:10px;overflow:hidden;border-radius:2px;height:3px;background:#0000000f}.gooey-progressBar{height:100%;border-radius:2px;transform-origin:left center;animation:gooey-progress-shrink var(--gooey-progress-duration, 4s) linear forwards;animation-play-state:running}.gooey-progressPaused .gooey-progressBar{animation-play-state:paused}@keyframes gooey-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.gooey-progressDefault{background:#999}.gooey-progressSuccess{background:#4caf50}.gooey-progressError{background:#e53935}.gooey-progressWarning{background:#c49000}.gooey-progressInfo{background:#1e88e5}.gooey-wrapper[data-theme=dark] .gooey-blobSvg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) drop-shadow(0 1px 4px rgba(0,0,0,.2))}.gooey-wrapper[data-theme=dark] .gooey-titleDefault{color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-titleSuccess{color:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-titleError{color:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-titleWarning{color:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-titleInfo{color:#42a5f5}.gooey-wrapper[data-theme=dark] .gooey-titleLoading{color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-timestamp{color:#777}.gooey-wrapper[data-theme=dark] .gooey-description{color:#e0e0e0}.gooey-wrapper[data-theme=dark] .gooey-actionDefault{background:#3a3a3a;color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-actionDefault:hover{background:#444}.gooey-wrapper[data-theme=dark] .gooey-actionDefault:active{background:#4e4e4e}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess{background:#1b5e20;color:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess:hover{background:#2e7d32}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess:active{background:#388e3c}.gooey-wrapper[data-theme=dark] .gooey-actionError{background:#b71c1c;color:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-actionError:hover{background:#c62828}.gooey-wrapper[data-theme=dark] .gooey-actionError:active{background:#d32f2f}.gooey-wrapper[data-theme=dark] .gooey-actionWarning{background:#4a3800;color:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-actionWarning:hover{background:#5c4600}.gooey-wrapper[data-theme=dark] .gooey-actionWarning:active{background:#6e5400}.gooey-wrapper[data-theme=dark] .gooey-actionInfo{background:#0d47a1;color:#42a5f5}.gooey-wrapper[data-theme=dark] .gooey-actionInfo:hover{background:#1565c0}.gooey-wrapper[data-theme=dark] .gooey-actionInfo:active{background:#1976d2}.gooey-wrapper[data-theme=dark] .gooey-progressWrapper{background:#ffffff1a}.gooey-wrapper[data-theme=dark] .gooey-progressDefault{background:#888}.gooey-wrapper[data-theme=dark] .gooey-progressSuccess{background:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-progressError{background:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-progressWarning{background:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-progressInfo{background:#42a5f5}.gooey-closeButton{position:absolute;top:-6px;left:-6px;z-index:2;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border-style:solid;border-radius:50%;color:#444;cursor:pointer;opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none;outline:none;-webkit-tap-highlight-color:transparent}.gooey-closeButtonRight{left:auto;right:-1px;top:6px}.gooey-wrapper:hover .gooey-closeButton,.gooey-wrapper:focus-within .gooey-closeButton,.gooey-wrapper:active .gooey-closeButton{opacity:1;pointer-events:auto}.gooey-closeButton:focus,.gooey-closeButton:focus-visible{opacity:1;pointer-events:auto;box-shadow:0 0 0 2px #00000026}.gooey-closeButton:hover{transform:scale(1.15)}.gooey-closeButton:active{transform:scale(.95)}.gooey-wrapper[data-theme=dark] .gooey-closeButton{color:#e0e0e0;box-shadow:0 1px 4px #ffffff40}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--case-1: #6b4127;--case-2: #4a2a17;--case-3: #3a1f10;--case-edge: #2a160b;--metal-1: #d8d4c9;--metal-2: #a8a397;--metal-3: #6e695e;--metal-shine: #f4f1e8;--grille-bg: #1a120a;--grille-dot: #0a0604;--grille-rim: #2a1810;--display-bg: #2a1605;--display-bg-2: #1a0d02;--display-glow: #ffb347;--display-text: #ffd089;--display-dim: #c47a2a;--led-red: #ff4530;--led-green: #4dff7a;--led-amber: #ffaa33;--label-ink: #2a1808;--label-paper: #e8dcc4;--wall: #c8b89a;--wall-2: #b09c7a;--shadow: rgba(20, 10, 4, .45);--rad: 8px}body{font-family:Noto Sans SC,PingFang SC,-apple-system,system-ui,sans-serif;background:radial-gradient(ellipse at 50% 35%,var(--wall) 0%,var(--wall-2) 70%,#8a7657 100%);min-height:100vh;color:#2a1808;overflow-x:hidden}.stage{min-height:100vh;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(92deg,transparent 0 80px,rgba(0,0,0,.015) 80px 81px),repeating-linear-gradient(88deg,transparent 0 140px,rgba(0,0,0,.02) 140px 141px)}.brand-row{display:flex;align-items:baseline;gap:14px;flex-wrap:nowrap;white-space:nowrap;font-family:"Noto Serif SC",serif;color:#3a2614;letter-spacing:.02em;z-index:2}.brand-row .mark{font-size:13px;font-weight:500;letter-spacing:.4em;color:#6e5536;text-transform:uppercase}.brand-row .dot{color:#b58b4a}.brand-row .yr{font-family:DM Mono,monospace;font-size:12px;color:#8a6b3f;letter-spacing:.1em}.layout{display:flex;align-items:flex-start;justify-content:center;gap:64px;z-index:1}.radio{width:980px;height:560px;position:relative;border-radius:14px;background:linear-gradient(180deg,var(--case-1) 0%,var(--case-2) 60%,var(--case-3) 100%);box-shadow:0 60px 80px -20px var(--shadow),0 30px 40px -15px #140a0466,inset 0 2px #ffdcb42e,inset 0 -3px #0006,inset 4px 0 6px #0000002e,inset -4px 0 6px #0000002e;padding:22px}.radio:before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:repeating-linear-gradient(98deg,#0000,#0000000f 1px,#0000 4px,#ffc88c0a 5px,#0000 9px),repeating-linear-gradient(94deg,#0000 0,#0000000a 80px,#0000 220px);mix-blend-mode:overlay;opacity:.85}.radio:after{content:"";position:absolute;inset:6px;border-radius:10px;pointer-events:none;background:linear-gradient(180deg,rgba(255,220,170,.06),transparent 35%)}.faceplate{position:absolute;inset:22px;border-radius:10px;background:linear-gradient(180deg,var(--metal-1) 0%,var(--metal-2) 55%,var(--metal-3) 100%);box-shadow:inset 0 1px 0 var(--metal-shine),inset 0 -2px #00000040,inset 2px 0 4px #00000026,inset -2px 0 4px #00000026,0 2px #0000004d;padding:18px;display:grid;grid-template-columns:280px 1fr 150px;grid-template-rows:1fr auto;gap:12px;overflow:hidden}.faceplate:before{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 2px,rgba(0,0,0,.04) 2px 3px,transparent 3px 5px);mix-blend-mode:overlay}.faceplate:after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%,transparent 80%,rgba(0,0,0,.12))}.screw{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d6d0c2,#8c867a 60%,#4a443a);box-shadow:inset 0 -1px 1px #00000059,0 1px 1px #0006}.screw:after{content:"";position:absolute;inset:3px;border-top:2px solid rgba(0,0,0,.45);transform:rotate(35deg)}.screw.tl{top:8px;left:8px}.screw.tr{top:8px;right:8px}.screw.bl{bottom:8px;left:8px}.screw.br{bottom:8px;right:8px}.grille{grid-column:1;grid-row:1;border-radius:6px;background:var(--grille-bg);box-shadow:inset 0 0 0 2px var(--grille-rim),inset 0 2px 4px #000000b3,inset 0 -1px #ffffff0a;position:relative;overflow:hidden;padding:14px}.grille-dots{width:100%;height:100%;background-image:radial-gradient(circle,var(--grille-dot) 1.6px,transparent 1.9px);background-size:9px 9px;background-position:0 0;opacity:.95}.grille-corner-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c0b9a8,#6a6457 70%,#2a261d);box-shadow:0 1px 2px #0009}.grille-corner-dot.tl{top:6px;left:6px}.grille-corner-dot.tr{top:6px;right:6px}.grille-corner-dot.bl{bottom:6px;left:6px}.grille-corner-dot.br{bottom:6px;right:6px}.grille-emboss{position:absolute;top:10px;left:14px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.3em;color:#c8aa7873;text-transform:uppercase;z-index:2}.tweeter{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;gap:7px;align-items:center;z-index:2}.led{width:10px;height:10px;border-radius:50%;background:var(--led-red);box-shadow:0 0 6px var(--led-red),inset 0 -1px 1px #0006,inset 0 1px 1px #ffffff80}.led.green{background:var(--led-green);box-shadow:0 0 8px var(--led-green),inset 0 -1px 1px #0006,inset 0 1px 1px #ffffff80}.led.amber{background:var(--led-amber);box-shadow:0 0 6px var(--led-amber),inset 0 -1px 1px #0006,inset 0 1px 1px #ffffff80}.led.dim{opacity:.18;box-shadow:inset 0 -1px 1px #0006}.led.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.led-label{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.18em;color:#dcc8a080;text-transform:uppercase}.display-vu-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:4px 0;border-top:1px dashed rgba(255,160,60,.2);border-bottom:1px dashed rgba(255,160,60,.2)}.vu-label,.vu-db{font-family:DM Mono,monospace;font-size:9px;color:var(--display-dim);letter-spacing:.2em;flex-shrink:0}.vu-db{color:var(--display-glow)}.vu-display{flex:1;height:18px;display:flex;align-items:flex-end;gap:2px}.vu-bar-display{flex:1;background:var(--display-glow);border-radius:1px;box-shadow:0 0 4px var(--display-glow);min-height:2px}.vu{position:absolute;bottom:16px;right:16px;width:110px;height:26px;background:#00000080;border-radius:3px;border:1px solid rgba(255,200,140,.15);display:flex;align-items:flex-end;padding:3px;gap:2px;z-index:2}.vu-bar{flex:1;background:var(--display-glow);border-radius:1px;opacity:.85}.center-col{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.display{background:radial-gradient(ellipse at 50% 30%,var(--display-bg) 0%,var(--display-bg-2) 100%);border-radius:6px;border:2px solid #1a0d02;box-shadow:inset 0 0 30px #ffa03c1f,inset 0 2px 4px #000000b3,0 1px #ffffff80,0 -1px #0006;padding:10px 14px;position:relative;color:var(--display-text);font-family:VT323,DM Mono,monospace;overflow:hidden}.display:before{content:"";position:absolute;inset:0;background:linear-gradient(170deg,rgba(255,200,120,.12) 0%,transparent 35%,transparent 80%,rgba(0,0,0,.3));pointer-events:none;border-radius:4px}.display:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);pointer-events:none;border-radius:4px;mix-blend-mode:multiply;opacity:.5}.display-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;color:var(--display-dim);text-transform:uppercase;border-bottom:1px dashed rgba(255,160,60,.25);padding-bottom:6px;margin-bottom:8px;white-space:nowrap}.display-top span{white-space:nowrap}.display-top .stereo{color:var(--display-glow);text-shadow:0 0 6px var(--display-glow)}.station-name{font-family:VT323,monospace;font-size:24px;flex-wrap:wrap;line-height:1;color:var(--display-glow);text-shadow:0 0 8px rgba(255,160,60,.55);letter-spacing:.04em;display:flex;align-items:baseline;gap:12px}.station-name .freq{font-family:DM Mono,monospace;font-size:14px;color:var(--display-dim);letter-spacing:.1em}.meta-row{display:flex;gap:14px;margin-top:6px;align-items:center;font-family:Noto Sans SC,sans-serif;font-size:11px;color:var(--display-text);flex-wrap:wrap}.meta-row .meta-pill{border:1px solid rgba(255,160,60,.4);padding:1px 7px;border-radius:3px;letter-spacing:.1em;background:#ffa03c0f;white-space:nowrap;flex-shrink:0}.freq-scale{margin-top:10px;position:relative;height:28px;border-top:1px solid rgba(255,160,60,.3);padding-top:4px}.freq-ticks{position:relative;height:14px;display:flex;justify-content:space-between}.freq-tick{width:1px;background:var(--display-dim);height:6px}.freq-tick.major{height:12px;background:var(--display-text)}.freq-labels{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;color:var(--display-dim);letter-spacing:.05em;margin-top:2px}.freq-needle{position:absolute;top:4px;width:2px;height:18px;background:var(--led-red);box-shadow:0 0 6px var(--led-red);transition:left .6s cubic-bezier(.5,1.6,.5,.9);border-radius:1px}.dj-panel{background:radial-gradient(ellipse at 50% 30%,var(--display-bg) 0%,var(--display-bg-2) 100%);border:2px solid #1a0d02;border-radius:6px;padding:10px 14px;flex:1;min-height:60px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:inset 0 0 30px #ffa03c1f,inset 0 2px 4px #000000b3}.dj-panel-header{display:flex;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:9px;color:var(--display-dim);letter-spacing:.25em;text-transform:uppercase;border-bottom:1px dashed rgba(58,170,85,.3);padding-bottom:4px;margin-bottom:6px}.dj-header-right{display:flex;align-items:center;gap:8px}.dj-mute-btn{all:unset;cursor:pointer;font-size:12px;color:var(--display-dim);opacity:.6;transition:opacity .2s;display:flex;align-items:center}.dj-mute-btn:hover{opacity:1}.dj-mute-btn.active{opacity:1;color:var(--display-glow)}.dj-panel.dj-muted .dj-script{opacity:.4}.dj-script{font-family:"Noto Serif SC",serif;font-size:13px;line-height:1.65;color:var(--display-text);flex:1;overflow-y:auto;padding-right:4px;scroll-behavior:smooth}.dj-script::-webkit-scrollbar{width:4px}.dj-script::-webkit-scrollbar-thumb{background:#3aaa5559;border-radius:4px}.dj-sentence{display:block;transition:all .3s;padding:1px 3px;border-radius:2px;margin-bottom:4px}.dj-sentence.active{background:#7aff8a1f;color:var(--display-glow);box-shadow:0 0 0 1px #7aff8a4d}.dj-sentence.past{color:var(--display-dim)}.knobs-col{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:4px;min-height:0;overflow:hidden}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.knob-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.3em;color:#2a1808;text-transform:uppercase;background:#00000014;padding:2px 10px;border-radius:2px}.knob{width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4f1e8,#b8b3a4 30%,#6e695e 70%,#3a352c);box-shadow:0 6px 12px #00000080,inset 0 -3px 6px #0000004d,inset 0 3px 4px #ffffff59,0 0 0 4px #00000026;position:relative;cursor:grab;transition:transform .1s}.knob:active{cursor:grabbing}.knob:before{content:"";position:absolute;inset:6px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#00000026 0deg 3deg,#ffffff1a 3deg 6deg);mask:radial-gradient(circle,transparent 60%,black 62%,black 100%);-webkit-mask:radial-gradient(circle,transparent 60%,black 62%,black 100%)}.knob:after{content:"";position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f1e8,#c0baa8 50%,#6a655a);box-shadow:inset 0 2px 3px #fff6,inset 0 -2px 3px #0000004d}.knob-pointer{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:14px;background:#1a0d02;border-radius:2px;box-shadow:inset 0 1px 1px #ffffff4d,0 1px 1px #0006;z-index:3}.knob-rotor{position:absolute;inset:0;border-radius:50%;transition:transform .25s ease-out}.knob-ticks{position:absolute;inset:-10px;pointer-events:none}.knob-tick{position:absolute;top:0;left:50%;width:1px;height:5px;background:#0006;transform-origin:50% 58px}.buttons-row{grid-column:1 / 4;grid-row:2;display:flex;align-items:center;gap:10px;padding:8px 6px 0;border-top:1px solid rgba(0,0,0,.18)}.pbtn{flex:1;height:50px;border-radius:4px;border:none;background:linear-gradient(180deg,#f0e8d4,#d8cdb0,#b8a984);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000002e,0 3px #6e5d3a,0 4px 6px #0000004d;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;font-family:DM Mono,monospace;color:#2a1808;transition:transform .06s,box-shadow .06s;-webkit-user-select:none;user-select:none}.pbtn-icon{font-size:14px;line-height:1;opacity:.9}.pbtn-label{font-size:9px;font-weight:500;letter-spacing:.2em;margin-top:2px}.pbtn-zh{font-family:Noto Sans SC,sans-serif;font-size:9px;color:#6e5530;letter-spacing:.05em}.pbtn:hover{filter:brightness(1.04)}.pbtn:active,.pbtn.pressed{transform:translateY(2px);box-shadow:inset 0 1px 2px #0000004d,inset 0 -1px #fff3,0 1px #6e5d3a}.pbtn.active{background:linear-gradient(180deg,#c89a3a,#a87820,#7a5410);color:#f8efd8;box-shadow:inset 0 1px #ffdc8c80,inset 0 -1px #0000004d,0 2px #4a330a,0 3px 6px #0006,0 0 12px #ffaa324d}.pbtn.active .pbtn-zh{color:#f8efd8b3}.toggle{width:44px;height:56px;background:linear-gradient(180deg,#2a1808,#1a0d02);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;box-shadow:inset 0 2px 4px #0009,0 1px #fff3;cursor:pointer;position:relative}.toggle-handle{width:30px;height:22px;background:linear-gradient(180deg,#f4f1e8,#c0baa8,#8a857a);border-radius:2px;box-shadow:inset 0 1px #fff9,inset 0 -1px #0000004d,0 2px 3px #0006;transition:transform .18s;margin-top:0}.toggle.on .toggle-handle{transform:translateY(-12px)}.toggle.off .toggle-handle{transform:translateY(12px)}.toggle-label-top,.toggle-label-bot{position:absolute;font-family:DM Mono,monospace;font-size:7px;color:#dcc8a080;letter-spacing:.15em}.toggle-label-top{top:-10px}.toggle-label-bot{bottom:-10px}.music-player{width:100%;background:radial-gradient(ellipse at 50% 30%,var(--display-bg) 0%,var(--display-bg-2) 100%);border-radius:6px;border:2px solid #1a0d02;padding:10px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #ffa03c1f,inset 0 2px 4px #000000b3,0 1px #ffffff0d}.music-player--empty{display:flex;align-items:center;justify-content:center;min-height:50px}.mp-empty-text{font-family:DM Mono,monospace;font-size:10px;color:var(--display-dim);letter-spacing:.1em}.mp-split{display:flex;gap:12px;height:90px}.mp-left{flex:1;min-width:0;max-width:55%;display:flex;flex-direction:column;justify-content:center}.mp-right{flex:1;min-width:0;border-left:1px solid rgba(58,170,85,.2);padding-left:12px;display:flex;flex-direction:column;overflow:hidden;max-height:90px}.mp-lyrics-header{font-family:DM Mono,monospace;font-size:8px;color:var(--display-dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px;flex-shrink:0}.mp-lyrics-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(58,170,85,.3) transparent}.mp-lyrics-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:Noto Sans SC,sans-serif;font-size:11px;color:var(--display-dim)}.mp-lyrics-empty-sub{font-size:9px;color:#3aaa5566;font-family:DM Mono,monospace}.lyric-line{font-family:Noto Sans SC,sans-serif;font-size:10px;color:#a0f0aa66;padding:2px 0;transition:color .3s;line-height:1.5}.lyric-line.active{color:var(--display-glow);font-weight:500}.mp-main{display:flex;align-items:center;gap:10px}.mp-cover{position:relative;width:48px;height:48px;border-radius:3px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mp-cover img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px;background:#021004d9;box-shadow:inset 0 0 0 1px #7aff8a29,0 0 12px #02100473}.mp-disc-icon{color:#7aff8a80;filter:drop-shadow(0 0 6px rgba(122,255,138,.3))}.mp-disc-icon.spinning{animation:vinyl-rotate 4s linear infinite}.mp-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,rgba(122,255,138,.12),transparent 42%),radial-gradient(circle at 50% 42%,rgba(122,255,138,.16),transparent 52%),linear-gradient(160deg,#021004f5,#062408e6);color:#a0f0aadb;border:1px solid rgba(122,255,138,.22);border-radius:3px;font-family:DM Mono,monospace}.mp-cover-placeholder-mark{width:24px;height:24px;border-radius:50%;border:1px solid rgba(122,255,138,.42);display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;text-shadow:0 0 8px rgba(122,255,138,.45)}.mp-cover-placeholder-line{width:22px;height:2px;border-radius:999px;background:#7aff8a38;box-shadow:0 5px #7aff8a1f}.mp-vinyl-spin{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(122,255,138,.15);pointer-events:none;opacity:0;transition:opacity .3s}.mp-vinyl-spin.spinning{opacity:1;animation:vinyl-rotate 4s linear infinite}@keyframes vinyl-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-info{flex:1;min-width:0}.mp-header{display:flex;align-items:center;font-family:DM Mono,monospace;font-size:7px;color:var(--display-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;min-width:0;overflow:hidden}.mp-status{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--display-glow)}.mp-title{font-family:VT323,monospace;font-size:14px;color:var(--display-text);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{font-family:DM Mono,monospace;font-size:10px;color:var(--display-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.mp-play-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--display-dim);background:#06240899;color:var(--display-text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}.mp-play-btn:hover{background:#0a320ccc;border-color:var(--display-glow);color:var(--display-glow)}.mp-progress-row{display:flex;align-items:center;gap:6px;margin-top:7px}.mp-time{font-family:DM Mono,monospace;font-size:9px;color:var(--display-dim);min-width:30px;text-align:center}.mp-progress{flex:1;height:6px;background:#062408cc;border-radius:3px;position:relative;cursor:pointer;overflow:hidden}.mp-progress-buffer{position:absolute;top:0;left:0;height:100%;background:#3aaa5526;border-radius:3px;transition:width .3s}.mp-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--display-dim),var(--display-glow));border-radius:3px;transition:width .1s linear}.mp-progress-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--display-glow);box-shadow:0 0 4px #7aff8a99;transform:translate(-50%,-50%);transition:left .1s linear}.queue-preview{background:radial-gradient(ellipse at 50% 30%,var(--display-bg) 0%,var(--display-bg-2) 100%);border:2px solid #1a0d02;border-radius:6px;padding:8px 10px;font-family:DM Mono,monospace;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:inset 0 0 20px #ffa03c14,inset 0 2px 4px #000000b3}.queue-header{display:flex;justify-content:space-between;font-size:8px;color:var(--display-dim);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;border-bottom:1px dashed rgba(58,170,85,.3);padding-bottom:4px}.queue-list{display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(58,170,85,.3) transparent}.queue-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--display-text);font-family:VT323,monospace}.queue-cover{width:20px;height:20px;border-radius:2px;object-fit:cover;border:1px solid var(--display-dim)}.queue-num{color:var(--display-dim);font-size:9px;width:10px;text-align:right}.queue-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-artist{color:var(--display-dim);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.setup-overlay{position:absolute;inset:22px;background:#140a0499;border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.setup-card{width:580px;background:linear-gradient(180deg,#f6ecd0,#e6d8b6);border:1px solid #8a7244;border-radius:4px;padding:28px 30px;box-shadow:0 20px 40px #00000080,inset 0 1px #fff9;position:relative}.setup-card:before{content:"";position:absolute;top:-1px;left:24px;right:24px;height:6px;background:repeating-linear-gradient(90deg,#8a7244 0 4px,transparent 4px 9px);opacity:.4}.setup-header{text-align:center;margin-bottom:22px;border-bottom:1px dashed #8a7244;padding-bottom:14px}.setup-header .title{font-family:"Noto Serif SC",serif;font-size:26px;color:#2a1808;letter-spacing:.1em;font-weight:500}.setup-header .sub{font-family:DM Mono,monospace;font-size:10px;color:#6e5530;letter-spacing:.4em;text-transform:uppercase;margin-top:4px}.field{margin-bottom:14px}.field-label{font-family:DM Mono,monospace;font-size:9px;color:#6e5530;letter-spacing:.3em;text-transform:uppercase;margin-bottom:4px;display:flex;justify-content:space-between}.field-label .zh{font-family:Noto Sans SC,sans-serif;letter-spacing:.05em;color:#2a1808;font-size:11px}.field-input{width:100%;border:none;border-bottom:1px solid #8a7244;background:transparent;padding:6px 4px;font-family:"Noto Serif SC",serif;font-size:15px;color:#2a1808;outline:none;font-weight:500}.field-input:focus{border-bottom-color:#c89a3a}.field-input::placeholder{color:#b09a6a;font-weight:400}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.voice-field{margin-top:2px}.voice-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.genre-options{display:flex;flex-wrap:wrap;gap:10px}.genre-choice{min-height:34px;border:2px solid rgba(138,114,68,.85);border-radius:18px;background:linear-gradient(180deg,#ffffff47,#8a72441a);color:#2a1808;cursor:pointer;font-family:Noto Sans SC,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;padding:0 18px;box-shadow:inset 0 1px #ffffff59}.genre-choice.active{border-color:#2a1808;background:linear-gradient(180deg,#3b210d,#241205);color:#f8efd8;box-shadow:inset 0 1px #fff0be2e,0 2px 5px #2a18082e}.voice-choice{min-height:48px;border:1px solid #8a7244;border-radius:4px;background:linear-gradient(180deg,#ffffff59,#8a72441f);color:#2a1808;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:8px 10px;box-shadow:inset 0 1px #ffffff73}.voice-choice span{font-family:"Noto Serif SC",serif;font-size:15px;font-weight:600;letter-spacing:.08em}.voice-choice small{font-family:Noto Sans SC,sans-serif;font-size:10px;color:#6e5530;letter-spacing:.08em}.voice-choice.active{border-color:#c89a3a;background:linear-gradient(180deg,#ead39a,#c89a3a);box-shadow:inset 0 1px #fff0beb3,0 0 0 1px #4a330a33,0 0 14px #c89a3a47}.voice-choice.active small{color:#4a330a}.primary-btn{width:100%;margin-top:18px;padding:14px;border:none;border-radius:4px;background:linear-gradient(180deg,#c89a3a,#8a6420);color:#f8efd8;font-family:"Noto Serif SC",serif;font-size:16px;letter-spacing:.15em;cursor:pointer;box-shadow:inset 0 1px #ffdc8c80,inset 0 -2px #00000040,0 3px #4a330a,0 4px 8px #0000004d;transition:transform .06s,box-shadow .06s;position:relative;overflow:hidden}.primary-btn:hover{filter:brightness(1.06)}.primary-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 4px #0006,0 1px #4a330a}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed #b8a26a;font-size:12px;color:#2a1808}.setting-row .lbl{font-family:Noto Sans SC,sans-serif;font-weight:500}.setting-row .val{font-family:DM Mono,monospace;font-size:11px;color:#6e5530}.setting-row .switch{width:32px;height:18px;background:#b8a26a;border-radius:9px;position:relative;cursor:pointer;transition:background .15s}.setting-row .switch.on{background:#2a1808}.setting-row .switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#f6ecd0;border-radius:50%;transition:transform .15s}.setting-row .switch.on:after{transform:translate(14px)}.setting-priv{font-size:10px;color:#6e5530;margin-top:12px;padding:8px;background:#fff6;border-left:2px solid #c89a3a;line-height:1.5;font-family:Noto Sans SC,sans-serif}.danger-btn{width:100%;margin-top:10px;border:1px solid #b8423a;background:#b8423a0f;color:#6a2520;padding:8px;font-family:Noto Sans SC,sans-serif;font-size:11px;border-radius:2px;cursor:pointer;letter-spacing:.05em}.danger-btn:hover{background:#b8423a29}.tabletop-note{position:absolute;bottom:30px;right:40px;font-family:DM Mono,monospace;font-size:10px;color:#6e5530;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.pacman-intro{position:fixed;inset:0;z-index:9999;background:#1a0d04;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;transition:opacity .6s ease-out}.pacman-intro.exiting{opacity:0}.pacman-scene{position:relative;width:360px;height:40px;overflow:hidden}.pacman-character{position:absolute;left:-36px;top:50%;width:36px;height:36px;margin-top:-18px;background:gold;border-radius:50%;z-index:2;animation:pacman-move 2.4s linear forwards,pacman-chomp .28s ease-in-out infinite}@keyframes pacman-move{0%{left:-36px}to{left:360px}}@keyframes pacman-chomp{0%,to{clip-path:polygon(50% 50%,100% 10%,100% 0%,0% 0%,0% 100%,100% 100%,100% 90%)}50%{clip-path:polygon(50% 50%,100% 38%,100% 0%,0% 0%,0% 100%,100% 100%,100% 62%)}}.pacman-note{position:absolute;top:50%;transform:translateY(-50%);font-size:22px;color:#ffb347;animation:note-eaten forwards linear}@keyframes note-eaten{0%,85%{opacity:1;transform:translateY(-50%) scale(1)}95%{opacity:0;transform:translateY(-50%) scale(.2)}to{opacity:0}}.pacman-text{font-family:VT323,monospace;font-size:28px;color:#ffd089;letter-spacing:.3em;opacity:0;animation:pacman-title-in .5s ease-out 1.2s forwards}@keyframes pacman-title-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr{position:absolute;left:-10000px}@media(max-width:1100px){.stage{padding:24px 16px}.layout{gap:24px}.radio{width:100%;max-width:980px}}@media(max-width:768px){.stage{padding:12px 8px;gap:12px;min-height:100dvh;justify-content:flex-start}.brand-row{gap:8px}.brand-row .mark{font-size:11px;letter-spacing:.3em}.brand-row .yr,.brand-row .dot,.tabletop-note{display:none}.layout{width:100%;flex-direction:column;align-items:stretch;gap:0}.radio{width:100%;height:auto;min-height:0;border-radius:0 0 10px 10px;padding:12px;box-shadow:0 20px 40px -10px var(--shadow),inset 0 1px #ffdcb426,inset 0 -2px #0000004d}.radio:after{inset:4px;border-radius:8px}.faceplate{position:relative;inset:auto;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:8px}.faceplate:before,.faceplate:after{border-radius:8px}.grille{display:none}.center-col{width:100%;gap:8px}.knobs-col{width:100%;padding-top:0;align-items:stretch}.knobs-col .knob-wrap{display:none}.knobs-col .queue-preview{width:100%;flex:none;max-height:100px}.display{padding:10px 12px}.station-name{font-size:16px}.station-name .freq{font-size:12px}.display-top{font-size:8px}.meta-row{font-size:9px;flex-wrap:wrap;gap:4px}.freq-scale{margin-top:6px}.freq-labels{font-size:8px}.display-vu-row{margin-top:4px}.music-player{padding:8px 10px}.mp-split{flex-direction:column;height:auto;gap:8px}.mp-left{width:100%;max-width:100%}.mp-right{width:100%;border-left:none;padding-left:0;border-top:1px solid rgba(200,154,58,.2);padding-top:8px;max-height:80px}.mp-cover{width:44px;height:44px}.mp-title{font-size:13px}.dj-panel{min-height:60px}.dj-script{font-size:12px;line-height:1.5}.buttons-row{position:sticky;bottom:0;z-index:5;padding:10px 4px 8px;background:linear-gradient(180deg,var(--metal-2),var(--metal-3));border-radius:0 0 8px 8px;margin:0 -10px -10px;width:calc(100% + 20px)}.pbtn{height:48px;min-height:44px}.toggle{width:38px;height:48px}.setup-overlay{inset:0;border-radius:0}.setup-card{border-radius:0;max-height:100%;overflow-y:auto}.screw{display:none}.pacman-scene{width:min(320px,85vw);height:38px}.pacman-character{width:32px;height:32px;margin-top:-16px}.pacman-note{font-size:20px}.pacman-text{font-size:24px;letter-spacing:.25em}}@media(max-width:480px){.stage{padding:8px 4px;gap:8px}.brand-row .mark{font-size:10px;letter-spacing:.2em}.radio{border-radius:8px;padding:8px}.faceplate{padding:8px;gap:6px}.display{padding:8px 10px}.station-name{font-size:14px}.meta-pill{font-size:8px;padding:1px 5px}.mp-split{gap:6px}.mp-cover{width:38px;height:38px}.mp-title{font-size:12px}.mp-artist{font-size:9px}.mp-play-btn{width:30px;height:30px}.mp-right{max-height:60px}.lyric-line{font-size:9px}.dj-panel{padding:8px 10px}.dj-panel-header{font-size:8px}.dj-script{font-size:11px}.queue-preview{padding:6px 8px}.queue-item{font-size:10px}.queue-cover{width:16px;height:16px}.pbtn{height:44px}.pbtn-icon{font-size:14px}.pbtn-label{font-size:8px}.pbtn-zh{font-size:9px}.buttons-row{margin:0 -8px -8px;width:calc(100% + 16px);padding:8px 4px 6px}.pacman-scene{width:260px;height:36px}.pacman-character{width:28px;height:28px;margin-top:-14px}.pacman-note{font-size:18px}.pacman-text{font-size:22px;letter-spacing:.2em}}.page-menu{width:156px;align-self:stretch;min-height:560px;border-radius:14px;background:linear-gradient(180deg,var(--case-1) 0%,var(--case-2) 60%,var(--case-3) 100%);box-shadow:0 60px 80px -20px var(--shadow),0 30px 40px -15px #140a0466,inset 0 2px #ffdcb42e,inset 0 -3px #0006,inset 4px 0 6px #0000002e,inset -4px 0 6px #0000002e;padding:14px 12px 16px;position:relative;display:flex;flex-direction:column}.page-menu:before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:repeating-linear-gradient(98deg,#0000,#0000000f 1px,#0000 4px,#ffc88c0a 5px,#0000 9px),repeating-linear-gradient(94deg,#0000 0,#0000000a 80px,#0000 220px);mix-blend-mode:overlay;opacity:.85}.pm-screw{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d6d0c2,#8c867a 60%,#4a443a);box-shadow:inset 0 -1px 1px #00000059,0 1px 1px #0006}.pm-screw:after{content:"";position:absolute;inset:2px;border-top:1.5px solid rgba(0,0,0,.45);transform:rotate(40deg)}.pm-screw.tl{top:6px;left:6px}.pm-screw.tr{top:6px;right:6px}.pm-screw.bl{bottom:6px;left:6px}.pm-screw.br{bottom:6px;right:6px}.pm-header{position:relative;background:linear-gradient(180deg,var(--metal-1),var(--metal-3));border-radius:5px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:inset 0 1px 0 var(--metal-shine),inset 0 -1px #0000004d,0 1px #0000004d;margin-bottom:12px}.pm-logo{width:40px;height:40px;object-fit:contain}.pm-brand{font-family:"Noto Serif SC",serif;font-size:11px;letter-spacing:.1em;color:#1a0d02;font-weight:600;line-height:1;text-align:center}.pm-buttons{display:flex;flex-direction:column;gap:12px;flex:1}.pm-btn{position:relative;border:none;background:linear-gradient(180deg,#f0e8d4,#d8cdb0,#b8a984);border-radius:5px;padding:10px 8px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000002e,0 4px #6e5d3a,0 6px 8px #00000059;transition:transform .07s,box-shadow .07s;font-family:DM Mono,monospace;color:#2a1808;text-decoration:none;-webkit-user-select:none;user-select:none;flex:1;min-height:78px}.pm-btn:hover{filter:brightness(1.04)}.pm-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #0000004d,0 2px #6e5d3a,0 3px 4px #0000004d}.pm-btn.active{background:linear-gradient(180deg,#c89a3a,#a87820,#7a5410);color:#f8efd8;transform:translateY(2px);box-shadow:inset 0 1px #ffdc8c80,inset 0 -1px #0000004d,0 2px #4a330a,0 3px 6px #0006,0 0 14px #ffaa3259}.pm-led-row{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.2em;opacity:.7}.pm-channel{font-family:DM Mono,monospace}.pm-led{width:7px;height:7px;border-radius:50%;background:#00000059;box-shadow:inset 0 1px 1px #00000080}.pm-led.on,.pm-btn.active .pm-led{background:var(--led-amber, #ffaa33);box-shadow:0 0 8px #ffaa3ce6,inset 0 -1px 1px #0000004d,inset 0 1px 1px #ffffff80;animation:pmpulse 1.6s ease-in-out infinite}@keyframes pmpulse{0%,to{opacity:1}50%{opacity:.55}}.pm-btn-icon{margin-top:4px;color:currentColor;opacity:.85}.pm-btn.active .pm-btn-icon{opacity:1}.pm-btn-en{font-size:11px;letter-spacing:.22em;margin-top:2px;font-weight:600}.pm-btn-zh{font-family:Noto Sans SC,sans-serif;font-size:11px;letter-spacing:.15em;opacity:.85}.pm-footer{margin-top:12px;text-align:center}.pm-vent{height:22px;border-radius:3px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 5px);box-shadow:inset 0 1px 2px #00000080;margin-bottom:6px}.pm-stamp{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.2em;color:#dcc8a08c}.studio{width:980px;height:620px;position:relative;border-radius:14px;background:linear-gradient(180deg,var(--case-1) 0%,var(--case-2) 60%,var(--case-3) 100%);box-shadow:0 60px 80px -20px var(--shadow),0 30px 40px -15px #140a0466,inset 0 2px #ffdcb42e,inset 0 -3px #0006,inset 4px 0 6px #0000002e,inset -4px 0 6px #0000002e;padding:22px}.studio:before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:repeating-linear-gradient(98deg,#0000,#0000000f 1px,#0000 4px,#ffc88c0a 5px,#0000 9px),repeating-linear-gradient(94deg,#0000 0,#0000000a 80px,#0000 220px);mix-blend-mode:overlay;opacity:.85}.studio-faceplate{position:absolute;inset:22px;border-radius:10px;background:linear-gradient(180deg,var(--metal-1) 0%,var(--metal-2) 55%,var(--metal-3) 100%);box-shadow:inset 0 1px 0 var(--metal-shine),inset 0 -2px #00000040,inset 2px 0 4px #00000026,inset -2px 0 4px #00000026,0 2px #0000004d;padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.studio-faceplate:before{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 2px,rgba(0,0,0,.04) 2px 3px,transparent 3px 5px);mix-blend-mode:overlay}.studio-faceplate:after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%,transparent 80%,rgba(0,0,0,.12))}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 6px 10px;border-bottom:1px dashed rgba(0,0,0,.22);position:relative;z-index:1}.sh-mark{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.4em;color:#6e5536}.sh-title{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:600;color:#1a0d02;letter-spacing:.1em}.sh-title span{font-size:12px;font-weight:400;margin-left:8px;color:#6e5530;letter-spacing:.15em}.sh-mid{display:flex;justify-content:center}.sh-stat{display:inline-flex;align-items:center;gap:8px;background:#1a0d02;color:#a0f0aa;padding:5px 12px;border-radius:3px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;box-shadow:inset 0 2px 4px #0009,0 1px #fff6;white-space:nowrap}.sh-dot{width:7px;height:7px;border-radius:50%;background:#4dff7a;box-shadow:0 0 6px #4dff7a}.sh-stat.cueing .sh-dot,.sh-stat.submitting .sh-dot,.sh-stat.polling .sh-dot{background:#fa3;box-shadow:0 0 6px #fa3;animation:pulse .6s linear infinite}.sh-stat.rendering .sh-dot,.sh-stat.error .sh-dot{background:#ff4530;box-shadow:0 0 8px #ff4530;animation:pulse .5s linear infinite}.sh-stat.cueing,.sh-stat.submitting,.sh-stat.polling{color:#ffd089}.sh-stat.rendering,.sh-stat.error{color:#ffb0a0}.sh-stat.ready{color:#a0f0aa}.sh-right{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;color:#6e5536;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.sh-suno{background:#1a0d02;color:#ffd089;padding:3px 8px;border-radius:2px;letter-spacing:.2em;font-size:9px}.studio-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:1fr;gap:14px;flex:1;min-height:0;overflow:hidden;position:relative;z-index:1}.pad{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;overflow:hidden}.pad-tabs{display:flex;align-items:center;gap:6px}.pad-tab{background:linear-gradient(180deg,#d8cdb0,#b8a984);border:none;border-radius:3px 3px 0 0;padding:5px 14px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;color:#2a1808;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0003}.pad-tab .zh{font-family:Noto Sans SC,sans-serif;letter-spacing:.05em;font-size:10px;color:#6e5530}.pad-tab.on{background:linear-gradient(180deg,#f6ecd0,#e6d8b6);color:#1a0d02;box-shadow:inset 0 1px #ffffffb3,0 -2px #c89a3a}.pad-tab.on .zh{color:#2a1808}.pad-tab-spacer{flex:1}.pad-charcount{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;color:#6e5530}.pad-paper{flex:3 1 0;min-height:0;background:repeating-linear-gradient(transparent 0 22px,#7a58282e 22px 23px),linear-gradient(180deg,#fdf6e0,#f0e6c8);border:1px solid #8a7244;border-radius:0 4px 4px;box-shadow:inset 0 1px #fff9,inset 30px 0 0 -28px #c89a3a,0 1px 2px #00000026;padding:10px 14px 8px 38px;display:flex;flex-direction:column;gap:6px;position:relative}.pad-paper:before{content:"";position:absolute;left:30px;top:8px;bottom:8px;width:1px;background:#b8423a80}.pad-paper-tag{display:flex;align-items:baseline;gap:6px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.25em;color:#8a6e3a;text-transform:uppercase}.pad-paper-tag .cn{background:#2a1808;color:#f6ecd0;padding:1px 6px;border-radius:2px;letter-spacing:.2em}.pad-paper-tag span:not(.cn){font-family:Noto Sans SC,sans-serif;letter-spacing:.05em;color:#6e5530;text-transform:none}.pad-textarea{flex:1;border:none;background:transparent;resize:none;font-family:"Noto Serif SC",serif;font-size:14px;line-height:22px;color:#2a1808;outline:none;padding:0;letter-spacing:.02em}.pad-textarea.lyrics{font-family:"Noto Serif SC",serif;font-size:13px;line-height:22px}.pad-textarea::placeholder{color:#b09a6a}.pad-paper-foot{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;color:#8a6e3a;border-top:1px dashed #b8a26a;padding-top:4px}.pad-titlerow{display:flex;align-items:center;gap:8px;border-bottom:1px dashed #b8a26a;padding-bottom:4px}.pad-titlerow label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.25em;color:#8a6e3a}.pad-titleinput{flex:1;border:none;background:transparent;font-family:"Noto Serif SC",serif;font-size:16px;font-weight:500;color:#2a1808;outline:none;padding:2px 0}.pad-titleinput::placeholder{color:#b09a6a}.pad-styles{background:#0000000d;border-radius:4px;padding:5px 8px 6px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.pad-styles-label{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.22em;color:#4a3520;margin-bottom:4px;text-transform:uppercase}.pad-styles-count{font-family:Noto Sans SC,sans-serif;letter-spacing:.05em;color:#6e5530;font-size:10px}.pad-tags{display:flex;flex-wrap:wrap;gap:5px}.pad-styles.compact{display:flex;flex-direction:column;gap:6px;padding:6px 8px;background:#0000000f;border:1px solid rgba(0,0,0,.1);border-radius:4px;flex:2 1 0;min-height:52px;overflow:hidden}.ps-head{display:flex;align-items:baseline;gap:4px;flex-shrink:0}.ps-en{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.22em;color:#4a3520}.ps-zh{font-family:Noto Sans SC,sans-serif;font-size:10px;color:#6e5530}.ps-count{font-family:VT323,monospace;font-size:13px;color:#c89a3a;background:#2a1808;padding:0 5px;border-radius:2px;min-width:16px;text-align:center;letter-spacing:.05em}.ps-grid{flex:1 1 0;display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(138,114,68,.4) transparent;padding:2px 0;align-content:start}.ps-grid::-webkit-scrollbar{width:4px}.ps-grid::-webkit-scrollbar-thumb{background:#8a724466;border-radius:2px}.ps-row{display:flex;align-items:center;gap:5px}.ps-cat{font-family:Noto Sans SC,sans-serif;font-size:9px;color:#6e5530;letter-spacing:.05em;flex-shrink:0;opacity:.85}.ps-chips{display:flex;flex-wrap:wrap;gap:3px}.ps-sep{color:#8a724480;font-size:10px;margin:0 2px;flex-shrink:0}.style-row{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.style-cat{font-family:Noto Sans SC,sans-serif;font-size:9px;color:#6e5530;letter-spacing:.1em;width:24px;flex-shrink:0;padding-right:4px;border-right:1px solid rgba(138,114,68,.4);margin-right:3px}.style-chip{border:1px solid #8a7244;background:linear-gradient(180deg,#fdf6e0,#f0e6c8);padding:1px 7px;border-radius:10px;font-family:DM Mono,monospace;font-size:10px;color:#3a2614;cursor:pointer;transition:all .12s;letter-spacing:.02em;box-shadow:0 1px 1px #00000014;white-space:nowrap;line-height:1.5}.style-chip:hover{filter:brightness(1.05)}.style-chip.on{background:#2a1808;color:#f6ecd0;border-color:#2a1808;box-shadow:0 0 0 2px #c89a3a66}.console{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow:hidden}.console-knobs{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;background:#0000001a;border-radius:4px;padding:8px 10px;box-shadow:inset 0 1px 2px #0003}.sk-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.sk-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;color:#2a1808;text-align:center;line-height:1.2;white-space:nowrap}.sk-label .sk-sub{display:block;font-family:Noto Sans SC,sans-serif;font-size:9px;color:#6e5530;letter-spacing:.05em;margin-top:1px}.sk-knob{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4f1e8,#b8b3a4 30%,#6e695e 70%,#3a352c);box-shadow:0 4px 6px #0006,inset 0 -2px 4px #0000004d,inset 0 2px 3px #ffffff59,0 0 0 3px #00000026;position:relative;cursor:grab}.sk-knob:active{cursor:grabbing}.sk-knob:after{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f1e8,#c0baa8 50%,#6a655a);box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 2px #0000004d}.sk-rotor{position:absolute;inset:0;border-radius:50%;transition:transform .2s ease-out}.sk-pointer{position:absolute;top:5px;left:50%;transform:translate(-50%);width:3px;height:8px;background:#1a0d02;border-radius:1px;z-index:3}.sk-display{background:#1a0d02;color:#ffd089;font-family:VT323,monospace;font-size:14px;letter-spacing:.1em;padding:2px 8px;border-radius:2px;min-width:56px;text-align:center;text-shadow:0 0 4px rgba(255,160,60,.5);border:1px solid #4a330a;box-shadow:inset 0 1px 3px #0009}.duration-stack{display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:center}.ds-label{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;color:#2a1808;white-space:nowrap}.ds-segments{display:flex;background:#1a0d02;border-radius:3px;padding:2px;box-shadow:inset 0 2px 3px #000000b3;gap:2px}.ds-seg{border:none;background:transparent;color:#ffd08966;font-family:Noto Sans SC,sans-serif;font-size:11px;padding:6px 10px;border-radius:2px;cursor:pointer;letter-spacing:.05em}.ds-seg.on{background:linear-gradient(180deg,#c89a3a,#8a6420);color:#f8efd8;box-shadow:0 0 6px #ffaa3266,inset 0 1px #ffdc8c66}.deck{flex:1;background:linear-gradient(180deg,#2a1808,#1a0d02);border-radius:5px;border:1px solid #4a330a;box-shadow:inset 0 2px 6px #0009,0 1px #fff3;padding:8px 10px;display:flex;flex-direction:column;gap:6px;min-height:0}.deck-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed rgba(255,160,60,.25);padding-bottom:4px}.deck-title{display:flex;align-items:baseline;gap:8px;color:#ffd089;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.3em}.deck-title .zh{font-family:Noto Sans SC,sans-serif;font-size:10px;letter-spacing:.1em;color:#c47a2a}.deck-counter{font-family:VT323,monospace;font-size:16px;color:#ffd089;letter-spacing:.1em}.deck-counter .dim{color:#6e5530}.deck-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.take{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto auto;gap:2px 10px;align-items:start;background:#ffd0890a;border:1px solid rgba(255,160,60,.22);border-radius:5px;padding:6px 9px;cursor:pointer;transition:all .15s;flex:1;min-height:0;overflow:hidden}.take.v2{display:grid;grid-template-columns:22px 56px 1fr;grid-template-rows:auto;gap:0;align-items:stretch;background:linear-gradient(180deg,#2a1808,#1a0d02);border:1px solid #4a330a;border-radius:6px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffc88c14,0 1px 2px #0006;flex:0 0 auto}.take.v2:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,208,137,.025) 8px 9px)}.take.v2.active{border-color:#ffaa3cb3;box-shadow:0 0 0 1px #ffa03c80,0 0 16px #ffa03c2e,inset 0 1px #ffc88c1f}.take.v2.amber{--tk-accent: #ffaa3a;--tk-accent-2: #ff7a1a}.take.v2.teal{--tk-accent: #5fd4c4;--tk-accent-2: #2a9b8a}.take-side{grid-column:1;background:linear-gradient(180deg,var(--tk-accent),var(--tk-accent-2));display:flex;align-items:center;justify-content:center;position:relative}.take-side:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#0006}.ts-num{font-family:VT323,monospace;font-size:18px;color:#1a0d02;line-height:1;font-weight:600}.take-cover{grid-column:2;position:relative;width:56px;min-height:56px;background:linear-gradient(180deg,#0e0703,#050201);border-right:1px solid #2a1808;display:flex;align-items:center;justify-content:center;overflow:hidden}.take-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05)}.take-cover.empty .cv-disc{color:var(--tk-accent);filter:drop-shadow(0 0 6px rgba(255,160,60,.4));opacity:.75}.take-cover.spin .cv-disc{animation:spin 4s linear infinite}.take-cover.spin img{animation:spin 8s linear infinite}.take-cover{cursor:pointer}.cv-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--tk-accent);background:#0006;opacity:0;transition:opacity .15s;z-index:2}.take.v2:hover .cv-icon,.take.v2.playing .cv-icon{opacity:1}.take-body{grid-column:3;padding:6px 10px;display:flex;flex-direction:column;gap:3px;min-width:0;position:relative;justify-content:center}.take-headline{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}.take-body .take-title{font-family:"Noto Serif SC",serif;font-size:13px;color:#fdf6e0;font-weight:600;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.take-status{flex-shrink:0;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;padding:2px 6px;border-radius:2px;display:inline-flex;align-items:center;gap:4px;font-weight:700}.take-status .ts-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 4px currentColor}.take-status.ok{color:#6dd47c;background:#50c86e1f;border:1px solid rgba(80,200,110,.4)}.take-status.fail{color:#ff6f5c;background:#ff5a4b1f;border:1px solid rgba(255,90,75,.4)}.take-status.wip{color:var(--tk-accent);background:#00000059;border:1px solid rgba(255,160,60,.4)}.take-status.wip .ts-dot{animation:tkpulse 1s ease-in-out infinite}.take-meta{display:flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;color:#ffd089b8;overflow:hidden;white-space:nowrap}.meta-mod{color:var(--tk-accent);font-weight:700;text-transform:uppercase}.meta-sep{opacity:.45}.meta-date{color:#ffd0898c}.meta-chip{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;padding:1px 5px;border-radius:999px;background:#ffa03c14;border:1px solid rgba(255,160,60,.22);color:#ffe0b2bf;white-space:nowrap;margin-left:2px;overflow:hidden;text-overflow:ellipsis;max-width:80px;flex-shrink:0}.take.v2.teal .meta-chip{background:#5fd4c414;border-color:#5fd4c438;color:#cef0e8cc}.take-lyric{font-family:"Noto Serif SC",serif;font-size:10px;font-style:italic;color:#ffd0898c;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.take-progress{position:relative;height:22px;margin-top:1px;background:#0006;border-radius:3px;border:1px solid rgba(255,160,60,.15);padding:2px 4px;cursor:pointer;display:flex;align-items:stretch}.take-progress .take-tc{position:absolute;top:50%;right:4px;transform:translateY(-50%);font-family:VT323,monospace;font-size:10px;color:var(--tk-accent);letter-spacing:.06em;text-shadow:0 0 6px rgba(0,0,0,.9);background:#0000008c;padding:0 5px;border-radius:2px;display:flex;align-items:center;gap:2px;pointer-events:none;z-index:2}.take-progress .tc-sep{opacity:.5}.take-progress .tc-tot{color:#ffd089b3;font-size:11px}.take-progress .take-wave{display:flex;align-items:flex-end;gap:1px;height:100%;margin:0}.take-progress .tw-bar{flex:1;background:#ffd08940;border-radius:1px;min-height:2px;transition:background .1s}.take-progress .tw-bar.past{background:var(--tk-accent);box-shadow:0 0 2px #ffa03c80}.take.v2.playing .tw-bar.past{animation:tkpulse 1.2s ease-in-out infinite}@keyframes tkpulse{50%{opacity:.8}}.take-needle{position:absolute;top:0;bottom:0;width:2px;background:#fdf6e0;box-shadow:0 0 6px var(--tk-accent),0 0 10px var(--tk-accent);transition:left .05s linear;pointer-events:none}.take:hover{background:#ffd08914}.take.active{background:#ffaa321f;border-color:#ffa03c99;box-shadow:0 0 0 1px #ffa03c80,0 0 10px #ffa03c26}.take-reel{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;grid-row:1 / 3}.reel{width:38px;height:38px;border-radius:50%;border:2px solid #c89a3a;background:radial-gradient(circle,#1a0d02 30%,transparent 32%);position:relative}.reel:after{content:"";position:absolute;inset:5px;border-radius:50%;border-top:1.5px solid #c89a3a;border-right:1.5px solid transparent;border-bottom:1.5px solid #c89a3a;border-left:1.5px solid transparent}.reel.spin{animation:spin 2s linear infinite}.take.active .reel{border-color:#ffd089;box-shadow:0 0 6px #ffd08980}.take.active .reel:after{border-top-color:#ffd089;border-bottom-color:#ffd089}.take-id{position:absolute;bottom:-4px;font-family:DM Mono,monospace;font-size:8px;color:#c47a2a;letter-spacing:.15em;background:#1a0d02;padding:0 3px}.take-info{min-width:0;display:flex;flex-direction:column;gap:4px;grid-column:2;grid-row:1}.take-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.take-title{font-family:"Noto Serif SC",serif;font-size:13px;color:#ffd089;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.take-tags{display:flex;gap:4px;flex-shrink:0}.take-pill{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em;background:#ffaa3233;color:#ffd089;padding:1px 5px;border-radius:2px;border:1px solid rgba(255,160,60,.3)}.take-pill.dim{background:transparent;color:#c47a2a;border-color:#c47a2a66}.take-style{font-family:Noto Sans SC,sans-serif;font-size:10px;color:#c47a2a;letter-spacing:.05em}.take-wave{display:flex;align-items:flex-end;gap:1px;height:22px;margin:2px 0;grid-column:1 / 3;grid-row:2}.tw-bar{flex:1;background:var(--display-glow, #ffb347);opacity:.7;border-radius:1px;min-height:3px}.take.active .tw-bar{opacity:1;box-shadow:0 0 3px #ffa03cb3}.take-lyric{display:none}.take-actions{display:flex;flex-direction:row;gap:4px;grid-column:1 / 3;grid-row:3;margin-top:2px;padding-top:4px;border-top:1px dashed rgba(255,160,60,.2)}.ta-btn{border:1px solid rgba(255,160,60,.3);background:#ffa03c0f;color:#ffd089;font-family:DM Mono,monospace;font-size:10px;padding:3px 8px;border-radius:3px;cursor:pointer;letter-spacing:.1em;transition:all .12s;text-align:center}.ta-btn.play{flex:0 0 50px;font-size:11px}.ta-btn.fav{flex:0 0 42px}.ta-btn.send{flex:1;font-size:10px;font-weight:700}.ta-btn:hover{background:#ffa03c2e}.ta-btn.fav.on{background:#b8423a;border-color:#b8423a;color:#fdf6e0}.ta-btn.play.on{background:#ffa03c4d}.ta-btn.send{background:linear-gradient(180deg,#c89a3a,#8a6420);color:#1a0d02;border-color:#4a330a;font-weight:600;font-size:9px}.ta-btn.send:hover{filter:brightness(1.1)}.deck-empty{display:flex;align-items:center;gap:8px;border:1px dashed rgba(255,160,60,.2);border-radius:4px;padding:6px 8px;font-family:DM Mono,monospace;font-size:10px;color:#ffd08959;letter-spacing:.15em}.de-slot{width:32px;height:32px;border-radius:50%;border:1px dashed rgba(255,160,60,.25)}.de-text{font-family:Noto Sans SC,sans-serif;letter-spacing:.1em;font-size:11px;white-space:nowrap}.studio-status{max-width:360px;align-self:center;color:#4a3520;font-family:DM Mono,Noto Sans SC,monospace;font-size:10px;letter-spacing:.08em;line-height:1.4;text-align:right}.studio-transport{display:flex;align-items:stretch;gap:10px;padding:10px 6px 0;border-top:1px solid rgba(0,0,0,.18);position:relative;z-index:1}.rocker{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(180deg,#1a0d02,#0a0604);border-radius:4px;padding:4px;gap:3px;box-shadow:inset 0 2px 4px #000000b3,0 1px #ffffff4d;position:relative;height:50px}.rocker-label{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:DM Mono,monospace;font-size:8px;letter-spacing:.25em;color:#6e5530;white-space:nowrap}.rocker-half{border:none;background:linear-gradient(180deg,#4a3520,#2a1808);color:#ffd08973;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;border-radius:2px;cursor:pointer;padding:4px 6px;font-weight:500}.rocker-half:hover{color:#ffd089b3}.rocker-half.on{background:linear-gradient(180deg,#c89a3a,#8a6420);color:#1a0d02;box-shadow:0 0 8px #ffaa3266,inset 0 1px #ffdc8c66;font-weight:700}.model-rocker{width:110px}.mode-rocker{width:130px}.mode-rocker .rocker-half{font-family:Noto Sans SC,sans-serif}.instr-toggle{position:relative;display:flex;flex-direction:column}.instr-toggle .rocker-label{position:static;transform:none;margin-bottom:4px;font-size:8px}.itog-group{display:flex;gap:0}.itog{flex:1;display:flex;align-items:center;gap:6px;padding:0 10px;background:linear-gradient(180deg,#1a0d02,#0a0604);border:1px solid #4a330a;cursor:pointer;font-family:Noto Sans SC,sans-serif;font-size:12px;color:#ffd0898c;box-shadow:inset 0 2px 4px #0009;height:34px;letter-spacing:.05em;white-space:nowrap}.itog-group .itog:first-child{border-radius:4px 0 0 4px;border-right:none}.itog-group .itog:last-child{border-radius:0 4px 4px 0}.itog-dot{width:10px;height:10px;border-radius:50%;background:#4a3520;box-shadow:inset 0 -1px 1px #0006;transition:all .15s}.itog.on{color:#ffd089}.itog.on .itog-dot{background:#4dff7a;box-shadow:0 0 8px #4dff7a,inset 0 -1px 1px #0000004d}.meter-strip{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2px 4px}.meter-label{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.25em;color:#6e5530}.meter-bar{height:14px;background:#1a0d02;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3;position:relative;border:1px solid #4a330a}.meter-fill{height:100%;background:linear-gradient(90deg,#4dff7a,#ffd089 60%,#ff4530);box-shadow:0 0 6px #ffa03c66}.meter-val{font-family:DM Mono,monospace;font-size:9px;color:#2a1808;letter-spacing:.15em;text-align:right}.rec-btn{width:130px;border:none;border-radius:6px;background:linear-gradient(180deg,#d84a3a,#a0281a,#6a1a10);color:#fdf6e0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffc8b480,inset 0 -2px #0000004d,0 4px #4a0e08,0 5px 12px #b81e1466;transition:transform .07s,box-shadow .07s;font-family:DM Mono,monospace;font-weight:700}.rec-btn:hover{filter:brightness(1.06)}.rec-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 4px #0006,0 2px #4a0e08}.rec-btn.rendering,.rec-btn.cueing,.rec-btn.submitting,.rec-btn.polling{animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,to{box-shadow:inset 0 1px #ffc8b480,inset 0 -2px #0000004d,0 4px #4a0e08,0 5px 16px #ff4632b3}50%{box-shadow:inset 0 1px #ffc8b480,inset 0 -2px #0000004d,0 4px #4a0e08,0 5px 8px #b81e144d}}.rec-dot{width:14px;height:14px;border-radius:50%;background:#fdf6e0;box-shadow:0 0 6px #fff9,inset 0 -1px 1px #0003}.rec-btn.rendering .rec-dot,.rec-btn.cueing .rec-dot,.rec-btn.submitting .rec-dot,.rec-btn.polling .rec-dot{animation:pulse .6s ease-in-out infinite}.rec-label{font-size:12px;letter-spacing:.3em;margin-top:2px}.rec-zh{font-family:Noto Sans SC,sans-serif;font-size:9px;letter-spacing:.15em;color:#fdf6e0bf;font-weight:400}.rec-progress{position:absolute;bottom:0;left:0;height:3px;background:#fdf6e0;box-shadow:0 0 6px #ffd089;transition:width .05s linear}.deck-list::-webkit-scrollbar{width:6px}.deck-list::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.deck-list::-webkit-scrollbar-thumb{background:#ffa03c4d;border-radius:3px}@media(max-width:1100px){.page-menu{width:120px;min-height:0}.pm-btn{padding:8px 6px}.pm-btn-icon svg{width:18px;height:18px}.studio{width:100%;max-width:980px}}@media(max-width:768px){.page-menu{width:100%!important;min-height:0;border-radius:10px 10px 0 0;padding:6px 10px;flex-direction:row;align-items:center;gap:8px}.pm-screw{display:none}.pm-header{flex-direction:row;align-items:center;gap:6px;background:none;box-shadow:none;border-radius:0;padding:0;margin-bottom:0}.pm-logo{width:26px;height:26px}.pm-brand{font-size:11px}.pm-buttons{flex-direction:row;gap:4px;flex:1}.pm-btn{flex:1;padding:5px 8px;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:0;box-shadow:none}.pm-led-row{position:static;width:auto;flex-direction:row;gap:4px}.pm-btn-icon{display:none}.pm-btn-en{font-size:10px;letter-spacing:.15em}.pm-btn-zh{font-size:10px}.pm-footer{display:none}.studio{width:100%;height:auto;min-height:0;border-radius:0 0 10px 10px;padding:10px;box-shadow:0 20px 40px -10px var(--shadow),inset 0 1px #ffdcb426,inset 0 -2px #0000004d}.studio:before{border-radius:10px}.studio .screw{display:none}.studio-faceplate{position:relative;inset:auto;border-radius:8px;padding:10px;gap:8px}.studio-faceplate:before,.studio-faceplate:after{border-radius:8px}.studio-header{flex-wrap:wrap;gap:6px;padding:2px 4px 6px}.sh-mark{font-size:8px}.sh-title{font-size:14px}.sh-title span{font-size:10px;margin-left:4px}.sh-right{display:none}.studio-body{display:flex;flex-direction:column;gap:10px}.pad-paper{flex:0 1 auto;max-height:180px}.pad-styles.compact{flex:0 1 auto;max-height:120px;min-height:44px}.deck{max-height:260px}.studio-transport{flex-wrap:wrap;gap:8px;padding:8px 4px 0}.rec-btn{flex:1;min-width:0}}@media(max-width:480px){.page-menu{padding:4px 6px;gap:6px}.pm-logo{width:20px;height:20px}.pm-brand{font-size:9px}.pm-btn{padding:4px 6px}.pm-btn-en,.pm-btn-zh{font-size:9px}.studio{padding:6px;border-radius:0 0 8px 8px}.studio-faceplate{padding:8px;gap:6px}.sh-title{font-size:12px}.pad-paper{max-height:150px}.pad-styles.compact{max-height:100px}.deck{max-height:220px}.take.v2{grid-template-columns:18px 44px 1fr}.take-cover{width:44px;min-height:44px}.take-body .take-title{font-size:12px}.take-meta{font-size:9px}.take-progress{height:18px}.studio-transport{gap:6px}.itog{font-size:11px;height:30px}}