@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}:root{color-scheme:light;--surface: #faf8ff;--on-surface: #1b1b25;--surface-container-low: #f4f2fa;--surface-container: #eeedf5;--surface-container-high: #e8e7f0;--surface-container-highest: #e3e2ec;--on-surface-variant: #48495b;--outline: #747487;--outline-variant: #c7c5d7;--primary: #5056a5;--on-primary: #ffffff;--primary-container: #e1e0ff;--on-primary-container: #202457;--secondary-container: #e4e3f6;--on-secondary-container: #282943;--success-container: #cbead8;--on-success-container: #154a33;--warning-container: #ffe5af;--on-warning-container: #5c3b00;--error: #ad2835;--on-error: #ffffff;--error-container: #ffdbdb;--on-error-container: #7d1825;--focus: #4d53a0;--bg-app: var(--surface);--bg-surface: var(--surface-container-low);--bg-surface-card: var(--surface-container);--bg-surface-elevated: var(--surface-container-high);--bg-input: var(--surface);--border-subtle: var(--outline-variant);--border-hover: var(--outline);--border-active: var(--focus);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-tertiary: var(--outline);--font-family: Inter, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-sheet: 28px;--radius-pill: 999px;--shadow-elevation: 0 2px 6px #00000014, 0 12px 32px #0000001f;--shadow-ambient: 0 1px 3px rgba(0, 0, 0, .08);--transition-speed: .18s}:root[data-theme=dark]{color-scheme:dark;--surface: #13131c;--on-surface: #ebeaf5;--surface-container-low: #191923;--surface-container: #20202c;--surface-container-high: #292935;--surface-container-highest: #333340;--on-surface-variant: #c4c3d5;--outline: #9292a8;--outline-variant: #47475b;--primary: #c0c3ff;--on-primary: #292e69;--primary-container: #383d80;--on-primary-container: #e2e3ff;--secondary-container: #35364d;--on-secondary-container: #e4e3fa;--success-container: #244b39;--on-success-container: #b8eacf;--warning-container: #503a15;--on-warning-container: #ffdf9f;--error: #ffb3b7;--on-error: #5c1420;--error-container: #692632;--on-error-container: #ffdadb;--focus: #c5c7ff;--shadow-elevation: 0 2px 8px #00000040, 0 12px 32px #00000059;--shadow-ambient: 0 1px 3px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;color:inherit}[data-embedded=true] .standalone-header{display:none!important}.app-container{max-width:840px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;gap:20px}@media(max-width:640px){.app-container{padding:12px 10px 48px;gap:16px}}.standalone-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.brand-section{display:flex;align-items:center;gap:12px}.brand-logo{width:36px;height:36px;border-radius:var(--radius-sm)}.brand-title-wrap{display:flex;align-items:center;gap:8px}.brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.status-pill{font-size:.72rem;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);background-color:var(--success-container);color:var(--on-success-container)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:6px 12px;font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-speed)}.icon-button:hover{background:var(--bg-surface-elevated);border-color:var(--border-hover)}.mode-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:4px 0}.segmented-switcher{display:inline-flex;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:3px;gap:2px}.switcher-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:var(--radius-pill);border:none;background:transparent;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-speed)}.switcher-tab.active{background:var(--primary-container);color:var(--on-primary-container);box-shadow:var(--shadow-ambient)}.tab-badge{font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);background:var(--secondary-container);color:var(--on-secondary-container)}.strip-quick-actions{display:flex;align-items:center;gap:8px}.main-stage-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-ambient)}@media(max-width:640px){.main-stage-card{padding:16px;border-radius:var(--radius-md)}}.input-group-hero{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:6px 8px 6px 16px;gap:10px;transition:border-color var(--transition-speed)}.input-group-hero:focus-within{border-color:var(--border-active);outline:2px solid var(--border-active);outline-offset:1px}.platform-indicator{display:flex;align-items:center;color:var(--text-secondary)}.hero-url-input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:var(--text-primary)}.hero-url-input::placeholder{color:var(--text-secondary);opacity:.7}.action-btn-primary{background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-pill);padding:10px 22px;font-size:.92rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:opacity var(--transition-speed);white-space:nowrap}.action-btn-primary:hover:not(:disabled){opacity:.92}.action-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pills-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.85rem}.pill-group{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:2px;gap:2px}.pill-option{border:none;background:transparent;padding:5px 12px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-speed)}.pill-option.active{background:var(--secondary-container);color:var(--on-secondary-container);font-weight:600}.result-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px}.result-header{display:flex;gap:16px;align-items:flex-start}.result-thumb{width:96px;height:96px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface-elevated);flex-shrink:0}.result-info{flex:1;display:flex;flex-direction:column;gap:6px}.result-meta-row{display:flex;align-items:center;gap:8px}.platform-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);background:var(--primary-container);color:var(--on-primary-container)}.result-author{font-size:.85rem;color:var(--text-secondary);font-weight:500}.result-title{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.media-items-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.media-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:12px}.media-item-label{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:500}.media-item-actions{display:flex;align-items:center;gap:8px}.btn-secondary{background:var(--secondary-container);color:var(--on-secondary-container);border:none;border-radius:var(--radius-pill);padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity var(--transition-speed)}.btn-secondary:hover{opacity:.9}.btn-convert-handoff{background:var(--primary-container);color:var(--on-primary-container);border:1px solid var(--focus);border-radius:var(--radius-pill);padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-convert-handoff:hover{filter:brightness(1.05)}.dropzone-container{border:2px dashed var(--border-subtle);border-radius:var(--radius-md);padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;background:var(--bg-surface);transition:all var(--transition-speed)}.dropzone-container:hover,.dropzone-container.drag-active{border-color:var(--border-active);background:var(--bg-surface-elevated)}.dropzone-icon{width:48px;height:48px;color:var(--primary)}.dropzone-title{font-size:1.05rem;font-weight:600}.dropzone-subtitle{font-size:.85rem;color:var(--text-secondary);max-width:500px}.batch-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.batch-controls{display:flex;align-items:center;gap:10px;font-size:.88rem;font-weight:500}.format-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px;font-size:.85rem;font-weight:600;color:var(--text-primary);outline:none}.batch-actions{display:flex;align-items:center;gap:8px}.queue-list{display:flex;flex-direction:column;gap:10px}.queue-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:14px}@media(max-width:640px){.queue-row{flex-direction:column;align-items:stretch}}.queue-file-meta{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.file-cat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius-sm);flex-shrink:0}.file-name-size{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size-badge{font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono)}.conversion-selector{display:flex;align-items:center;gap:8px}.arrow-icon{color:var(--text-secondary)}.target-pill-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px 10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed)}.target-pill-btn.selected{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.row-actions-status{display:flex;align-items:center;gap:10px}.status-indicator{font-size:.82rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill)}.status-indicator.ready{background:var(--secondary-container);color:var(--on-secondary-container)}.status-indicator.converting{background:var(--warning-container);color:var(--on-warning-container)}.status-indicator.done{background:var(--success-container);color:var(--on-success-container)}.status-indicator.error{background:var(--error-container);color:var(--on-error-container)}.supported-drawer{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.supported-drawer summary{padding:14px 18px;cursor:pointer;font-weight:600;font-size:.92rem;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.supported-drawer[open] summary{border-bottom:1px solid var(--border-subtle)}.drawer-content{padding:18px;display:flex;flex-direction:column;gap:16px;font-size:.88rem;line-height:1.5}.badges-grid{display:flex;flex-wrap:wrap;gap:8px}.platform-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);font-size:.82rem;font-weight:500}.matrix-table{width:100%;border-collapse:collapse;font-size:.85rem}.matrix-table th,.matrix-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-subtle)}.matrix-table th{font-weight:600;color:var(--text-secondary)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--on-surface);color:var(--surface);padding:10px 20px;border-radius:var(--radius-pill);font-size:.88rem;font-weight:500;box-shadow:var(--shadow-elevation);z-index:1000;pointer-events:none;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}