:root{--ov-black: #000000;--ov-dark: #0d1117;--ov-surface: #161b22;--ov-card: #1c2128;--ov-hover: #21262d;--ov-border: #30363d;--ov-border-focus: #7c5cfc;--ov-text: #e6edf3;--ov-text-secondary: #8b949e;--ov-text-muted: #484f58;--ov-accent: #7c5cfc;--ov-accent-hover: #9b7eff;--ov-accent-subtle: rgba(124, 92, 252, .15);--ov-success: #3fb950;--ov-warning: #d29922;--ov-error: #f85149;--ov-purple: #a78bfa;--ov-blue: #58a6ff;--ov-green: #3fb950;--ov-orange: #d29922;--ov-white: #ffffff;--ov-radius: 8px;--ov-radius-sm: 4px;--ov-radius-lg: 12px;--ov-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ov-font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;--ov-shadow: 0 2px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--ov-dark);color:var(--ov-text);font-family:var(--ov-font);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--ov-accent);text-decoration:none}a:hover{color:var(--ov-accent-hover)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:24px;padding:10px 24px;background:var(--ov-black);border-bottom:1px solid var(--ov-border);flex-shrink:0}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo-btn{background:none;border:none;padding:0;cursor:pointer;line-height:0;opacity:.9;transition:opacity .15s}.nav-logo-btn:hover{opacity:1}.nav-logo{height:32px;width:auto;flex-shrink:0}.nav-divider{width:1px;height:28px;background:var(--ov-border);flex-shrink:0}.nav-title{font-size:15px;font-weight:600;color:var(--ov-white);letter-spacing:-.2px}.nav-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ov-accent);background:var(--ov-accent-subtle);padding:2px 8px;border-radius:4px}.status-bar{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px;color:var(--ov-text-secondary)}.connection-dot{width:8px;height:8px;border-radius:50%}.connection-dot.online{background:var(--ov-success);box-shadow:0 0 6px var(--ov-success)}.connection-dot.offline{background:var(--ov-error)}.backend-summary,.job-count{padding-left:8px;border-left:1px solid var(--ov-border)}.offline-banner{background:#f851491a;border-bottom:1px solid rgba(248,81,73,.25);padding:10px 24px;font-size:13px;text-align:center;color:var(--ov-error)}.offline-banner code{background:var(--ov-card);padding:2px 6px;border-radius:var(--ov-radius-sm);font-family:var(--ov-font-mono);font-size:12px;color:var(--ov-text)}.main-stage{flex:1;overflow-y:auto;padding:24px;max-width:1100px;width:100%;margin:0 auto}.input-panel{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);padding:20px 24px;margin-bottom:24px}.input-panel-inner{display:flex;align-items:flex-end;gap:16px}.input-select-group{flex:1}.input-select-group label{display:block;font-size:11px;font-weight:600;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.input-select-group select{width:100%;padding:10px 32px 10px 14px;background:var(--ov-dark);border:1px solid var(--ov-border);border-radius:var(--ov-radius);color:var(--ov-text);font-size:14px;font-family:var(--ov-font);cursor:pointer;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%238b949e' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.input-select-group select:focus{outline:none;border-color:var(--ov-border-focus);box-shadow:0 0 0 2px var(--ov-accent-subtle)}.input-select-group select:disabled{opacity:.5;cursor:not-allowed}.generate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--ov-accent);color:var(--ov-white);border:none;border-radius:var(--ov-radius);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--ov-font);transition:background .15s;white-space:nowrap;flex-shrink:0}.generate-btn:hover:not(:disabled){background:var(--ov-accent-hover)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:var(--ov-white);border-radius:50%;animation:spin .8s linear infinite}.input-meta{margin-top:8px}.input-desc{font-size:12px;color:var(--ov-text-secondary)}.input-error{margin-top:8px;background:#f851491a;border:1px solid rgba(248,81,73,.25);color:var(--ov-error);padding:8px 12px;border-radius:var(--ov-radius-sm);font-size:13px}.hero{text-align:center;padding:60px 40px;max-width:780px;margin:0 auto}.hero-icon{font-size:48px;margin-bottom:16px;opacity:.7}.hero h2{font-size:24px;font-weight:600;margin-bottom:10px;color:var(--ov-white)}.hero p{color:var(--ov-text-secondary);font-size:14px;margin-bottom:32px;line-height:1.7}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.hero-feat{display:flex;flex-direction:column;gap:2px;padding:14px;background:var(--ov-card);border-radius:var(--ov-radius);border:1px solid var(--ov-border)}.hero-feat-icon{font-size:20px;margin-bottom:4px}.hero-feat strong{font-size:13px;color:var(--ov-text)}.hero-feat span:last-child{font-size:12px;color:var(--ov-text-secondary)}.job-view{display:flex;flex-direction:column;gap:20px}.job-view-header{display:flex;align-items:center;gap:12px}.job-back-btn{background:none;border:1px solid var(--ov-border);color:var(--ov-text-secondary);font-size:13px;padding:3px 10px;border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.job-back-btn:hover{color:var(--ov-white);border-color:var(--ov-text-secondary)}.job-view-id{font-size:18px;font-weight:600;color:var(--ov-white);font-family:var(--ov-font-mono)}.source-url-row{font-size:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.source-url-row a{color:var(--ov-accent);text-decoration:none;word-break:break-all}.source-url-row a:hover{text-decoration:underline}.status-badge{font-size:11px;font-weight:600;padding:1px 6px;border-radius:3px;text-transform:uppercase}.status-badge.queued{background:#8b949e26;color:var(--ov-text-secondary)}.status-badge.processing{background:var(--ov-accent-subtle);color:var(--ov-accent)}.status-badge.completed{background:#3fb95026;color:var(--ov-success)}.status-badge.failed{background:#f8514926;color:var(--ov-error)}.status-badge.large{font-size:13px;padding:3px 10px}.pipeline-stepper{display:flex;gap:2px;background:var(--ov-surface);border-radius:var(--ov-radius-lg);padding:4px;border:1px solid var(--ov-border)}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--ov-radius);transition:background .2s}.step.running{background:var(--ov-accent-subtle)}.step.completed{background:#3fb95014}.step.failed{background:#f8514914}.step-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700}.step.pending .step-icon{background:var(--ov-dark)}.step.running .step-icon{background:var(--ov-accent-subtle);color:var(--ov-accent)}.step.completed .step-icon{background:#3fb95026;color:var(--ov-success)}.step.failed .step-icon{background:#f8514926;color:var(--ov-error)}.step.skipped .step-icon{background:var(--ov-dark);color:var(--ov-text-muted)}.step-check,.step-fail{font-size:14px}.step-dot{width:6px;height:6px;background:var(--ov-text-muted);border-radius:50%;display:block}.step-label{font-size:11px;font-weight:500;color:var(--ov-text-secondary);text-align:center;line-height:1.2}.step.running .step-label{color:var(--ov-accent)}.step.completed .step-label{color:var(--ov-success)}.live-feed{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);overflow:hidden}.live-feed h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ov-text-secondary);padding:12px 16px;border-bottom:1px solid var(--ov-border);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.live-feed h3:hover{color:var(--ov-text)}.feed-count{font-size:11px;font-weight:600;background:var(--ov-dark);padding:1px 6px;border-radius:10px;color:var(--ov-text-muted);font-family:var(--ov-font-mono)}.feed-chevron{margin-left:auto;font-size:12px;color:var(--ov-text-muted)}.live-feed.collapsed{border-radius:var(--ov-radius-lg)}.live-feed.collapsed h3{border-bottom:none}.feed-indicator{width:8px;height:8px;border-radius:50%;background:var(--ov-text-muted);flex-shrink:0}.feed-indicator.active{background:var(--ov-success);box-shadow:0 0 6px var(--ov-success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.feed-log{max-height:280px;overflow-y:auto;padding:8px 0;font-family:var(--ov-font-mono);font-size:12px;line-height:1.6}.feed-entry{display:flex;align-items:baseline;gap:8px;padding:3px 16px;transition:background .15s}.feed-entry:hover{background:var(--ov-hover)}.feed-text{color:var(--ov-text-secondary);white-space:pre-wrap;word-break:break-word}.feed-waiting{padding:12px 16px;color:var(--ov-text-muted);font-style:italic}.model-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.badge-gemini{background:#58a6ff26;color:var(--ov-blue)}.badge-whisper{background:#3fb95026;color:var(--ov-green)}.badge-director{background:#a78bfa26;color:var(--ov-purple)}.badge-rasp{background:#d2992226;color:var(--ov-orange)}.badge-default{background:#8b949e26;color:var(--ov-text-secondary)}.media-stats-bar{display:flex;flex-direction:column;gap:8px}.media-stats-header{margin:0;font-size:11px;font-weight:600;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.5px}.media-stats-items{display:flex;flex-wrap:wrap;gap:12px}.empty-section-msg{color:var(--ov-text-muted);font-size:13px;margin:8px 0 0}.stat-mini{display:flex;flex-direction:column;padding:10px 16px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);min-width:80px}.stat-mini-value{font-size:18px;font-weight:600;color:var(--ov-white)}.stat-mini-label{font-size:10px;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.3px}.director-summary{padding:14px 18px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius)}.video-summary{font-size:14px;color:var(--ov-text-secondary);line-height:1.6;font-style:italic}.results-section{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);padding:20px}.results-section h3{font-size:14px;font-weight:600;color:var(--ov-text-secondary);margin-bottom:16px}.section-placeholder-body{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--ov-text-muted);font-size:13px;font-style:italic}.reel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.reel-card{background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);overflow:hidden}.reel-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--ov-border)}.reel-tier{font-size:13px;font-weight:600;text-transform:capitalize;color:var(--ov-text)}.reel-meta{font-size:11px;color:var(--ov-text-muted)}.reel-player{aspect-ratio:16/9}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.highlight-card-mini{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);transition:border-color .15s}.highlight-card-mini:hover{border-color:var(--ov-accent)}.highlight-card-mini-top{display:flex;align-items:center;justify-content:space-between}.highlight-time-mini{font-family:var(--ov-font-mono);font-size:12px;color:var(--ov-text-secondary)}.highlight-score-mini{font-size:12px;font-weight:600;color:var(--ov-accent);font-family:var(--ov-font-mono)}.highlight-label-mini{font-size:13px;font-weight:500;color:var(--ov-text)}.highlight-reason-mini{font-size:11px;color:var(--ov-text-muted);line-height:1.4}.theoplayer-container{position:relative;border-radius:var(--ov-radius);overflow:hidden;background:var(--ov-black)}.theoplayer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ov-black);color:var(--ov-text-muted);font-size:13px;z-index:1}.theoplayer-error{border-radius:var(--ov-radius);overflow:hidden}.theoplayer-error-inner{padding:16px;background:#f8514914;border:1px solid rgba(248,81,73,.2);border-radius:var(--ov-radius);color:var(--ov-error);font-size:13px}.theoplayer-error-inner span{font-weight:600;display:block;margin-bottom:4px}.theoplayer-error-inner p{margin-bottom:8px;font-size:12px;color:var(--ov-text-secondary)}.reel-player .video-js,.hls-player .video-js,.clip-player-container .video-js{border-radius:var(--ov-radius)}.loading{color:var(--ov-text-muted);padding:40px;text-align:center}.error-banner{background:#f851491a;border:1px solid rgba(248,81,73,.25);color:var(--ov-error);padding:8px 12px;border-radius:var(--ov-radius-sm);font-size:13px;margin:8px 0}.error-section h3{font-size:14px;font-weight:600;color:var(--ov-error);margin-bottom:8px}.error-section pre{background:#f8514914;border:1px solid rgba(248,81,73,.2);padding:12px;border-radius:var(--ov-radius);font-size:12px;color:var(--ov-error);white-space:pre-wrap;font-family:var(--ov-font-mono)}.spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:var(--ov-accent);border-radius:50%;animation:spin .8s linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ov-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ov-text-muted)}.fade-in{animation:fadeSlideIn .4s ease-out both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.transcript-section h3{display:flex;align-items:center;gap:12px}.transcript-meta{font-size:11px;font-weight:400;color:var(--ov-text-muted);font-family:var(--ov-font-mono)}.transcript-scroll{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.transcript-row{display:flex;align-items:baseline;gap:12px;padding:6px 12px;border-radius:var(--ov-radius-sm);transition:background .15s}.transcript-row:hover{background:var(--ov-hover)}.transcript-time{font-family:var(--ov-font-mono);font-size:11px;color:var(--ov-text-muted);min-width:42px;flex-shrink:0}.transcript-text{font-size:13px;color:var(--ov-text-secondary);line-height:1.5;flex:1}.transcript-keywords{display:flex;gap:4px;flex-shrink:0}.kw-pill{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.kw-goal{background:#3fb95026;color:var(--ov-green)}.kw-penalty{background:#f8514926;color:var(--ov-error)}.kw-save{background:#58a6ff26;color:var(--ov-blue)}.kw-foul{background:#d2992226;color:var(--ov-orange)}.kw-card{background:#d2992233;color:var(--ov-orange)}.kw-var{background:#a78bfa26;color:var(--ov-purple)}.kw-default{background:#8b949e26;color:var(--ov-text-secondary)}.clip-hint{font-size:12px;font-weight:600;color:var(--ov-accent);margin-left:10px;padding:2px 10px;border:1px solid var(--ov-accent);border-radius:12px;background:var(--ov-accent-subtle);letter-spacing:.02em;vertical-align:middle}.clip-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.type-dropdown{position:relative}.type-dropdown-trigger{font-size:12px;font-weight:600;padding:5px 12px;border-radius:12px;border:1px solid var(--ov-border);background:transparent;color:var(--ov-text-secondary);cursor:pointer;font-family:var(--ov-font);transition:all .15s;display:flex;align-items:center;gap:6px}.type-dropdown-trigger:hover{border-color:var(--ov-accent);color:var(--ov-text)}.type-dropdown-trigger.has-selection{background:var(--ov-accent-subtle);border-color:var(--ov-accent);color:var(--ov-accent)}.type-dropdown-caret{font-size:8px;opacity:.6}.type-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;max-height:260px;overflow-y:auto;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);box-shadow:0 4px 12px #0000004d;z-index:50;display:flex;flex-direction:column;padding:4px 0}.type-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-family:var(--ov-font);color:var(--ov-text);cursor:pointer;white-space:nowrap;transition:background .1s}.type-dropdown-item:hover{background:var(--ov-accent-subtle)}.type-dropdown-item input[type=checkbox]{accent-color:var(--ov-accent);width:14px;height:14px;cursor:pointer}.type-dropdown-clear{font-size:11px;font-family:var(--ov-font);padding:6px 12px;border:none;border-top:1px solid var(--ov-border);background:transparent;color:var(--ov-error);cursor:pointer;text-align:left;margin-top:2px}.type-dropdown-clear:hover{background:#f851491a}.filter-pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;border:1px solid var(--ov-border);background:transparent;color:var(--ov-text-secondary);cursor:pointer;font-family:var(--ov-font);transition:all .15s}.filter-pill:hover{border-color:var(--ov-accent);color:var(--ov-text)}.filter-pill.active{background:var(--ov-accent-subtle);border-color:var(--ov-accent);color:var(--ov-accent)}.sort-pills{display:flex;align-items:center;gap:6px}.sort-pills-label{font-size:11px;font-weight:500;color:var(--ov-text-muted);font-family:var(--ov-font);white-space:nowrap}.clip-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.clip-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);cursor:pointer;transition:border-color .15s,box-shadow .15s}.clip-card:hover{border-color:var(--ov-accent)}.clip-card.expanded{border-color:var(--ov-accent);box-shadow:0 0 0 1px var(--ov-accent-subtle)}.clip-card-top{display:flex;align-items:center;justify-content:space-between}.clip-type-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.type-goal{background:#3fb95026;color:var(--ov-green)}.type-penalty{background:#f8514926;color:var(--ov-error)}.type-save{background:#58a6ff26;color:var(--ov-blue)}.type-foul{background:#d2992226;color:var(--ov-orange)}.type-card{background:#d2992233;color:var(--ov-orange)}.type-celebration{background:#3fb9501a;color:var(--ov-green)}.type-near-miss,.type-var-check{background:#a78bfa26;color:var(--ov-purple)}.type-other{background:#8b949e26;color:var(--ov-text-secondary)}.clip-excitement{font-size:13px;font-weight:700;color:var(--ov-accent);font-family:var(--ov-font-mono)}.clip-label{font-size:14px;font-weight:500;color:var(--ov-text)}.clip-time{font-size:11px;font-family:var(--ov-font-mono);color:var(--ov-text-muted)}.clip-desc{font-size:12px;color:var(--ov-text-secondary);line-height:1.4}.clip-sources{display:flex;gap:4px;flex-wrap:wrap}.clip-source-tag{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:#8b949e1a;color:var(--ov-text-muted);text-transform:uppercase}.clip-source-tag.energy{background:#d299221a;color:var(--ov-orange)}.clip-player-area{margin-top:8px}.clip-no-video{margin-top:8px;padding:12px;background:var(--ov-dark);border-radius:var(--ov-radius);font-size:12px;color:var(--ov-text-muted);text-align:center}.clip-empty{padding:24px;text-align:center;color:var(--ov-text-muted);font-size:13px}.step-skip{font-size:14px;color:var(--ov-text-muted)}.settings-gear-btn{background:none;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;margin-left:8px;transition:color .15s,border-color .15s;line-height:1}.settings-gear-btn:hover{color:var(--ov-accent);border-color:var(--ov-accent)}.settings-page{max-width:860px;margin:0 auto}.settings-page-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.settings-back-btn{background:none;border:1px solid var(--ov-border);color:var(--ov-text-secondary);border-radius:var(--ov-radius-sm);padding:6px 14px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.settings-back-btn:hover{color:var(--ov-accent);border-color:var(--ov-accent)}.settings-page-title{font-size:22px;font-weight:700;color:var(--ov-white)}.settings-page-subtitle{font-size:13px;color:var(--ov-text-muted);margin-left:auto}.settings-session-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:20px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:var(--ov-radius);font-size:13px;color:#fbbf24;line-height:1.4}.settings-session-banner-icon{font-size:16px;flex-shrink:0}.settings-section{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);margin-bottom:20px;overflow:visible}.settings-section-header{padding:18px 22px 0}.settings-section-title{font-size:15px;font-weight:700;color:var(--ov-white);letter-spacing:-.2px}.settings-section-desc{font-size:13px;color:var(--ov-text-secondary);margin-top:4px}.settings-section-body{padding:16px 22px 22px}.settings-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:16px}.settings-field-grid--disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-field{display:flex;flex-direction:column;gap:4px}.settings-field--full{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px}.settings-field-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ov-text-secondary);display:flex;align-items:center;gap:6px}.settings-field-input input,.settings-field-input select,.settings-field-input textarea{width:100%;padding:8px 10px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text);font-size:13px;font-family:var(--ov-font);transition:border-color .15s}.settings-field-input select,.model-select-row select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 7px;cursor:pointer}.settings-field-input input:focus,.settings-field-input select:focus,.settings-field-input textarea:focus{outline:none;border-color:var(--ov-border-focus)}.settings-field-input textarea{font-family:var(--ov-font-mono);font-size:12px;line-height:1.6;resize:vertical}.settings-field-hint{font-size:11px;color:var(--ov-text-muted);font-family:var(--ov-font-mono);word-break:break-all}.settings-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle;flex-shrink:0}.settings-status-dot.online{background:var(--ov-success);box-shadow:0 0 4px var(--ov-success)}.settings-status-dot.offline{background:var(--ov-error);box-shadow:0 0 4px var(--ov-error)}.settings-infotip-wrap{position:relative;display:inline-flex;align-items:center}.settings-infotip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--ov-hover);color:var(--ov-text-muted);font-size:10px;font-weight:700;cursor:pointer;flex-shrink:0;border:none;padding:0;line-height:1}.settings-infotip:hover{background:var(--ov-accent-subtle);color:var(--ov-accent)}.settings-infotip-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius);padding:10px 12px;font-size:12px;line-height:1.5;color:var(--ov-text-secondary);min-width:200px;max-width:320px;box-shadow:0 4px 12px #0000004d;z-index:1000;white-space:normal;pointer-events:auto}.settings-subsection{margin-top:20px;padding-top:16px;border-top:1px solid var(--ov-border)}.settings-pass-group{margin-top:16px;padding:16px;border:1px solid var(--ov-border);border-radius:var(--ov-radius);background:color-mix(in srgb,var(--ov-card) 60%,transparent)}.settings-pass-group+.settings-pass-group{margin-top:12px}.settings-pass-group>.settings-subsection-title{margin-top:0}.settings-pass-group>.settings-advanced-prompts{margin-top:12px}.settings-subsection--disabled{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-subsection-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ov-text-secondary);margin:0 0 4px}.settings-subsection-desc{font-size:12px;color:var(--ov-text-muted);margin:0 0 12px;line-height:1.5}.settings-coming-soon{display:inline-block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:3px;background:var(--ov-border);color:var(--ov-text-muted);vertical-align:middle;margin-left:6px}.settings-reel-tiers{display:flex;flex-direction:column;gap:8px}.settings-reel-tier-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);cursor:pointer;transition:border-color .15s}.settings-reel-tier-option:hover{border-color:var(--ov-border-focus)}.settings-reel-tier-option input[type=checkbox]{accent-color:var(--ov-accent);width:16px;height:16px;flex-shrink:0}.settings-reel-tier-label{font-size:13px;font-weight:600;color:var(--ov-text);min-width:70px}.settings-reel-tier-desc{font-size:12px;color:var(--ov-text-muted)}.settings-reel-tier-max{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.settings-reel-tier-max-label{font-size:11px;color:var(--ov-text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.settings-reel-tier-max-input{width:60px!important;padding:4px 8px!important;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text);font-size:13px;font-family:var(--ov-font-mono);text-align:center}.settings-reel-tier-max-input:focus{outline:none;border-color:var(--ov-border-focus)}.settings-reel-tier-max--disabled{opacity:.35;pointer-events:none}.settings-prompt-reference{margin:8px 14px 14px;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm)}.settings-prompt-reference summary{padding:8px 12px;font-size:12px;font-weight:600;color:var(--ov-text-muted);cursor:pointer;background:var(--ov-surface);-webkit-user-select:none;user-select:none}.settings-prompt-reference summary:hover{color:var(--ov-accent)}.settings-prompt-reference[open]>summary{border-bottom:1px solid var(--ov-border)}.settings-prompt-reference-body{padding:12px 14px}.settings-prompt-reference-body h5{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ov-text-secondary);margin:12px 0 6px}.settings-prompt-reference-body h5:first-child{margin-top:0}.settings-prompt-preview{background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);padding:12px;font-family:var(--ov-font-mono);font-size:11px;line-height:1.5;color:var(--ov-text-muted);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.model-select-row{display:flex;align-items:center;gap:8px}.model-select-row select{flex:1}.model-select-row--dual .model-scope-select{flex:0 0 auto;width:200px}.model-cache-badge{font-size:10px;color:var(--ov-text-muted);background:var(--ov-hover);border-radius:4px;padding:2px 6px;white-space:nowrap}.model-refresh-btn{background:none;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text-secondary);cursor:pointer;font-size:14px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s}.model-refresh-btn:hover{color:var(--ov-accent);border-color:var(--ov-accent)}.model-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.model-error{font-size:11px;color:var(--ov-error)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;margin-bottom:12px}.settings-toggle{position:relative;width:40px;height:22px;border-radius:11px;background:var(--ov-border);border:none;cursor:pointer;transition:background .2s;padding:0}.settings-toggle.on{background:var(--ov-accent)}.settings-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ov-white);transition:transform .2s}.settings-toggle.on .settings-toggle-thumb{transform:translate(18px)}.settings-advanced-prompts{margin-top:8px;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);overflow:visible}.settings-advanced-prompts summary{padding:10px 14px;font-size:13px;font-weight:600;color:var(--ov-text-secondary);cursor:pointer;background:var(--ov-card);-webkit-user-select:none;user-select:none}.settings-advanced-prompts summary:hover{color:var(--ov-accent)}.settings-advanced-prompts[open]>summary{border-bottom:1px solid var(--ov-border)}.settings-advanced-prompts>.settings-field--full,.settings-advanced-prompts>.settings-field{padding:14px}.settings-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:18px 0 40px}.settings-save-error{color:var(--ov-error);font-size:13px;margin-right:auto}.settings-save-ok{color:var(--ov-success);font-size:13px;margin-right:auto}.settings-reset-btn{background:none;border:1px solid var(--ov-border);color:var(--ov-text-secondary);border-radius:var(--ov-radius);padding:8px 20px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.settings-reset-btn:hover{color:var(--ov-error);border-color:var(--ov-error)}.settings-save-btn{background:var(--ov-accent);border:none;color:var(--ov-white);border-radius:var(--ov-radius);padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.settings-save-btn:hover{background:var(--ov-accent-hover)}.settings-save-btn:disabled,.settings-reset-btn:disabled{opacity:.5;cursor:not-allowed}.settings-loading,.settings-error{text-align:center;padding:60px 24px;font-size:15px;color:var(--ov-text-secondary)}.settings-error{color:var(--ov-error)}