config-view{display:flex;flex-direction:column;gap:0;width:100%;height:100%;max-width:52rem;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}config-view[state=visible]{opacity:1;transform:translateY(0)}config-view div[kind=config-tabs]{display:flex;gap:0;border-bottom:1px solid rgba(139,92,246,.12);padding:0 .5rem;flex-shrink:0;overflow-x:auto;scrollbar-width:none}config-view div[kind=config-tabs]::-webkit-scrollbar{display:none}config-view button[kind=config-tab]{display:flex;align-items:center;gap:.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff59;font-family:inherit;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;padding:.75rem 1rem;cursor:pointer;transition:color .25s,border-color .25s;white-space:nowrap}config-view button[kind=config-tab] span[kind=tab-icon]{font-size:.85rem;transition:filter .25s}config-view button[kind=config-tab]:hover{color:#fff9}config-view button[kind=config-tab][active]{color:var(--violet);border-bottom-color:var(--violet)}config-view button[kind=config-tab][active] span[kind=tab-icon]{filter:drop-shadow(0 0 6px rgba(139,92,246,.5))}config-view div[kind=config-content]{flex:1;overflow-y:auto;padding:1.5rem .5rem 1.5rem 0}config-view div[kind=config-content]::-webkit-scrollbar{width:2px}config-view div[kind=config-content]::-webkit-scrollbar-track{background:transparent}config-view div[kind=config-content]::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:1px}config-view div[kind=config-panel]{display:flex;flex-direction:column;gap:1.5rem;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}config-view div[kind=config-panel][hidden]{display:none}config-view div[kind=config-panel][state=visible]{opacity:1;transform:translateY(0)}config-view div[kind=sub-tabs]{display:flex;gap:0;border-bottom:1px solid rgba(139,92,246,.08);margin-bottom:1.25rem;overflow-x:auto;scrollbar-width:none}config-view div[kind=sub-tabs]::-webkit-scrollbar{display:none}config-view button[kind=sub-tab]{display:flex;align-items:center;gap:.4rem;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff4d;font-family:inherit;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.6rem .85rem;cursor:pointer;transition:color .25s,border-color .25s;white-space:nowrap}config-view button[kind=sub-tab] span[kind=tab-icon]{font-size:.75rem;transition:filter .25s}config-view button[kind=sub-tab]:hover{color:#ffffff8c}config-view button[kind=sub-tab][active]{color:var(--violet);border-bottom-color:var(--violet)}config-view button[kind=sub-tab][active] span[kind=tab-icon]{filter:drop-shadow(0 0 5px rgba(139,92,246,.4))}config-view div[kind=sub-panel]{display:flex;flex-direction:column;gap:1.25rem;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}config-view div[kind=sub-panel][state=visible]{opacity:1;transform:translateY(0)}config-view div[kind=sub-panel][hidden]{display:none}config-view div[kind=section]{display:flex;flex-direction:column;gap:.25rem;background:#00000040;backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.12);border-radius:.75rem;padding:1.5rem 2rem}config-view div[kind=section-header]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}config-view span[kind=section-icon]{font-size:1rem;color:var(--violet);filter:drop-shadow(0 0 6px rgba(139,92,246,.5))}config-view div[kind=section-header] h3{font-size:.8rem;font-weight:400;color:#ffffffb3;letter-spacing:.25em;text-transform:uppercase}config-view div[kind=header-line]{flex:1;height:1px;background:linear-gradient(90deg,rgba(139,92,246,.3),transparent)}config-view div[kind=setting-row]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.04)}config-view div[kind=setting-row]:last-child{border-bottom:none}config-view span[kind=setting-label]{font-size:.8rem;color:#ffffff80;letter-spacing:.12em;text-transform:uppercase}config-view span[kind=placeholder-text]{font-size:.75rem;color:#fff3;letter-spacing:.12em;font-style:italic}config-view button[kind=toggle]{position:relative;width:42px;height:22px;background:none;border:none;padding:0;cursor:pointer}config-view span[kind=track]{display:block;width:100%;height:100%;border-radius:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s,box-shadow .3s;position:relative}config-view button[kind=toggle][state=on] span[kind=track]{background:#8b5cf640;border-color:#8b5cf680;box-shadow:0 0 12px #8b5cf633}config-view span[kind=knob]{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff6;transition:transform .25s,background .25s,box-shadow .25s}config-view button[kind=toggle][state=on] span[kind=knob]{transform:translate(20px);background:var(--violet);box-shadow:0 0 8px #8b5cf699}config-view div[kind=slider-wrap]{display:flex;align-items:center;gap:1rem}config-view span[kind=slider-value]{font-size:.75rem;color:var(--violet);letter-spacing:.1em;min-width:3rem;text-align:right}config-view input[kind=slider]{-webkit-appearance:none;appearance:none;width:140px;height:3px;border-radius:2px;background:linear-gradient(90deg,rgba(139,92,246,.6) 0%,rgba(139,92,246,.6) var(--fill),rgba(255,255,255,.08) var(--fill),rgba(255,255,255,.08) 100%);outline:none;cursor:pointer}config-view input[kind=slider]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--violet);border:2px solid rgba(139,92,246,.8);box-shadow:0 0 10px #8b5cf666;transition:box-shadow .2s}config-view input[kind=slider]::-webkit-slider-thumb:hover{box-shadow:0 0 16px #8b5cf6b3}config-view input[kind=slider]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--violet);border:2px solid rgba(139,92,246,.8);box-shadow:0 0 10px #8b5cf666;cursor:pointer}config-view input[kind=slider]::-moz-range-track{height:3px;border-radius:2px;background:#ffffff14}config-view input[kind=slider]::-moz-range-progress{height:3px;border-radius:2px;background:#8b5cf699}config-view div[kind=select-group]{display:flex;gap:0;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden}config-view button[kind=select-opt]{background:transparent;border:none;border-right:1px solid rgba(255,255,255,.06);color:#ffffff59;font-family:inherit;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .9rem;cursor:pointer;transition:background .2s,color .2s}config-view button[kind=select-opt]:last-child{border-right:none}config-view button[kind=select-opt]:hover{background:#8b5cf61a;color:#ffffffb3}config-view button[kind=select-opt][state=active]{background:#8b5cf633;color:var(--violet);box-shadow:inset 0 0 12px #8b5cf626}config-view div[kind=mic-section]{display:flex;flex-direction:column;gap:.5rem}config-view button[kind=mic-btn]{background:transparent;border:1px solid rgba(139,92,246,.3);color:#fff9;font-family:inherit;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:.4rem 1rem;cursor:pointer;transition:all .3s}config-view button[kind=mic-btn]:hover{background:#8b5cf626;border-color:#8b5cf680;color:#ffffffe6}config-view button[kind=mic-btn][state=on]{background:#22c55e26;border-color:#22c55e66;color:#22c55e;box-shadow:0 0 12px #22c55e26}config-view span[kind=mic-status]{font-size:.65rem;color:#ffffff59;letter-spacing:.1em}config-view div[kind=mic-meter]{width:100%;height:4px;background:#ffffff0f;border-radius:2px}config-view div[kind=mic-meter-fill]{height:100%;width:0%;background:#22c55e;border-radius:2px;box-shadow:0 0 6px #22c55e66;transition:width .05s linear}config-view div[kind=danger-zone]{background:#00000040;backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.15);border-radius:.75rem;padding:1.5rem 2rem}config-view div[kind=zone-line]{display:flex;align-items:center;justify-content:space-between;gap:2rem}config-view div[kind=zone-info]{display:flex;flex-direction:column;gap:.3rem}config-view span[kind=zone-title]{font-size:.8rem;color:#fb7185e6;letter-spacing:.2em;text-transform:uppercase}config-view span[kind=zone-desc]{font-size:.7rem;color:#ffffff4d;letter-spacing:.1em}config-view button[kind=logout-btn]{background:transparent;border:1px solid rgba(220,38,38,.3);color:#fb7185cc;font-family:inherit;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;padding:.65rem 1.5rem;cursor:pointer;transition:all .3s;white-space:nowrap}config-view button[kind=logout-btn]:hover{background:#dc262626;border-color:#dc262680;color:#fb7185;box-shadow:0 0 20px #dc262626}config-view button[kind=logout-btn][state=pressed]{background:#dc26264d;border-color:#dc262699;box-shadow:0 0 30px #dc262640;transform:scale(.95)}@media(max-width:600px){config-view div[kind=section]{padding:1rem 1.25rem}config-view div[kind=setting-row]{flex-direction:column;align-items:flex-start;gap:.6rem}config-view input[kind=slider]{width:100%}config-view div[kind=zone-line]{flex-direction:column;align-items:flex-start}config-view button[kind=config-tab]{padding:.6rem .75rem;font-size:.6rem}}