.conn-info[data-v-0d430485]{display:flex;align-items:center;gap:1rem}.conn-addr[data-v-0d430485]{font-family:monospace;font-size:.95rem;color:var(--color-text-muted, #aaa)}.controls-row[data-v-fbaa7278]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control-group[data-v-fbaa7278]{display:flex;flex-direction:column;gap:8px;min-width:0}.status-line[data-v-fbaa7278]{display:flex;align-items:center;gap:6px;min-height:28px}.dot[data-v-fbaa7278]{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0;transition:background .3s}.dot-live[data-v-fbaa7278]{background:var(--live);box-shadow:0 0 6px var(--live);animation:pulse-fbaa7278 1.5s ease-in-out infinite}.dot-rec[data-v-fbaa7278]{background:var(--recording);box-shadow:0 0 6px var(--recording);animation:pulse-fbaa7278 1.5s ease-in-out infinite}.dot-warn[data-v-fbaa7278]{background:var(--warn)}@keyframes pulse-fbaa7278{0%,to{opacity:1}50%{opacity:.4}}.status-text[data-v-fbaa7278]{font-size:13px;font-weight:600;color:var(--text-muted)}.status-text.active[data-v-fbaa7278]{color:var(--text)}.status-text.paused[data-v-fbaa7278]{color:var(--warn)}.timecode[data-v-fbaa7278]{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.02em}.pause-btn[data-v-fbaa7278]{padding:2px 8px;font-size:11px;min-height:22px;flex-shrink:0}.ctrl-btn[data-v-fbaa7278]{width:100%}.record-history[data-v-fbaa7278]{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.record-history-title[data-v-fbaa7278]{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.record-history-list[data-v-fbaa7278]{display:flex;flex-direction:column;gap:4px}.record-history-item[data-v-fbaa7278]{display:flex;gap:8px;align-items:baseline}.record-idx[data-v-fbaa7278]{font-size:11px;color:var(--text-muted);flex-shrink:0;width:20px}.record-path[data-v-fbaa7278]{font-size:12px;color:var(--text);word-break:break-all}@media (max-width: 600px){.controls-row[data-v-fbaa7278]{grid-template-columns:1fr}.ctrl-btn[data-v-fbaa7278]{min-height:44px;font-size:14px}}.record-paths-list[data-v-b0fc385e]{display:flex;flex-direction:column;gap:4px}.record-path-item[data-v-b0fc385e]{display:flex;align-items:baseline;gap:6px}.record-path-index[data-v-b0fc385e]{font-size:11px;color:var(--text-muted);flex-shrink:0}.record-path-value[data-v-b0fc385e]{font-size:12px;color:var(--text);word-break:break-all}.stats-section[data-v-b0fc385e]{margin-top:1.5rem}.stats-section h3[data-v-b0fc385e]{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem;border-bottom:1px solid var(--border);padding-bottom:.2rem}.stats-grid[data-v-b0fc385e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.stat-item[data-v-b0fc385e]{display:flex;flex-direction:column}.stat-label[data-v-b0fc385e]{font-size:.8rem;color:var(--text-muted)}.stat-value[data-v-b0fc385e]{font-size:1.1rem;font-weight:700;font-family:monospace}.stat-value-group[data-v-b0fc385e]{display:flex;align-items:baseline;gap:.3rem}.stat-sub-value[data-v-b0fc385e]{font-size:.8rem;color:var(--text-dim)}.warn[data-v-b0fc385e]{color:#e67e22}.error[data-v-b0fc385e]{color:#e74c3c}.audio-list[data-v-3bac5e66]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.audio-item[data-v-3bac5e66]{padding:.5rem .6rem;border-radius:6px;background:var(--color-surface-2, #2a2a2a)}.audio-header[data-v-3bac5e66]{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.audio-name[data-v-3bac5e66]{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-badge[data-v-3bac5e66]{font-size:.75rem;padding:.15rem .5rem;border-radius:99px;font-weight:600}.audio-badge.active[data-v-3bac5e66]{background:var(--color-badge-active-bg, #1a4a1a);color:var(--color-badge-active-fg, #4caf50)}.audio-badge.idle[data-v-3bac5e66]{background:var(--color-badge-idle-bg, #2a2a1a);color:var(--color-badge-idle-fg, #aaa)}.audio-badge.muted[data-v-3bac5e66]{background:var(--color-badge-muted-bg, #3a2a1a);color:var(--color-badge-muted-fg, #ff9800)}.meters[data-v-3bac5e66]{display:flex;flex-direction:column;gap:.25rem}.meter-row[data-v-3bac5e66]{display:flex;align-items:center;gap:.4rem}.ch-label[data-v-3bac5e66]{width:1.4rem;font-size:.7rem;color:var(--color-text-muted, #888);text-align:right}.meter-track[data-v-3bac5e66]{flex:1;height:8px;background:var(--color-surface-3, #1a1a1a);border-radius:4px;overflow:hidden}.meter-fill[data-v-3bac5e66]{height:100%;border-radius:4px;transition:width .05s linear}.db-val[data-v-3bac5e66]{font-size:.7rem;color:var(--color-text-muted, #888);width:5rem;text-align:right;font-family:monospace}.empty[data-v-3bac5e66]{color:var(--color-text-muted, #888);font-size:.9rem}:root{--bg: #0f1117;--bg-panel: #1a1d27;--bg-input: #252837;--border: #2e3148;--text: #e8eaf0;--text-muted: #7b7f96;--primary: #4f8ef7;--danger: #e05454;--success: #4caf7d;--warn: #f5a623;--live: #e03c3c;--recording: #4caf7d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:14px;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--bg-panel);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center}.header-left{display:flex;align-items:center;gap:12px}.app-title{font-size:16px;font-weight:600}.conn-badge{font-size:11px;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-input);color:var(--text-muted)}.conn-badge.connected{background:#1a3a2a;color:var(--success)}.conn-badge.connecting{background:#2a2a1a;color:var(--warn)}.conn-badge.error{background:#3a1a1a;color:var(--danger)}.main{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px;max-width:900px;width:100%;margin:0 auto}.dashboard{display:flex;flex-direction:column;gap:16px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:16px}.panel h2{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.fields{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}.fields input{background:var(--bg-input);border:1px solid var(--border);border-radius:5px;color:var(--text);padding:6px 10px;font-size:13px;width:160px;outline:none}.fields input:focus{border-color:var(--primary)}.actions{display:flex;gap:8px}.error-msg{margin-top:8px;color:var(--danger);font-size:12px}.btn{padding:7px 16px;border-radius:5px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.btn-row{display:flex;gap:8px}.controls-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.control-group{display:flex;flex-direction:column;gap:8px;min-width:0}.status-line{display:flex;align-items:center;gap:6px;min-height:28px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.dot-live{background:var(--live);box-shadow:0 0 6px var(--live);animation:pulse 1.5s infinite}.dot-rec{background:var(--recording);box-shadow:0 0 6px var(--recording);animation:pulse 1.5s infinite}.dot-warn{background:var(--warn)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:13px;font-weight:600;color:var(--text-muted)}.status-text.active{color:var(--live)}.status-text.active.paused{color:var(--warn)}.timecode-inline{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.status-indicator{font-size:13px;font-weight:600;color:var(--text-muted);padding:4px 0}.status-indicator.active{color:var(--live)}.status-indicator.active.paused{color:var(--warn)}.timecode{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.last-record-file{display:flex;align-items:baseline;gap:8px;padding:4px 0}.scene-grid{display:flex;flex-wrap:wrap;gap:8px}.scene-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 14px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.scene-btn:hover{border-color:var(--primary)}.scene-btn.active{border-color:var(--primary);background:#4f8ef726;color:var(--primary);font-weight:600}.stats-grid{display:flex;flex-wrap:wrap;gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px;min-width:80px}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.stat-value.warn{color:var(--warn)}.status-msg{text-align:center;padding:40px;color:var(--text-muted)}.status-msg .error{color:var(--danger)}@media (max-width: 600px){.main{padding:12px;gap:12px}.panel{padding:12px}.fields{flex-direction:column;gap:10px}.fields input{width:100%}.actions{flex-direction:column}.actions .btn{width:100%}.controls-row{grid-template-columns:1fr;gap:16px}.btn{min-height:44px;font-size:14px}.scene-btn{min-height:44px;font-size:14px;padding:10px 16px}.scene-grid,.stats-grid{display:grid;grid-template-columns:1fr 1fr}.stat-value{font-size:22px}}