*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#efeff1;min-height:100vh}.header{position:fixed;top:0;left:0;bottom:0;width:84px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem .5rem;background:#000;border-right:2px solid #ffffff;z-index:100}.nav-left{display:flex;align-items:center;flex-direction:column;gap:1rem;height:100%}.header-right{display:none}.header-voice{position:relative}.header-voice .voice-popup{left:auto;right:0}.nav-links{display:flex;align-items:center;flex-direction:column;gap:.75rem}.nav-separator{width:44px;height:1px;background:#fff;opacity:.5;margin:.5rem 0}.nav-diagnostics{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:auto;padding-bottom:.5rem}.nav-diagnostics .platform-icons{flex-direction:column;gap:.5rem}.nav-diagnostics .header-voice .voice-popup{left:100%;right:auto;margin-left:.5rem}.nav-audio-btn{width:40px;height:40px;border-radius:8px;border:2px solid #ffffff;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-audio-btn:hover{background:#1a1a1a}.nav-audio-btn.active{background:#eb0400;border-color:#eb0400;color:#fff}.nav-audio-btn svg{width:22px;height:22px}.obs-ownership-indicator{width:40px;height:40px;border-radius:10px;border:2px solid #3d3d40;background:#111114;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.obs-ownership-indicator svg{width:20px;height:20px}.obs-ownership-indicator:hover{transform:scale(1.04)}.obs-ownership-indicator.disconnected{background:#111114;color:#9ca3af;border-color:#3d3d40}.obs-ownership-indicator.connecting{background:#7c2d12;border-color:#f59e0b;color:#fff}.obs-ownership-indicator.connected{background:#12823e;border-color:#12823e;color:#fff}.obs-owner-bar{position:absolute;left:6px;right:6px;bottom:-7px;height:3px;border-radius:999px;background:transparent;transition:background .2s ease}.obs-ownership-indicator.owner .obs-owner-bar{background:#3b82f6}.nav-link{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;padding:.75rem 1.5rem;border-right:2px solid #ffffff;transition:all .2s;position:relative}.nav-link:first-child{padding-left:0}.nav-link:last-child{border-right:none}.nav-link:hover{background:#1a1a1a}.nav-link.active{background:#2a2a2a}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#3b82f6}.nav-link.nav-link-icon{width:56px;height:56px;padding:0;border-right:none;border-radius:12px;display:flex;align-items:center;justify-content:center}.nav-link.nav-link-icon svg{width:26px;height:26px;display:block}.nav-link.nav-link-icon:hover{background:#1a1a1a}.nav-link.nav-link-icon.active{background:#2a2a2a}.nav-link.nav-link-icon.active:after{content:"";position:absolute;left:-6px;top:8px;bottom:8px;width:3px;background:#3b82f6;border-radius:999px}.nav-count{position:absolute;bottom:6px;right:6px;background:#eb0400;color:#fff;border-radius:999px;font-size:.65rem;padding:.1rem .35rem;line-height:1}.platform-icons{display:flex;align-items:center;gap:.75rem}.platform-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem}.platform-icon-row{display:flex;align-items:center;gap:.5rem}.platform-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:3px solid currentColor}.platform-toggle-icon{width:40px;height:40px;border-radius:8px;border:3px solid currentColor;background:transparent;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.platform-toggle-icon.connected{color:#fff;background:#00a651;border-color:#00a651}.platform-toggle-icon.disconnected{color:#fff;background:#eb0400;border-color:#eb0400}.platform-toggle-icon:disabled{opacity:.4;cursor:not-allowed}.platform-toggle-icon:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.platform-toggle-icon svg{width:20px;height:20px}.platform-icon.disconnected{color:#fff;background:#eb0400;border-color:#eb0400}.platform-icon.connected{color:#fff;background:#00a651;border-color:#00a651}.platform-icon:hover{opacity:.8;transform:scale(1.05)}.platform-icon svg{width:24px;height:24px}.quick-send-row{display:flex;gap:0;margin-bottom:1rem;align-items:stretch}.quick-send-wrapper{position:relative;z-index:50}.quick-send-label{padding:.75rem 1rem;border:1px solid #efeff1;border-right:none;color:#efeff1;font-family:monospace;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.quick-send-input{flex:1;padding:.75rem 1rem;background:transparent;border:1px solid #efeff1;color:#efeff1;font-family:monospace;font-size:.875rem;outline:none}.quick-send-btn{padding:.75rem 1rem;background:transparent;border:1px solid #efeff1;border-left:none;color:#efeff1;cursor:pointer;min-width:90px;font-family:monospace}.quick-send-btn:hover{background:#ffffff1a}.quick-send-icon{width:48px;min-width:48px;display:flex;align-items:center;justify-content:center}.quick-send-icon svg{width:20px;height:20px}.voice-popup{position:absolute;top:100%;left:0;margin-top:.5rem;background:#000;border:1px solid #efeff1;padding:.75rem;z-index:200;display:none;min-width:360px}.voice-popup.visible{display:block}.voice-popup .queue-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.top-bar{position:fixed;top:0;left:84px;right:0;z-index:90;min-height:106px;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#050506;border-bottom:1px solid #2a2a2f}.top-bar-controls{display:flex;flex-direction:column;gap:.55rem;flex:1;min-width:0}.top-tts-row{display:flex;align-items:center;gap:0;min-width:0;flex:1}.top-tts-label{border:1px solid #3d3d40;border-right:none;color:#9ca3af;font-family:monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;padding:.62rem .7rem}.top-tts-input{flex:1;min-width:160px;border:1px solid #3d3d40;background:#0f0f12;color:#efeff1;font-family:monospace;font-size:.82rem;height:38px;padding:0 .75rem;line-height:1;outline:none}.top-tts-input:focus{border-color:#3b82f6}.top-tts-select{border:1px solid #3d3d40;border-left:none;background:#0f0f12;color:#efeff1;font-family:monospace;font-size:.82rem;padding:0 .75rem;height:38px;min-width:140px;outline:none}.top-tts-select:focus{border-color:#3b82f6}.top-tts-btn{border:1px solid #3d3d40;border-left:none;background:#15151a;color:#efeff1;height:38px;padding:0 .75rem;line-height:1;font-family:monospace;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.top-tts-btn:hover{background:#202029}.top-scene-status{display:inline-flex;align-items:center;gap:.55rem;position:fixed;right:1rem;bottom:1rem;z-index:95;border:1px solid #2f2f36;border-radius:999px;background:#111114;padding:.4rem .75rem;max-width:min(420px,calc(100vw - 108px))}.top-scene-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#8f8f9c}.top-scene-name{color:#f4f4f7;font-family:monospace;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.main-content{padding:2rem;max-width:none;margin:106px 0 0 84px}.page-chat .main-content{max-width:none;width:100%;margin:106px 0 0 84px;padding:1rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.page-chat .card{width:100%;margin-left:0;margin-right:0;margin-bottom:0}.page-chat .card>h2,.page-chat .card>.queue-grid,.page-chat .card>.quick-send-wrapper{width:100%;padding-left:1rem;padding-right:1rem}.page-chat .card h2{margin-left:0}.page-chat .card-compact{padding:.75rem 0}.page-chat .queue-section{display:flex;flex-direction:column;gap:1rem}.page-chat .queue-section .section-title{padding-left:0;padding-right:0}.page-chat .chat-activity-section{display:flex;flex-direction:column;gap:1rem;margin-top:0}.page-chat .chat-activity-section .section-title{padding-left:0;padding-right:0}.card{background:#18181b;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.card h2{font-size:1.25rem;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.section-title:before,.section-title:after{content:"";flex:1;border-bottom:1px solid #3d3d40}.section-title:before{flex:0 0 24px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-header h2{margin:0}.card-action-btn{background:#0e0e10;border:1px solid #3d3d40;color:#efeff1;padding:.35rem .6rem;border-radius:4px;cursor:pointer;font-size:.875rem}.card-action-btn:hover{background:#ffffff1a}.settings-page{display:flex;flex-direction:column;gap:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-alert{padding:.6rem .75rem;border-radius:6px;border:1px solid transparent;font-size:.9rem}.settings-alert.success{background:#00a65126;border-color:#00a651;color:#b7f7c7}.settings-alert.error{background:#eb040026;border-color:#eb0400;color:#ffb3b3}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:500}.badge-connected{background:#00a651}.badge-disconnected{background:#eb0400}.badge-linked{background:#9147ff}.badge-youtube{background:red}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select{width:100%;padding:.5rem;border-radius:4px;border:1px solid #3d3d40;background:#0e0e10;color:#efeff1;font-size:1rem}textarea{width:100%;padding:.5rem;border-radius:4px;border:1px solid #3d3d40;background:#0e0e10;color:#efeff1;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px}.btn{display:inline-block;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:500;cursor:pointer;border:none;font-size:.875rem}.btn-primary{background:#9147ff;color:#fff}.btn-youtube{background:red;color:#fff}.btn-danger{background:#eb0400;color:#fff}.btn:hover{opacity:.9}.btn-small{padding:.375rem .75rem;font-size:.75rem}.flex{display:flex;gap:.5rem;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.stream-info{margin-top:.5rem;font-size:.875rem;color:#adadb8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.metric{text-align:center;padding:1rem;background:#0e0e10;border-radius:4px}.metric-value{font-size:2rem;font-weight:700}.metric-label{font-size:.75rem;color:#adadb8}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.record-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:1rem;transition:all .2s}.record-btn.off{background:#3d3d40;color:#efeff1}.record-btn.off:hover{background:#eb0400}.record-btn.on{background:#eb0400;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #eb040066}50%{box-shadow:0 0 0 8px #eb040000}}.record-indicator{width:12px;height:12px;border-radius:50%;background:currentColor}.chat-list{max-height:400px;overflow-y:auto;background:#0e0e10;border-radius:4px;padding:.5rem}.chat-activity{display:flex;gap:0;border:1px solid #ffffff;border-radius:6px;overflow:hidden;background:#0b0b0b}.chat-activity--flat{border:none;border-radius:0;background:transparent}.chat-column{flex:1;border-right:1px solid #ffffff;background:transparent;padding:.75rem;min-width:0}.chat-activity--flat .chat-column{border-right:1px solid #2a2a2a;padding:0 .75rem;background:#0b0b0b}.chat-column:last-child{border-right:none}.chat-column-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#adadb8;margin-bottom:.5rem}.chat-scroll{max-height:280px;overflow-y:auto}.message{margin-bottom:2px;padding:2px 6px;background:var(--chat-message-bg, #0b0b0b);border-radius:4px;word-wrap:break-word;animation:fadeIn .3s ease-in;line-height:1.2}.timestamp{color:#888;font-size:.75em;margin-right:8px}.badge{display:inline-block;margin-right:2px;vertical-align:middle;padding:0;line-height:1}.badge img{width:1em;height:1em;display:block}.badge-fallback{display:none}.username{font-weight:700;margin-right:2px;white-space:nowrap}.content{color:#efeff1}.emote{display:inline-block;vertical-align:middle;height:1.05em;margin:0}.chat-scroll .message:last-child{margin-bottom:0}.main-content .chat-scroll .message{background:#0b0b0b}.chat-item{padding:.5rem;border-bottom:1px solid #3d3d40;font-size:.875rem}.chat-item:last-child{border-bottom:none}.chat-item .username{font-weight:700;margin-right:.5rem}.chat-item .message{color:#efeff1}.chat-item .time{font-size:.75rem;color:#adadb8;margin-right:.5rem}.chat-actions{display:flex;gap:.5rem;margin-top:.5rem}.send-form{display:flex;flex-direction:column;gap:.75rem}#status-updated{font-size:.75rem;color:#adadb8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes queueSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.queue-grid--flat{background:transparent}.queue-column{background:#0e0e10;border-radius:6px;padding:.65rem;min-height:160px}.queue-column-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.queue-header-controls{display:inline-flex;align-items:center;gap:.35rem}.queue-header-icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid #3d3d40;background:#1a1a1a;color:#8a8a93;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.queue-header-icon-btn:hover:not(:disabled){background:#26262a}.queue-header-icon-btn:disabled{opacity:.65;cursor:default}.queue-header-icon-btn svg{width:16px;height:16px;fill:currentColor}.queue-header-icon-btn--autoplay.is-active{color:#22c55e;border-color:#22c55e;background:#22c55e26}.queue-header-icon-btn--autoplay.is-spinning svg{animation:queueSpin 1s linear infinite}.queue-header-icon-btn--play-all{color:#d1d5db}.queue-header-icon-btn--play-all:hover:not(:disabled){color:#fff}.queue-list{max-height:260px;overflow-y:auto;margin-top:.5rem}.queue-item{border-bottom:1px solid #2a2a2a;padding:.5rem 0;font-size:.9rem}.queue-item:last-child{border-bottom:none}.queue-meta{font-size:.75rem;color:#adadb8;margin-bottom:.25rem}.queue-badge{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;background:#2a2a2a;color:#efeff1;margin-right:.4rem;text-transform:uppercase}.queue-badge.bits{display:inline-flex;align-items:center;gap:.25rem;text-transform:none}.queue-badge.bits img{width:16px;height:16px;display:inline-block}.queue-badge.icon-badge{padding:.1rem .25rem}.queue-badge.icon-badge svg{width:16px;height:16px;display:block;fill:currentColor}.queue-badge.icon-badge{color:#efeff1}.queue-badge.twitch-badge{color:#9147ff}.queue-badge.youtube-badge{color:red}.queue-badge.manual-badge svg{width:22px;height:22px;display:block}.queue-badge.manual-badge rect{fill:#2a2a2a;stroke:#efeff1;stroke-width:1.5}.queue-badge.manual-badge text{fill:#efeff1;font-size:12px;font-weight:700;font-family:monospace}.queue-badge.icon-badge text{font-size:12px;font-weight:700;font-family:monospace}.queue-badge.voice-badge{padding:0;background:transparent}.queue-badge.voice-badge svg{width:22px;height:22px;display:block}.queue-badge.voice-badge rect{fill:#2a2a2a;stroke:#efeff1;stroke-width:1.5}.queue-badge.voice-badge text{fill:#efeff1;font-size:12px;font-weight:700;font-family:monospace}.queue-badge.voice-badge.voice-blue rect{fill:#2563eb;stroke:#2563eb}.queue-badge.voice-badge.voice-yellow rect{fill:#f59e0b;stroke:#f59e0b}.queue-badge.voice-badge.voice-red rect{fill:#ef4444;stroke:#ef4444}.queue-badge.voice-badge.voice-blue text,.queue-badge.voice-badge.voice-yellow text,.queue-badge.voice-badge.voice-red text{fill:#fff}.queue-badge.user-badge{background:#1a1a1a;color:#efeff1}.queue-item-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.queue-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.queue-actions-inline{display:flex;align-items:center;gap:.35rem}.queue-content{min-width:0}.queue-message{display:flex;align-items:center}.queue-chat-message{padding:0;margin:0;background:transparent;border-radius:0;animation:none;line-height:1.2;display:inline-flex;align-items:center;gap:4px}.queue-chat-message .badge,.queue-chat-message .username{margin-right:2px}.queue-right{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.queue-btn--play{border-color:#3b82f6;color:#3b82f6}.queue-btn--play:hover{background:#3b82f633}.queue-btn--cancel{border-color:#eb0400;color:#eb0400}.queue-btn--cancel:hover{background:#eb040033}.queue-actions{margin-top:.4rem;display:flex;gap:.5rem}.queue-btn{border:1px solid #3d3d40;background:#1a1a1a;color:#efeff1;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;cursor:pointer}.queue-btn:hover{background:#2a2a2a}.overlay-status{display:inline-block;margin-left:.4rem;padding:.1rem .35rem;border-radius:4px;font-size:.65rem;text-transform:uppercase;background:#2a2a2a;color:#efeff1}.obs-page{padding:2rem;max-width:none;margin:0;width:100%}.images-tag-input-wrap{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;border:1px solid #3d3d40;background:#1a1a1a;border-radius:6px;padding:.45rem}.images-tag-input-wrap input{flex:1;min-width:220px;border:none;background:transparent;color:#efeff1;font-size:.95rem}.images-tag-input-wrap input:focus{outline:none}.images-tag-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#171722;border:1px solid #4a4a58;color:#e8e8f3;font-family:monospace;font-size:.72rem;padding:.2rem .5rem}.images-tag-pill-remove{border:none;background:transparent;color:#fca5a5;cursor:pointer;font-size:.72rem;line-height:1;padding:0}.images-library-card{margin-top:.9rem}.images-grid{margin-top:.6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.images-item{border:1px solid #32323a;border-radius:8px;background:#121218;padding:.55rem;display:flex;flex-direction:column;gap:.4rem}.images-item-preview{width:100%;height:140px;object-fit:cover;border-radius:6px;border:1px solid #2a2a32;background:#0c0c10}.images-item-name{color:#f3f3fa;font-weight:700;font-size:.85rem}.images-item-tags{display:flex;flex-wrap:wrap;gap:.35rem}.images-item-tag{border:1px solid #4a4a58;border-radius:999px;padding:.12rem .4rem;font-size:.7rem;font-family:monospace;color:#d7d7e6;background:#171722}.card-action-btn.icon-only{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.card-action-btn.icon-only svg{width:18px;height:18px}.obs-filters-page{width:100%}.obs-filters-page .card{max-width:none}.obs-local-indicator{position:fixed;left:12px;bottom:12px;z-index:50;display:inline-flex;align-items:center;gap:.45rem;border:1px solid #3d3d40;background:#121214;color:#efeff1;border-radius:999px;padding:.32rem .62rem;font-size:.74rem;font-family:monospace;cursor:pointer}.obs-local-indicator:hover{background:#1a1a1f}.obs-local-dot{width:10px;height:10px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px #ef44442e}.obs-local-indicator.connected .obs-local-dot{background:#16a34a;box-shadow:0 0 0 2px #16a34a33}.obs-local-indicator.connecting .obs-local-dot{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.obs-filters-workspace{width:100%}.obs-scene-strip{margin-top:.9rem;border:1px solid #2a2a2a;border-radius:8px;background:#101013;padding:.7rem}.obs-scenes-horizontal{margin-top:.55rem;display:flex;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:.2rem}.obs-scene-pill{border:1px solid #3f3f48;border-radius:999px;background:#17171b;color:#d9d9e3;font-family:monospace;font-size:.78rem;padding:.26rem .65rem;cursor:grab}.obs-scene-pill:hover{border-color:#f97316}.obs-scene-pill.is-active{border-color:#f97316;background:#23150c;color:#fff}.obs-scene-pill:active{cursor:grabbing}.obs-work-layout{margin-top:.95rem;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:.9rem;min-height:62vh}.obs-work-area{border:1px dashed #3d3d40;border-radius:10px;background:#0f0f12;padding:.9rem;display:flex;flex-direction:column;gap:.7rem}.obs-work-canvas{position:relative;flex:1;min-height:380px;border:1px dashed #26262d;border-radius:8px;padding:.5rem;overflow:hidden}.obs-work-scene-card{position:absolute;width:200px;min-height:110px;border:1px solid #5b5b66;border-radius:8px;background:#111116;padding:.4rem;cursor:move;-webkit-user-select:none;user-select:none}.obs-work-scene-card.is-active{border-color:#f97316;box-shadow:0 0 0 1px #f9731659}.obs-work-scene-title{color:#f4f4f8;font-weight:700;margin-bottom:.2rem;font-size:.82rem}.obs-work-scene-title-row{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.3rem}.obs-scene-remove-btn{width:18px;height:18px;border:none;border-radius:4px;background:#dc2626;color:#fff;font-size:.72rem;line-height:1;cursor:pointer;padding:0}.obs-scene-remove-btn:hover{background:#ef4444}.obs-work-scene-filters{display:flex;flex-direction:column;gap:.3rem}.obs-work-filter-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;border:1px solid #3b3b42;border-radius:6px;padding:.2rem .3rem;background:#191920;color:#ececf3;font-size:.72rem;font-family:monospace}.obs-work-filter-card{border:1px solid #2f2f36;border-radius:6px;background:#15151b;padding:.22rem}.obs-filter-trash-btn{width:18px;height:18px;border:none;border-radius:4px;background:#dc2626;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.obs-filter-trash-btn svg{width:12px;height:12px}.obs-filter-trash-btn:hover{background:#ef4444}.obs-work-area.is-drop-target{border-color:#f97316;background:#1c130d}.obs-work-area-header{display:flex;justify-content:space-between;align-items:center;gap:.7rem;color:#e8e8ee;font-size:.88rem}.obs-work-area-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.obs-work-area-hint{color:#9d9daa;font-size:.8rem;font-family:monospace}.obs-work-area-title{color:#ececf4;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.obs-source-canvas{display:flex;flex-direction:column;gap:.55rem;padding:.7rem;overflow:auto}.obs-source-scene-header{display:flex;align-items:center;justify-content:space-between;gap:.55rem;flex-wrap:wrap}.obs-source-scene-name{color:#f2f2f8;font-size:.88rem;font-weight:700;font-family:monospace}.obs-source-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;align-content:start}.obs-source-card{border:1px solid #30303a;border-radius:8px;background:#121219;padding:.5rem}.obs-source-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}.obs-source-name{color:#f2f2f8;font-size:.78rem;font-family:monospace;font-weight:600;overflow-wrap:anywhere}.obs-source-tags{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;flex-wrap:wrap}.obs-source-tag{border:1px solid #4a4a58;border-radius:999px;background:#171722;color:#cfcfde;font-size:.63rem;font-family:monospace;text-transform:uppercase;letter-spacing:.04em;padding:.08rem .36rem}.obs-source-filter-list{margin-top:.45rem;display:grid;gap:.28rem}.obs-source-filter-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;border:1px solid #3b3b42;border-radius:6px;padding:.22rem .34rem;background:#191920}.obs-source-filter-name{color:#ececf3;font-size:.72rem;font-family:monospace;overflow-wrap:anywhere}.obs-source-filter-state{font-family:monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent;border-radius:999px;padding:.08rem .34rem;white-space:nowrap}.obs-source-filter-state.is-enabled{color:#a7f3d0;border-color:#065f46;background:#05291e}.obs-source-filter-state.is-disabled{color:#fecaca;border-color:#7f1d1d;background:#2a1114}.obs-filters-panel{border:1px solid #3d3d40;border-radius:10px;background:#121214;padding:.8rem;display:flex;flex-direction:column;min-height:0}.obs-hotkey-macro-box{border:1px solid #303039;border-radius:8px;background:#111116;padding:.55rem;margin-bottom:.7rem;display:grid;gap:.45rem}.obs-hotkey-action-row{display:flex;gap:.45rem;flex-wrap:wrap}.obs-hotkey-help{color:#9f9fac;font-size:.68rem;line-height:1.35;font-family:monospace}.obs-hotkey-list{display:grid;gap:.42rem}.obs-hotkey-item{border:1px solid #2b2b32;border-radius:6px;background:#0f0f13;padding:.4rem .45rem;display:grid;gap:.35rem}.obs-hotkey-item.is-active{border-color:#f97316;box-shadow:inset 0 0 0 1px #f9731659}.obs-hotkey-item-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.obs-hotkey-title{color:#f1f1f6;font-size:.75rem;font-weight:700;font-family:monospace}.obs-hotkey-sequence{color:#ffb983;border:1px solid #5a412b;border-radius:999px;padding:.12rem .4rem;font-size:.66rem;font-family:monospace;letter-spacing:.02em}.obs-hotkey-meta{color:#a7a7b3;font-size:.68rem;font-family:monospace}.obs-hotkey-item-actions{display:flex;gap:.4rem}.obs-create-filter-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#babac5}.obs-filters-panel h3{margin:0 0 .7rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:#adadb8}.obs-filters-column{border:1px solid #3d3d40;border-radius:8px;background:#121214;min-height:280px;padding:.9rem}.obs-filters-column h3{margin:0 0 .8rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#adadb8}.obs-filters-list{display:flex;flex-direction:column;gap:.28rem;max-height:none;min-height:0;height:100%;overflow:auto}.obs-scene-filter-bar{margin-bottom:.65rem}.obs-scene-filter-input{width:100%;border:1px solid #3d3d40;background:#0f0f12;color:#efeff1;border-radius:6px;padding:.42rem .55rem;font-family:monospace;font-size:.8rem}.obs-scene-filter-input:focus{outline:none;border-color:#f97316}.obs-filter-set-picker{border:1px solid #3d3d40;background:#0f0f12;border-radius:6px;padding:.4rem .48rem;max-height:150px;overflow:auto;display:flex;flex-direction:column;gap:.3rem}.obs-filter-set-option{display:flex;align-items:center;gap:.4rem;color:#d7d7e0;font-size:.75rem;font-family:monospace}.obs-filter-set-option input{margin:0;accent-color:#f97316}.obs-filters-item{border:1px solid #2a2a2a;border-radius:4px;background:#0e0e10;color:#efeff1;font-family:monospace;font-size:.76rem;padding:.24rem .4rem}.obs-filter-draggable{cursor:grab}.obs-filter-draggable.is-selected{border-color:#f97316;box-shadow:inset 0 0 0 1px #f9731673;background:#1b1410}.obs-filter-draggable:active{cursor:grabbing}.obs-filter-chip-row{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.45rem}.obs-scene-actions{display:flex;justify-content:flex-end;margin-top:.2rem}.obs-scene-attach-btn{border:1px solid #4b4b54;background:#191920;color:#d6d6df;border-radius:4px;font-size:.7rem;font-family:monospace;padding:.16rem .42rem;cursor:pointer}.obs-scene-attach-btn:hover{border-color:#f97316;color:#fff}.obs-filter-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #8b8b94;border-radius:999px;padding:.18rem .45rem;background:#1a1a1f;color:#f0f0f5;font-size:.74rem}.obs-filter-chip-remove{width:16px;height:16px;border:none;border-radius:999px;background:#dc2626;color:#fff;font-size:.72rem;line-height:1;cursor:pointer;padding:0}.obs-filter-chip-remove:hover{background:#ef4444}.obs-filter-title{color:#f4f4f8;font-weight:600;margin:0}.obs-filter-item-head{display:flex;align-items:center;justify-content:space-between;gap:.28rem;min-height:16px}.obs-filters-list .obs-filter-trash-btn{width:16px;height:16px}.obs-filters-list .obs-filter-trash-btn svg{width:10px;height:10px}.obs-filter-description{color:#b9b9c4;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:.75rem;line-height:1.35;margin-bottom:.3rem}.obs-filter-meta{color:#8f8f9b;font-size:.72rem;line-height:1.3}.obs-filters-empty{color:#8c8c97;font-size:.85rem;padding:.5rem .1rem}.obs-status-ok{color:#adadb8}.obs-status-error{color:#ef4444;font-weight:600}.vote-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;align-items:stretch;--obs-btn-size: 56px}.vote-btn{padding:0;background:transparent;border:1px solid #efeff1;color:#efeff1;cursor:pointer;font-family:monospace;font-size:.875rem;height:var(--obs-btn-size);min-width:var(--obs-btn-size);display:inline-flex;align-items:center;justify-content:center}.vote-btn.icon{width:var(--obs-btn-size)}.vote-btn.icon svg{width:22px;height:22px}.vote-btn:hover{background:#ffffff1a}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.settings-popover{position:relative;display:inline-flex;align-items:center}.settings-panel{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:#0e0e10;border:1px solid #2a2a2a;border-radius:8px;padding:1rem;z-index:20;box-shadow:0 10px 24px #00000059;display:none}.settings-panel.open{display:block}.settings-panel h3{margin:0 0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#adadb8}.overlay-bg-controls{display:flex;align-items:center;gap:.6rem}.overlay-bg-color{width:48px;min-width:48px;height:36px;padding:.15rem;border-radius:4px;cursor:pointer}.overlay-bg-opacity{flex:1}.overlay-bg-opacity-input{display:inline-flex;align-items:center;gap:.35rem}.overlay-bg-opacity-input input{width:84px}.overlay-bg-opacity-input span{color:#adadb8;font-size:.875rem}.overlay-bg-opacity .stream-info{margin-top:.35rem}.vote-btn.stop-audio.active{background:#eb0400;border-color:#eb0400;color:#fff}.vote-btn.toggle.active{background:#2563eb;border-color:#2563eb;color:#fff}.vote-btn.vote-toggle.active,.vote-btn.show-prev.active,.vote-btn.timer-toggle.active{background:#eb0400;border-color:#eb0400;color:#fff}.split-btn{display:inline-flex;flex-direction:column;border:1px solid #efeff1;width:var(--obs-btn-size);height:var(--obs-btn-size)}.split-btn .vote-btn{border:none;margin:0;width:100%;height:calc(var(--obs-btn-size) / 2)}.split-btn-top{border-bottom:1px solid #efeff1}.split-btn-bottom{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.split-btn .vote-btn:hover{background:#ffffff1a}.split-btn.active .split-btn-top,.split-btn.active .split-btn-bottom,.split-btn.show-only .split-btn-bottom{background:#eb0400;border-color:#eb0400;color:#fff}.split-btn.active .split-btn-top:hover,.split-btn.active .split-btn-bottom:hover,.split-btn.show-only .split-btn-bottom:hover{background:#d90400}.button-divider{width:4px;background:#fff;border-radius:2px;align-self:stretch}.url-row{display:flex;gap:0;align-items:stretch;margin-bottom:1.5rem}.scene-select-wrap{display:inline-flex;align-items:center;border:1px solid #efeff1;border-right:none;background:#060607}.scene-select-wrap label{padding:.75rem .65rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#adadb8;border-right:1px solid #efeff1;font-family:monospace}.scene-select{appearance:none;border:none;background:transparent;color:#efeff1;padding:.75rem 2.2rem .75rem .7rem;font-family:monospace;font-size:.82rem;min-width:200px;outline:none}.scene-select option{background:#050506;color:#efeff1}.scene-reset-btn{min-width:78px;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-family:monospace}.scene-reset-btn:disabled{opacity:.55;cursor:not-allowed}.url-input{flex:1;padding:.75rem 1rem;background:transparent;border:1px solid #efeff1;color:#efeff1;font-family:monospace;font-size:.875rem;outline:none}.url-btn{padding:.75rem 1rem;background:transparent;border:1px solid #efeff1;border-left:none;color:#efeff1;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:48px}.url-btn:hover{background:#ffffff1a}.url-btn svg{width:20px;height:20px}.preview-box{width:100%;border:1px solid #efeff1;background:transparent;position:relative}.obs-local-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(200px,.6fr);gap:.75rem}.obs-local-actions{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.obs-local-scenes{margin-top:.9rem;border:1px solid #3d3d40;border-radius:6px;background:#121214;padding:.75rem;max-height:240px;overflow:auto;font-family:monospace;font-size:.82rem;line-height:1.45;color:#d5d5de}@media(max-width:1100px){.obs-work-layout{grid-template-columns:1fr;min-height:0}.obs-filters-panel{min-height:280px}}@media(max-width:1400px){.obs-source-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1080px){.obs-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.obs-source-list{grid-template-columns:1fr}}@media(max-width:920px){.top-bar{min-height:0;flex-direction:column;align-items:stretch;gap:.6rem;padding:.6rem .75rem}.top-tts-row{width:100%}.top-tts-input{min-width:0}.top-tts-select{min-width:0;width:38%}.top-scene-status{right:.75rem;bottom:.75rem;max-width:min(360px,calc(100vw - 98px))}.top-scene-name{max-width:100%}.main-content,.page-chat .main-content{margin-top:168px}.obs-page .url-row{flex-wrap:wrap;gap:.5rem}.obs-page .scene-select-wrap{width:100%;border-right:1px solid #efeff1}.obs-page .scene-select{width:100%;min-width:0}.obs-page .url-input{min-width:0;flex:1 1 auto;border-right:1px solid #efeff1}.obs-page .url-btn{border-left:1px solid #efeff1}.obs-local-grid{grid-template-columns:1fr}.obs-local-actions{flex-wrap:wrap}}.diagnostics-panel{position:absolute;background:#0009;color:#efeff1;border:1px solid #2a2a2a;border-radius:6px;font-size:var(--diagnostics-font-size, 16px);display:flex;flex-direction:column;pointer-events:none}.diagnostics-header{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600}.diagnostics-header.connected{color:#00ad03}.diagnostics-header.disconnected{color:#e91916}.diagnostics-logs{padding:6px 10px;overflow:hidden;display:flex;flex-direction:column;gap:4px;font-family:monospace;font-size:var(--diagnostics-font-size, 16px)}.sam-and-dario-page{display:flex;flex-direction:column;gap:.65rem}.sam-and-dario-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.sam-and-dario-title-row{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sam-and-dario-header-actions{display:flex;align-items:center;gap:.5rem}.create-character-btn{min-width:40px;min-height:40px;font-size:1.4rem;line-height:1;background:#2563eb;color:#f8fbff}.delete-character-btn{width:20px;height:20px;border:none;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:color .12s ease}.delete-character-btn svg{width:16px;height:16px}.delete-character-btn:hover:not(:disabled){color:#ef4444}.delete-character-btn:disabled{opacity:.6;cursor:default}.sam-and-dario-empty-state{border:1px dashed #3b3d47;border-radius:10px;padding:.85rem;color:#a5a7b3;max-width:700px}.sam-and-dario-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:.85rem;align-items:start}.sam-and-dario-preview-column{position:sticky;top:.5rem}.sam-and-dario-edit-column{display:grid;gap:.5rem;min-width:0}.sam-and-dario-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.sam-and-dario-header-select{min-width:180px;border-radius:999px;border:1px solid #3f4452;background:linear-gradient(180deg,#1a1d27,#11131a);color:#f3f4f6;padding:.35rem .9rem;font-size:.9rem;font-weight:600;letter-spacing:.02em}.sam-and-dario-header-select:focus{outline:none;border-color:#5b8dff;box-shadow:0 0 0 2px #5b8dff33}.sam-and-dario-editor{border:1px solid #31313a;border-radius:10px;padding:.75rem;background:#121218;display:grid;gap:.45rem;width:100%;max-width:none;position:relative}.sam-and-dario-editor-actions{position:absolute;right:.55rem;top:.55rem;display:inline-flex;align-items:center;gap:.45rem}.sam-and-dario-sync-indicator{font-size:.95rem;line-height:1;transition:color .12s ease}.sam-and-dario-sync-indicator.is-synced{color:#22c55e}.sam-and-dario-sync-indicator.is-dirty{color:#9ca3af}.sam-and-dario-upload-row{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:.6rem}.sam-and-dario-inline-input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.sam-and-dario-inline-input{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #3d3d40;border-radius:6px;background:#0f0f12;color:#efeff1;padding:0 .55rem;height:34px;min-width:0}.sam-and-dario-inline-input-label{color:#adadb8;font-family:monospace;font-size:.76rem;line-height:1;white-space:nowrap}.sam-and-dario-inline-input-separator{color:#7e808a;font-family:monospace;font-size:.76rem;line-height:1}.sam-and-dario-inline-input-control{flex:1;min-width:0;border:none;outline:none;background:transparent;color:#efeff1;font-family:monospace;font-size:.82rem;line-height:1}.sam-and-dario-inline-input-control:disabled{opacity:.7}.sam-and-dario-upload-col{display:flex;flex-direction:column;gap:.35rem}.sam-and-dario-slot-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:104px;max-width:200px;border:1px solid #2e2f35;border-radius:8px;background:#0d0f16;padding:.35rem;box-sizing:border-box}.sam-and-dario-slot-preview{display:block;max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain;object-position:center center}.sam-and-dario-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.sam-and-dario-modal{width:min(560px,calc(100vw - 2rem));border-radius:12px;background:#15161d;border:1px solid #31323c;box-shadow:0 12px 28px #00000073;padding:1rem;display:grid;gap:.55rem}.sam-and-dario-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.create-character-submit-btn{background:#2563eb;color:#f8fbff}.delete-character-confirm-btn{background:#b42318;color:#fff2f0}.sam-and-dario-stage{width:100%;display:flex;gap:.6rem}.sam-and-dario-name-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.sam-and-dario-stage-btns{display:inline-flex;gap:.25rem}.sam-and-dario-stage-btn{min-width:2rem;padding:.2rem .45rem;font-size:.95rem;line-height:1.2}.sam-and-dario-stage-viewport{width:100%;max-width:300px;aspect-ratio:6 / 7;overflow:hidden;border-radius:.35rem;margin-left:auto;margin-right:auto;flex-shrink:0}.sam-and-dario-character-stage-motion{width:100%;height:100%;will-change:transform}.sam-and-dario-action-row{display:flex;align-items:center;gap:.45rem;width:100%;margin-top:.45rem}.sam-and-dario-action-input{flex:1;min-width:0;border:1px solid #3d3d40;background:#0f0f12;color:#efeff1;font-family:monospace;font-size:.82rem;padding:.62rem .75rem;outline:none}.sam-and-dario-action-input::placeholder{color:#adadb8}.sam-and-dario-action-input:focus{border-color:#3b82f6;box-shadow:none}.sam-and-dario-action-btn{border:1px solid #3d3d40;background:#15151a;color:#efeff1;width:38px;height:38px;min-width:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.sam-and-dario-action-btn:hover:not(:disabled){background:#202029}.sam-and-dario-volume-toggle{width:38px;height:38px;border-radius:8px;border:1px solid #3d3d40;background:#15151a;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,border-color .12s ease}.sam-and-dario-volume-toggle svg{width:18px;height:18px}.sam-and-dario-volume-toggle.is-active{background:#eb0400;border-color:#eb0400;color:#fff}.sam-and-dario-volume-toggle:disabled{opacity:.65;cursor:default}.sam-and-dario-card{border:1px solid #3d3d40;background:#121216;border-radius:10px;padding:.65rem;width:100%}.sam-and-dario-name{text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:#adadb8;margin-bottom:.5rem;font-family:monospace;text-align:center}.sam-and-dario-canvas{width:100%;height:100%;max-width:none;aspect-ratio:unset;border-radius:12px;background:#0f0f14;border:1px solid #26262e;position:relative;overflow:hidden;box-sizing:border-box}.sam-and-dario-missing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.8rem;color:#8a8a95;font-family:monospace;z-index:5;white-space:nowrap}.sam-and-dario-half{position:absolute;left:0;top:0;width:100%;height:100%;transform:translate(0);transition:none;will-change:transform;pointer-events:none;z-index:3}.sam-and-dario-half-top{z-index:4}.sam-and-dario-half-bottom{z-index:2}.sam-and-dario-layer-image{width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}@media(max-width:920px){.sam-and-dario-title-row{width:100%;justify-content:space-between}.sam-and-dario-header-select{min-width:150px}.sam-and-dario-workspace{grid-template-columns:1fr}.sam-and-dario-preview-column{position:static}.sam-and-dario-stage{justify-content:flex-start}.sam-and-dario-action-row{flex-wrap:wrap}.sam-and-dario-upload-row,.sam-and-dario-inline-input-row{grid-template-columns:1fr}}