.creator-panel .view-options-group{display:flex;gap:4px;background-color:rgba(255,255,255,.03);border-radius:6px;padding:2px}.creator-panel .view-option-btn{flex:1;padding:6px 10px;border-radius:5px;border:1px solid transparent;background:transparent;color:rgba(148,163,184,.8);font-weight:500;font-size:11px;cursor:pointer;transition:all .15s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.creator-panel .view-option-btn:hover:not(.active){background-color:rgba(255,255,255,.06);color:#cbd5e1}.creator-panel .view-option-btn.active{background-color:rgba(59,130,246,.15);color:#93c5fd;font-weight:600;border-color:rgba(59,130,246,.25)}.creator-panel .view-option-btn.open-overlay-window-btn{border-color:rgba(255,255,255,.15)}.creator-panel .view-option-btn.open-overlay-window-btn:hover{border-color:rgba(255,255,255,.25)}.creator-panel .stream-overlay-card{border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);overflow:hidden;margin-bottom:6px;box-sizing:border-box}.creator-panel .stream-overlay-card:last-child{margin-bottom:0}.creator-panel .stream-overlay-section-card{margin-top:6px}.creator-panel .stream-overlay-card-actions{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 12px}.creator-panel .stream-overlay-card-actions .view-option-btn{flex:1;min-width:0;border:1px solid rgba(255,255,255,.15);padding:10px 16px;background:rgba(255,255,255,.04);color:rgba(203,213,225,.95);box-sizing:border-box;min-height:40px;align-items:center;justify-content:center;gap:8px}.creator-panel .stream-overlay-card-actions .view-option-btn:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08)}.creator-panel .stream-overlay-card .stream-overlay-card-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.creator-panel .stream-overlay-card .stream-overlay-card-icon{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8}.creator-panel .stream-overlay-hp-card .stream-overlay-card-icon{color:rgba(248,113,113,.9)}.creator-panel .stream-overlay-card .stream-overlay-card-title{font-size:12px;font-weight:600;color:#cbd5e1}.creator-panel .stream-overlay-card .stream-overlay-card-body{padding:8px 12px 10px;display:flex;flex-direction:column;gap:8px}.creator-panel .stream-overlay-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.creator-panel .stream-overlay-card-label{font-size:11px;font-weight:500;color:#94a3b8;flex-shrink:0}.creator-panel .stream-overlay-card-row .view-options-group{flex:1;min-width:0;justify-content:flex-end}.creator-panel .stream-overlay-card-select{min-width:64px;max-width:80px}.creator-panel .view-option-icon{display:inline-flex;align-items:center;justify-content:center;opacity:.9}.creator-panel .view-option-icon svg{display:block}.creator-panel .view-option-label{line-height:1}.creator-panel .settings-panel{overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.creator-panel .settings-section{display:flex;flex-direction:column;gap:0;padding:0;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;transition:border-color .15s ease}.creator-panel .settings-section:hover{border-color:rgba(255,255,255,.1)}.creator-panel .stream-overlay-settings:not(.stream-overlay-expanded),.creator-panel .twitch-extension-settings:not(.twitch-extension-expanded){padding-bottom:0}.creator-panel .stream-overlay-settings.stream-overlay-expanded .settings-section-content,.creator-panel .twitch-extension-settings.twitch-extension-expanded .settings-section-content{padding:10px 12px}.creator-panel .stream-overlay-settings .settings-section-content>.setting-item:first-child{padding-left:0;padding-right:0}.creator-panel .setting-header{display:flex;align-items:center;gap:10px;padding:10px 12px;position:relative;transition:background-color .15s ease}.creator-panel .setting-header:hover{background:rgba(255,255,255,.02)}.creator-panel .setting-header svg{opacity:.7;color:#60a5fa;flex-shrink:0}.creator-panel .setting-title{font-size:13px;font-weight:600;margin:0;color:#cbd5e1;letter-spacing:.02em}.creator-panel .setting-item{display:flex;flex-direction:column;gap:6px;padding:0 12px}.creator-panel .setting-item:first-child{padding-top:0}.creator-panel .setting-select{width:100%;padding:7px 10px;border-radius:6px;background:rgba(255,255,255,.03);font-size:12px;outline:none;transition:border-color .15s ease}.creator-panel .setting-select:focus{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 1px rgba(59,130,246,.3)}.creator-panel .setting-select:disabled{opacity:.4;cursor:not-allowed}.creator-panel .setting-select,.creator-panel .settings-panel{color-scheme:dark}.creator-panel .setting-select{appearance:none;-webkit-appearance:none;background-color:rgba(15,23,42,.8);color:#cbd5e1;border:1px solid rgba(255,255,255,.08)}.creator-panel .setting-select option{background-color:#0b1220;color:#cbd5e1}@media (forced-colors:active){.creator-panel .setting-select,.creator-panel .setting-select option{forced-color-adjust:none;background:Canvas;color:CanvasText;border-color:GrayText}}.creator-panel .collapsible-header{user-select:none;cursor:pointer}.creator-panel .collapse-toggle{margin-left:auto;appearance:none;background:transparent;border:none;color:rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .15s ease;flex-shrink:0}.creator-panel .collapse-toggle:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.04)}.creator-panel .settings-section-content{padding:10px 0 12px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.04);animation:creatorPanelFadeIn .15s ease-out}@keyframes creatorPanelFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.creator-panel .creator-panel-intro{font-size:12px;opacity:.65;margin:0 0 14px;line-height:1.45;padding:0 2px;color:rgba(226,232,240,.88)}.creator-panel .creator-panel-empty{font-size:13px;opacity:.75;padding:12px 4px;line-height:1.5;margin:0;color:rgba(226,232,240,.85)}.creator-panel .creator-twitch-setup-btn{width:100%;flex:none;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);padding:10px 16px;min-height:40px;background:rgba(255,255,255,.04);color:rgba(203,213,225,.95);font-size:12px}.creator-panel .creator-twitch-setup-btn:hover:not(.active){border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#e2e8f0}