@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Marcellus&family=Noto+Sans+JP:wght@300;400;500;600&display=swap";:root,[data-theme=pro-dark]{--pro-bg: #0e1116;--pro-bg-alt: #181c24;--pro-bg-card: #1a1f28;--pro-bg-strip: #131720;--pro-border: #262d3a;--pro-border-bright: #3a4356;--pro-text: #e8edf5;--pro-text-soft: #c2cdd9;--pro-text-mute: #6e7a89;--pro-text-dim: #4a5364;--pro-accent: #5dccfa;--pro-accent-hot:#ff5e7a;--pro-gold: #e6b769;--pro-fader-track: #0a0d12;--pro-fader-fill: #5dccfa;--pro-easing: cubic-bezier(.25, .8, .5, 1);--pro-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body.pro{background:var(--pro-bg);color:var(--pro-text);font-family:Noto Sans JP,-apple-system,Hiragino Sans,system-ui,sans-serif;font-feature-settings:"palt";font-weight:400;line-height:1.5;letter-spacing:.02em;min-height:100vh;-webkit-font-smoothing:antialiased}body.pro{background:linear-gradient(180deg,var(--pro-bg) 0%,var(--pro-bg-alt) 100%);background-attachment:fixed}.pro-container{max-width:1440px;margin:0 auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-height:100vh}.pro-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 14px;border-bottom:1px solid var(--pro-border);gap:16px}.pro-brand{display:flex;align-items:baseline;gap:14px}.pro-brand-mark{font-family:Marcellus,serif;font-size:.72rem;letter-spacing:.4em;color:var(--pro-accent);text-transform:uppercase}.pro-h1{font-family:Marcellus,serif;font-size:1.3rem;font-weight:400;letter-spacing:.12em;color:var(--pro-text)}.pro-tag{font-family:var(--pro-mono);font-size:.66rem;letter-spacing:.18em;color:var(--pro-text-mute);padding:2px 8px;border:1px solid var(--pro-border-bright);border-radius:2px;margin-left:8px}.pro-mode-switch{display:flex;border:1px solid var(--pro-border-bright);border-radius:3px;overflow:hidden}.pro-mode-switch a{padding:6px 14px;background:transparent;color:var(--pro-text-mute);text-decoration:none;font-family:var(--pro-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transition:all .2s var(--pro-easing)}.pro-mode-switch a.active,.pro-mode-switch a:hover{background:var(--pro-bg-strip);color:var(--pro-text)}.pro-mode-switch a.active{color:var(--pro-accent)}.pro-main{display:grid;grid-template-columns:320px 1fr;gap:12px;flex:1;min-height:0}.pro-mixer-col,.pro-detail-col{display:flex;flex-direction:column;gap:12px}.pro-mixer{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:4px;padding:14px}.pro-mixer-title{font-family:var(--pro-mono);font-size:.66rem;color:var(--pro-text-mute);letter-spacing:.25em;text-transform:uppercase;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--pro-border)}.pro-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pro-channel{background:var(--pro-bg-strip);border:1px solid var(--pro-border);border-radius:3px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}.pro-ch-name{font-family:var(--pro-mono);font-size:.6rem;letter-spacing:.18em;color:var(--pro-text-soft);text-transform:uppercase}.pro-fader{-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;width:16px;height:140px;background:transparent;cursor:pointer;margin:0}.pro-fader::-webkit-slider-runnable-track{width:4px;background:var(--pro-fader-track);border-radius:2px;border:1px solid var(--pro-border)}.pro-fader::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:10px;background:var(--pro-text-soft);border:1px solid var(--pro-border-bright);border-radius:2px;margin-left:-10px;cursor:ns-resize}.pro-fader::-moz-range-track{width:4px;background:var(--pro-fader-track);border:1px solid var(--pro-border);border-radius:2px}.pro-fader::-moz-range-thumb{width:22px;height:10px;background:var(--pro-text-soft);border:1px solid var(--pro-border-bright);border-radius:2px;cursor:ns-resize}.pro-ch-value{font-family:var(--pro-mono);font-size:.65rem;color:var(--pro-text-mute);min-height:14px}.pro-ch-mute{width:28px;height:18px;background:var(--pro-bg-card);border:1px solid var(--pro-border-bright);color:var(--pro-text-mute);font-family:var(--pro-mono);font-size:.58rem;letter-spacing:.1em;cursor:pointer;border-radius:2px;transition:all .15s var(--pro-easing)}.pro-ch-mute:hover{border-color:var(--pro-accent-hot);color:var(--pro-text)}.pro-ch-mute.active{background:var(--pro-accent-hot);border-color:var(--pro-accent-hot);color:var(--pro-bg)}.pro-master{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:4px;padding:14px}.pro-panel{background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:4px;padding:14px 16px}.pro-panel-title{font-family:var(--pro-mono);font-size:.66rem;color:var(--pro-text-mute);letter-spacing:.25em;text-transform:uppercase;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--pro-border);display:flex;align-items:center;justify-content:space-between}.pro-panel-accent{color:var(--pro-accent);font-size:.6rem}.pro-row{display:grid;grid-template-columns:110px 1fr 60px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(38,45,58,.5)}.pro-row:last-child{border-bottom:none}.pro-label{font-size:.78rem;color:var(--pro-text-soft);letter-spacing:.06em}.pro-slider{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer}.pro-slider::-webkit-slider-runnable-track{height:2px;background:var(--pro-fader-track);border:1px solid var(--pro-border);border-radius:1px}.pro-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--pro-accent);border:1px solid var(--pro-accent);margin-top:-6px;cursor:pointer}.pro-slider::-moz-range-track{height:2px;background:var(--pro-fader-track);border:1px solid var(--pro-border);border-radius:1px}.pro-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--pro-accent);border:1px solid var(--pro-accent);cursor:pointer}.pro-value{font-family:var(--pro-mono);font-size:.7rem;color:var(--pro-accent);text-align:right;letter-spacing:.04em}.pro-select{width:100%;padding:6px 8px;background:var(--pro-bg-strip);border:1px solid var(--pro-border-bright);border-radius:2px;color:var(--pro-text);font-family:inherit;font-size:.78rem}.pro-seg{display:flex;border:1px solid var(--pro-border-bright);border-radius:2px;overflow:hidden}.pro-seg button{flex:1;padding:6px 4px;background:transparent;color:var(--pro-text-mute);border:none;cursor:pointer;font-family:var(--pro-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;transition:all .15s var(--pro-easing)}.pro-seg button+button{border-left:1px solid var(--pro-border-bright)}.pro-seg button.active{background:var(--pro-accent);color:var(--pro-bg)}.pro-seg button:hover:not(.active){color:var(--pro-text);background:var(--pro-bg-card)}.pro-transport{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:4px}.pro-play-btn{width:40px;height:40px;border-radius:3px;background:var(--pro-bg-strip);border:1px solid var(--pro-border-bright);color:var(--pro-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s var(--pro-easing)}.pro-play-btn:hover{border-color:var(--pro-accent);color:var(--pro-accent)}.pro-play-btn.playing{background:var(--pro-accent);color:var(--pro-bg)}.pro-play-btn:disabled{opacity:.4;cursor:not-allowed}.pro-play-btn svg{width:16px;height:16px}.pro-time{font-family:var(--pro-mono);font-size:.85rem;color:var(--pro-accent);letter-spacing:.1em;min-width:70px}.pro-load{flex:1;display:flex;justify-content:center}.pro-load-btn{padding:8px 22px;background:transparent;border:1px solid var(--pro-accent);border-radius:2px;color:var(--pro-accent);font-family:var(--pro-mono);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:all .2s var(--pro-easing)}.pro-load-btn:hover{background:var(--pro-accent);color:var(--pro-bg)}.pro-load-btn:disabled{opacity:.4;cursor:not-allowed}.pro-viz-area{display:flex;flex-direction:column;gap:10px;background:var(--pro-bg-card);border:1px solid var(--pro-border);border-radius:4px;padding:14px}.pro-viz-canvas{width:100%;height:200px;background:#050810;border:1px solid var(--pro-border);border-radius:3px;display:block}.pro-viz-styles{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.pro-viz-style-btn{height:32px;background:var(--pro-bg-strip);border:1px solid var(--pro-border);border-radius:2px;color:var(--pro-text-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s var(--pro-easing)}.pro-viz-style-btn:hover{color:var(--pro-text);border-color:var(--pro-accent)}.pro-viz-style-btn.selected{color:var(--pro-accent);border-color:var(--pro-accent)}.pro-viz-style-btn svg{width:16px;height:16px}.pro-viz-fs{align-self:flex-end;padding:4px 10px;background:transparent;border:1px solid var(--pro-accent);color:var(--pro-accent);border-radius:2px;cursor:pointer;font-family:var(--pro-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.pro-viz-fs:hover{background:var(--pro-accent);color:var(--pro-bg)}.pro-status{font-family:var(--pro-mono);font-size:.7rem;color:var(--pro-text-mute);text-align:center;padding:8px}.pro-status.error{color:var(--pro-accent-hot)}.pro-upload{border:2px dashed var(--pro-border-bright);border-radius:4px;padding:16px;text-align:center;cursor:pointer;transition:all .2s var(--pro-easing);font-family:var(--pro-mono);font-size:.74rem;color:var(--pro-text-mute);letter-spacing:.1em;margin-top:6px;background:var(--pro-bg-strip)}.pro-upload:hover,.pro-upload.drag-over{border-color:var(--pro-accent);color:var(--pro-text);background:var(--pro-bg-card)}.pro-upload-info{display:flex;align-items:center;justify-content:space-between;font-family:var(--pro-mono);font-size:.7rem;margin-top:6px}.pro-upload-name{color:var(--pro-accent);letter-spacing:.06em;word-break:break-all;text-align:left;flex:1}.pro-upload-clear{background:transparent;border:1px solid var(--pro-accent-hot);color:var(--pro-accent-hot);font-family:var(--pro-mono);font-size:.62rem;padding:3px 8px;border-radius:2px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase}.pro-upload-clear:hover{background:var(--pro-accent-hot);color:var(--pro-bg)}.pro-progress{font-family:var(--pro-mono);font-size:.7rem;color:var(--pro-accent);margin-top:6px;text-align:center}@media(max-width:1024px){.pro-main{grid-template-columns:1fr}}