:root{--bg:#0b0b10;--card:#131318;--card-2:#1a1a21;--line:#26262e;--line-soft:#1e1e25;--text:#e8e2d4;--muted:#8b8574;--faint:#5c5749;--gold:#ef9f27;--gold-soft:#3a2c12;--ok:#4ec98a;--warn:#e2704a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);padding:0 24px 48px;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}.bar,.grid{max-width:1180px;margin:0 auto}.bar{border-bottom:.5px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:22px 0 18px;display:flex}.bar__title{letter-spacing:.06em;font-size:15px;font-weight:500}.bar__meta{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.bar__meta b{color:var(--gold);letter-spacing:.08em;font-weight:500}.dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.dot.is-on{background:var(--ok)}.sep{background:var(--line);width:1px;height:11px}.grid{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (min-width:900px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:.5px solid var(--line);border-radius:12px;padding:18px 20px 20px}.card--wide{grid-column:1/-1}.card__title{letter-spacing:.08em;color:var(--text);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}.card__title b{color:var(--gold);font-weight:500}.row{justify-content:space-between;align-items:center;gap:14px;min-height:30px;display:flex}.row--tight{margin-top:14px}.row__label{color:var(--muted);flex-shrink:0}.row__label b{color:var(--text);font-weight:500}.field{margin-top:16px}.field .row__label{margin-bottom:9px;display:block}.hint{color:var(--faint);margin-top:10px;font-size:12px;line-height:1.6}.stepper{align-items:center;gap:12px;display:flex}.stepper button{border:.5px solid var(--line);background:var(--card-2);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:8px;font-size:15px;transition:border-color .2s,color .2s}.stepper button:hover{border-color:var(--gold);color:var(--gold)}.stepper b{text-align:center;min-width:30px;font-size:15px;font-weight:500}.segmented{background:var(--card-2);border-radius:9px;gap:4px;padding:3px;display:flex}.segmented button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:.5px solid #0000;border-radius:7px;flex:1;padding:7px 10px;font-size:12px;transition:all .2s}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:var(--card);border-color:var(--line);color:var(--gold)}input[type=range]{appearance:none;background:var(--line);border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border-radius:50%;width:14px;height:14px}.row--tight input[type=range]{flex:1;max-width:160px}.switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch i{background:var(--card-2);border:.5px solid var(--line);border-radius:11px;transition:background .25s,border-color .25s;position:absolute;inset:0}.switch i:after{content:"";background:var(--faint);border-radius:50%;width:15px;height:15px;transition:transform .25s,background .25s;position:absolute;top:3px;left:3px}.switch input:checked+i{background:var(--gold-soft);border-color:var(--gold)}.switch input:checked+i:after{background:var(--gold);transform:translate(17px)}.btn{border:.5px solid var(--line);background:var(--card-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 14px;font-size:12px;transition:border-color .2s,color .2s,background .2s}.btn:hover{border-color:var(--gold);color:var(--gold)}.btn--primary{background:var(--gold);border-color:var(--gold);color:#241300;font-weight:500}.btn--primary:hover{color:#241300;background:#ffb545;border-color:#ffb545}.btn--ghost{background:0 0}.btn--ghost.is-on{border-color:var(--warn);color:var(--warn)}.sound{border-bottom:.5px solid var(--line-soft);padding:12px 0}.sound:last-of-type{border-bottom:none}.sound__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sound__name{font-size:13px}.sound__hint{color:var(--faint);margin-top:3px;font-size:12px;line-height:1.5}.sound__ops{flex-shrink:0;gap:6px;display:flex}.sound__files{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chip{background:var(--card-2);border:.5px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:4px 8px 4px 10px;font-size:11px;display:inline-flex}.chip span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.chip button{color:var(--faint);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.chip button:hover{color:var(--warn)}.sound__vol{align-items:center;gap:10px;margin-top:9px;display:flex}.sound__vol input[type=range]{flex:1;max-width:180px}.sound__vol em{color:var(--faint);min-width:32px;font-size:11px;font-style:normal}.join{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.join__info{flex:240px;min-width:0}.join__info code{background:var(--card-2);border:.5px solid var(--line);color:var(--gold);word-break:break-all;border-radius:8px;margin-top:10px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.join__actions{align-items:center;gap:8px;margin-top:12px;display:flex}select{border:.5px solid var(--line);background:var(--card-2);color:var(--text);cursor:pointer;border-radius:8px;max-width:190px;padding:7px 10px;font-size:12px}.qr{box-sizing:content-box;background:#fff;border-radius:10px;flex-shrink:0;width:168px;height:168px;padding:8px}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions .btn{text-align:center;padding:10px 12px}.seats{flex-wrap:wrap;gap:8px;display:flex}.seat{border:.5px dashed var(--line);width:34px;height:34px;color:var(--faint);cursor:default;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .25s;display:flex}.seat.is-taken{border-style:solid;border-color:var(--gold);color:var(--gold);cursor:pointer}.seat.is-lit{background:var(--gold);border-color:var(--gold);color:#241300;cursor:pointer;font-weight:500}.seat.is-offline{opacity:.45}.toast{background:var(--card);border:.5px solid var(--line);color:var(--text);opacity:0;pointer-events:none;border-radius:9px;padding:10px 18px;font-size:12px;transition:opacity .28s,transform .28s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(14px)}.toast.is-on{opacity:1;transform:translate(-50%)translateY(0)}.preview{border:.5px solid var(--line);background:#0a0a0f;border-radius:10px;width:100%;max-width:190px;height:190px;margin-top:10px;display:block}