html,body,#root{height:100%}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.lang-switcher{align-items:center;gap:.15rem;display:inline-flex}.lang-switcher-btn{color:var(--text-secondary);font:inherit;letter-spacing:.04em;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:5px;padding:.25rem .45rem;font-size:.75rem}.lang-switcher-btn:hover{color:var(--text-main);background:#ffffff0f}.lang-switcher-btn.is-active{color:var(--color-accent);background:var(--color-accent-glow)}.lang-menu{margin-left:auto;position:relative}.lang-menu-trigger{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;letter-spacing:.04em;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:7px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.lang-menu-trigger:hover{color:var(--text-main);border-color:#fff3}.lang-menu-caret{border-top:4px solid;border-left:3.5px solid #0000;border-right:3.5px solid #0000;width:0;height:0}.lang-menu-list{z-index:40;background:var(--bg-card-strong);border:1px solid var(--border-color);border-radius:9px;min-width:11rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #00000073}.lang-menu-item{width:100%;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.lang-menu-item:hover{color:var(--text-main);background:#ffffff0f}.lang-menu-item.is-active{color:var(--color-accent);background:var(--color-accent-glow)}.lang-menu-item-code{letter-spacing:.05em;opacity:.7;font-size:.72rem}.landing{background:var(--bg-main);min-height:100vh;color:var(--text-main);font-family:var(--font-sans)}.landing-inner{width:min(1080px,92vw);margin:0 auto}.landing-header{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.landing-logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.landing-logo span{color:var(--color-accent)}.landing-nav{align-items:center;gap:1.5rem;display:flex}.landing-nav a{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.landing-nav a:hover{color:var(--text-main)}.landing-cta{background:var(--color-accent);color:var(--color-accent-ink);border:1px solid var(--color-accent);transition:background var(--transition-fast);border-radius:10px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.landing-cta:hover{background:var(--color-accent-hover)}.landing-cta-ghost{color:var(--text-main);border-color:var(--border-color);background:0 0}.landing-cta-ghost:hover{border-color:var(--color-accent-border);background:#ffffff0d}.landing-cta-login{background:var(--text-main);color:var(--bg-main);border-color:var(--text-main);cursor:pointer;padding:.55rem 1.2rem;font-family:inherit}.landing-cta-login:hover{background:#fff;border-color:#fff}.landing-hero{text-align:center;padding:4.5rem 0 3.5rem}.landing-hero-title{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;display:grid}.landing-hero-line{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .45s,transform .45s;transform:translateY(.4em)}.landing-hero-line.is-active{opacity:1;transition-delay:.45s;transform:none}.landing-hero-title em{color:var(--color-accent);font-style:normal}@media (prefers-reduced-motion:reduce){.landing-hero-line{transition:none}}.landing-lead{max-width:40rem;color:var(--text-secondary);margin:0 auto 2rem;font-size:1.05rem;line-height:1.6}.landing-hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.landing-hero-note{color:var(--text-secondary);opacity:.8;margin:1.25rem 0 0;font-size:.8rem}.landing-section{border-top:1px solid var(--border-color);padding:3.5rem 0}.landing-section h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.4rem,3vw,2rem)}.landing-section-lead{color:var(--text-secondary);margin:0 0 2rem;font-size:.95rem}.landing-try-frame{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:640px;margin:0 auto;padding:1.5rem}.landing-try-note{text-align:center;color:var(--text-secondary);margin:.9rem 0 0;font-size:.78rem}.auth-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:2rem;position:relative;box-shadow:0 24px 60px #00000080}.auth-modal h2{margin:0 0 .35rem;font-size:1.3rem}.auth-modal-subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.85rem;line-height:1.5}.auth-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;position:absolute;top:.6rem;right:.75rem}.auth-modal-close:hover{color:var(--text-main)}.landing-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.landing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem}.landing-card h3{margin:0 0 .5rem;font-size:1rem}.landing-card p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.6}.landing-card-icon{color:var(--color-accent);margin-bottom:.9rem;display:block}.landing-steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.landing-step{border-top:2px solid var(--color-accent-border);padding:1.25rem 0 0}.landing-step:before{counter-increment:step;content:"0" counter(step);font-family:var(--font-mono);color:var(--color-accent);margin-bottom:.5rem;font-size:.8rem;display:block}.landing-step h3{margin:0 0 .4rem;font-size:.98rem}.landing-step p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.landing-plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:1rem;max-width:680px;margin-inline:auto;display:grid}.landing-plan{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;flex-direction:column;gap:.6rem;padding:1.5rem;display:flex}.landing-plan h3{margin:0;font-size:1.05rem}.landing-plan-price{margin:0;font-size:2rem;font-weight:700}.landing-plan-price span{color:var(--text-secondary);font-size:.85rem;font-weight:400}.landing-plan ul{color:var(--text-secondary);flex-direction:column;flex:1;gap:.45rem;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.landing-plan li:before{content:"✓ ";color:var(--color-green)}.landing-plan-highlight{color:var(--text-primary);font-weight:600}.landing-plan-cta{background:var(--color-accent);color:var(--color-accent-ink);cursor:pointer;border:1px solid #0000;border-radius:10px;margin-top:auto;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.landing-plan-cta:hover{background:var(--color-accent-hover)}.landing-plan-cta-ghost{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.landing-plan-cta-ghost:hover{background:var(--bg-card-strong);color:var(--text-primary)}.landing-plan-note{opacity:.7;font-size:.78rem}.landing-plan-note:before{content:"· ";color:var(--text-secondary)}.landing-plans-note{color:var(--text-secondary);text-align:center;margin:1.25rem 0 0;font-size:.8rem}.landing-final{text-align:center;border-top:1px solid var(--border-color);padding:4rem 0 4.5rem}.landing-final h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.5rem,3.5vw,2.2rem)}.landing-final p{color:var(--text-secondary);margin:0 0 1.75rem}.landing-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0 2.5rem;font-size:.8rem;display:flex}.landing-footer-links{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.landing-footer a,.landing-footer-link{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.landing-footer a:hover,.landing-footer-link:hover{color:var(--color-accent)}@media (width<=860px){.landing-grid,.landing-steps,.landing-plans{grid-template-columns:1fr}.landing-hero{padding:3rem 0 2.5rem}.landing-nav a:not(.landing-cta){display:none}}.upload-queue{flex-direction:column;gap:8px;margin-top:16px;display:flex}.upload-queue-head{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 2px;font-size:.85rem;display:flex}.upload-queue-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.upload-queue-clear:hover{color:var(--text-primary)}.upload-queue-item{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.upload-queue-row{align-items:center;gap:10px;display:flex}.upload-queue-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.upload-queue-status{color:var(--text-secondary);white-space:nowrap;font-size:.82rem}.upload-queue-item.is-done .upload-queue-status{color:var(--color-mint,#34d399)}.upload-queue-item.is-error .upload-queue-status{color:var(--color-red,#ef4444)}.upload-queue-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.9rem;line-height:1}.upload-queue-remove:hover{color:var(--color-red,#ef4444)}.upload-queue-hint{color:var(--text-secondary);margin:-.35rem 0 .6rem;font-size:.78rem}.upgrade-modal-plans,.upgrade-modal .translate-empty{min-height:12rem}.jobs-kebab-menu{background:color-mix(in srgb, var(--bg-card-strong) 92%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);border-radius:12px;padding:5px;box-shadow:0 16px 40px #00000073,0 2px 6px #00000040}.jobs-kebab-item{transition:background var(--transition-fast), color var(--transition-fast);border-radius:8px;gap:.55rem;padding:.5rem .55rem;font-weight:500}.jobs-kebab-item svg{color:var(--text-secondary);transition:color var(--transition-fast);flex-shrink:0}.jobs-kebab-item:hover:not(:disabled) svg{color:var(--text-main)}.jobs-kebab-item.danger svg,.jobs-kebab-item.danger:hover:not(:disabled) svg{color:var(--color-red)}.jobs-kebab-item.danger{border-top:1px solid var(--border-color);border-radius:0 0 8px 8px;margin-top:4px;padding-top:.6rem}.jobs-kebab-submenu{border-left:none;flex-direction:row;gap:5px;margin-left:1.9rem;padding:2px 0 5px;display:flex}.jobs-kebab-submenu .jobs-kebab-item{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:7px;flex:1;justify-content:center;padding:.3rem .55rem;font-size:.76rem;font-weight:600}.jobs-kebab-submenu .jobs-kebab-item:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent-border)}.app-sidebar .jobs-row+.jobs-row{border-top:1px solid #ffffff0d}.app-sidebar .jobs-row.active,.app-sidebar .jobs-row.active+.jobs-row{border-top-color:#0000}.app-sidebar .jobs-status-badge{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent)}.app-sidebar .jobs-status-badge.status-processing,.app-sidebar .jobs-status-badge.status-queued{animation:1.6s ease-in-out infinite sidebar-pulse}@keyframes sidebar-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, currentColor 6%, transparent)}}@media (prefers-reduced-motion:reduce){.app-sidebar .jobs-status-badge.status-processing,.app-sidebar .jobs-status-badge.status-queued{animation:none}}.folders-new-btn{width:100%;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:.5rem;margin:2px 0 8px;padding:7px 8px;font-size:.82rem;font-weight:500;display:flex}.folders-new-btn:hover{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-color:var(--color-accent-border)}.folders-name-input{width:100%;color:var(--text-main);background:var(--bg-card-strong);border:1px solid var(--color-accent-border);border-radius:8px;outline:none;margin:6px 0;padding:6px 8px;font-size:.85rem}.folders-name-input.inline{margin:0}.folders-error{color:var(--color-red);margin:4px 0;font-size:.76rem}.folders-row{border-radius:8px;align-items:center;gap:.25rem;display:flex}.folders-row:hover{background:#ffffff0a}.folders-row-toggle{min-width:0;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.45rem;padding:8px 4px 8px 6px;font-size:.85rem;font-weight:500;display:flex}.folders-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folders-count{color:var(--text-secondary);background:#ffffff0f;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:.7rem}.folders-chevron{color:var(--text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.folders-row.open .folders-chevron{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.folders-chevron{transition:none}}.folders-inline-menu{background:var(--bg-card-strong);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;margin:2px 0 4px 1.2rem;padding:4px;display:flex}.folders-children{border-left:1px solid #ffffff12;margin-left:.75rem;padding-left:.4rem}.folders-empty{color:var(--text-secondary);padding:8px 6px;font-size:.76rem}.jobs-kebab-submenu.jobs-kebab-submenu-column{flex-direction:column;max-height:220px;overflow-y:auto}.jobs-kebab-submenu.jobs-kebab-submenu-column .jobs-kebab-item{text-align:left;justify-content:flex-start;font-weight:500}.format-toolbar{align-items:center;gap:2px;display:flex}.format-toolbar-strip{padding:0 .15rem}.format-toolbar-bubble{background:color-mix(in srgb, var(--bg-card-strong) 88%, transparent);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px)saturate(140%);border-radius:12px;padding:4px;box-shadow:0 12px 32px #00000059,0 2px 6px #0003}.format-bubble{z-index:60;animation:.14s ease-out format-bubble-in;position:fixed;transform:translate(-50%)}@keyframes format-bubble-in{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.doc-title{max-width:100%;color:var(--text-main);font:inherit;text-align:left;cursor:text;transition:background var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;margin-left:-8px;padding:4px 8px;font-size:1.05rem;font-weight:700;display:inline-flex}.doc-title:hover{background:var(--bg-card)}.doc-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-title-pencil{color:var(--text-secondary);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;font-size:.8rem}.doc-title:hover .doc-title-pencil,.doc-title:focus-visible .doc-title-pencil{opacity:1}.doc-title-input{border:1px solid var(--color-accent-border);background:var(--bg-card);width:min(28rem,100%);color:var(--text-main);font:inherit;border-radius:8px;margin-left:-8px;padding:4px 8px;font-size:1.05rem;font-weight:700}.doc-title-input:focus{border-color:var(--color-accent);outline:none}.editor-head-btn{border:1px solid var(--border-color);color:var(--text-main);font:inherit;cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:10px;align-items:center;gap:.4rem;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.editor-head-btn:hover:not(:disabled){border-color:var(--color-accent-border)}.editor-head-btn:disabled{opacity:.6;cursor:default}.editor-toolbar-actions .cta-button.export-btn{border-radius:10px;padding:8px 12px;font-size:.82rem;font-weight:700;line-height:1.2}.editor-toolbar .editor-title-row{border-bottom:none;padding-bottom:10px}.editor-tabs{border-bottom:1px solid var(--border-color);gap:.15rem;display:flex}.editor-tabs button{color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 13px;font-size:.82rem;font-weight:600}.editor-tabs button:hover{color:var(--text-main)}.editor-tabs button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.editor-ribbon{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-card) 70%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.6rem;min-height:44px;margin-top:.85rem;padding:5px 8px;display:flex}.editor-ribbon-spacer{flex:1;min-width:.5rem}.editor-ribbon-hint,.editor-ribbon-meta{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.editor-ribbon-meta{border-left:1px solid var(--border-color);padding-left:.6rem}@media (width<=700px){.editor-ribbon-hint{display:none}}.vs-inline{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.vs-group{align-items:center;gap:.35rem;display:flex}.vs-label{color:var(--text-secondary);font-size:.7rem;font-weight:600}.vs-seg{border:1px solid var(--border-color);border-radius:9px;display:inline-flex;overflow:hidden}.vs-seg button{color:var(--text-secondary);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:5px 9px;font-size:.74rem;font-weight:600}.vs-seg button:hover{color:var(--text-main)}.vs-seg button.on{background:var(--color-accent-glow);color:var(--color-accent)}.vs-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.74rem;font-weight:600;display:inline-flex}.vs-toggle input{opacity:0;pointer-events:none;position:absolute}.vs-toggle-track{background:var(--bg-card-strong);width:28px;height:16px;box-shadow:inset 0 0 0 1px var(--border-color);transition:background var(--transition-fast);border-radius:99px;position:relative}.vs-toggle-track:after{content:"";background:var(--text-secondary);width:12px;height:12px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:99px;position:absolute;top:2px;left:2px}.vs-toggle input:checked+.vs-toggle-track{background:var(--color-accent);box-shadow:none}.vs-toggle input:checked+.vs-toggle-track:after{background:var(--color-accent-ink);transform:translate(12px)}.vs-toggle input:focus-visible+.vs-toggle-track{outline:2px solid var(--color-accent);outline-offset:2px}.vs-wrap{position:relative}.vs-trigger{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:.3rem;padding:5px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.vs-trigger:hover{color:var(--text-main);border-color:var(--color-accent-border)}.vs-trigger.on{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-glow)}.vs-caret{font-size:.65rem}.vs-popover{z-index:20;border:1px solid var(--border-color);background:var(--bg-card-strong);border-radius:12px;flex-direction:column;gap:.65rem;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000073}.vs-popover .vs-group{flex-direction:column;align-items:flex-start;gap:.3rem}.vs-menu{flex-direction:column;gap:2px;min-width:8.5rem;display:flex}.vs-menu button{width:100%;color:var(--text-main);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:7px 10px;font-size:.82rem;font-weight:500;display:flex}.vs-menu button:hover{background:var(--bg-card)}.vs-menu button.on{background:var(--color-accent-glow);color:var(--color-accent);font-weight:600}.vs-menu button.on:after{content:"✓";font-size:.8rem}.vs-popover .vs-label{letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;padding:0 2px;font-size:.66rem;display:block}.vs-popover{min-width:9.5rem;padding:8px}.format-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 0 4px;display:inline-flex;position:relative}.format-glyph{font-size:15px;font-weight:700;line-height:1;transform:translateY(-.5px)}.glyph-bold{font-weight:800}.glyph-italic{font-family:Georgia,Times New Roman,serif;font-style:italic}.glyph-underline{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1.5px}.glyph-clear{font-size:13px}.glyph-clear sub{font-size:.7em}.format-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-main)}.format-btn:disabled{opacity:.55;cursor:default}.format-btn.is-active{background:var(--color-accent-glow);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-border)}.format-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.format-divider{background:var(--border-color);width:1px;height:18px;margin:0 4px}.format-btn-swatch{width:15px;height:3px;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.format-palette-wrap{display:inline-flex;position:relative}.format-palette{z-index:5;background:var(--bg-card-strong);border:1px solid var(--border-color);border-radius:12px;padding:8px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0006}.format-palette.up,.format-palette.down{top:calc(100% + 6px)}.format-palette-grid{grid-template-columns:repeat(7,20px);gap:5px;display:grid}.format-swatch{cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:6px;padding:0;box-shadow:inset 0 0 0 1px #0000002e}.format-swatch:hover{transform:scale(1.12)}.format-swatch.is-active{box-shadow:0 0 0 2px var(--bg-card-strong), 0 0 0 3.5px var(--color-accent)}.format-palette-reset{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:7px;margin-top:8px;padding:5px 8px;font-size:.78rem}.format-palette-reset:hover{color:var(--text-main);border-color:var(--color-accent-border)}.tm-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.tm-dialog{border:1px solid var(--border-color);background:var(--bg-card-strong);border-radius:16px;flex-direction:column;gap:.9rem;width:min(30rem,100%);max-height:min(34rem,90vh);padding:18px;display:flex;box-shadow:0 24px 60px #00000080}.tm-head{justify-content:space-between;align-items:center;display:flex}.tm-title{margin:0;font-size:1rem;font-weight:700}.tm-close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:1.2rem;line-height:1}.tm-close:hover{background:var(--bg-card);color:var(--text-main)}.tm-row{align-items:flex-end;gap:.6rem;display:flex}.tm-field{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.tm-label{color:var(--text-secondary);font-size:.7rem;font-weight:600}.tm-select{border:1px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-main);font:inherit;border-radius:9px;padding:8px 10px;font-size:.85rem}.tm-select:focus{border-color:var(--color-accent);outline:none}.tm-arrow{color:var(--text-secondary);padding-bottom:9px}.tm-list{flex-direction:column;flex:1;gap:2px;min-height:6rem;padding-right:4px;display:flex;overflow-y:auto}.tm-lang{color:var(--text-main);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 10px;font-size:.85rem}.tm-lang:hover{background:var(--bg-card)}.tm-lang.on{background:var(--color-accent-glow);color:var(--color-accent);font-weight:600}.tm-empty{color:var(--text-secondary);margin:0;padding:10px;font-size:.82rem}.tm-foot{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.8rem;padding-top:.8rem;display:flex}.tm-cost{color:var(--text-secondary);flex-direction:column;gap:1px;font-size:.76rem;display:flex}.tm-cost strong{color:var(--text-main);font-size:.85rem}.tm-warn{color:var(--color-red);font-weight:600}.translation-compare.no-tc .translation-compare-head,.translation-compare.no-tc .translation-row{grid-template-columns:1fr 1fr}.translation-compare.no-tc .translation-compare-head span:first-child{grid-column:1}.translation-cell{line-height:1.75}.editor-scroll-area{flex-direction:column;display:flex;overflow:hidden}.editor-scroll-area>.subtitles-canvas-page,.editor-scroll-area>.subtitles-book-canvas,.editor-scroll-area>.translation-compare{flex:1;min-height:0;overflow-y:auto}.editor-scroll-area>.srt-preview-container-wrapper{flex:1;min-height:0;overflow:hidden}.srt-preview-container-wrapper>.srt-preview-textarea{flex:1;min-height:0;overflow-y:auto}.editor-scroll-area>.auth-error,.editor-scroll-area>.editor-hint{flex-shrink:0}.editor-scroll-area .active-word,.shared-sheet .active-word,.translation-compare .active-word{background:var(--hl-color,var(--color-accent-glow));box-shadow:0 0 6px var(--hl-glow,#b4530959)}.vs-highlight{align-items:center;gap:.35rem;display:flex}.vs-hl-trigger{border:1px solid var(--border-color);cursor:pointer;width:16px;height:16px;transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:5px;padding:0}.vs-hl-trigger:hover,.vs-hl-trigger.on{border-color:var(--color-accent);transform:scale(1.15)}.vs-hl-popover{min-width:11rem}.vs-hl-colors{grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:10px;display:grid}.vs-hl-swatch{border:1px solid var(--border-color);cursor:pointer;border-radius:6px;height:22px;padding:0}.vs-hl-swatch.on{box-shadow:0 0 0 2px var(--bg-card-strong), 0 0 0 3.5px var(--color-accent)}.vs-hl-slider{width:100%;accent-color:var(--color-accent)}.translation-compare.one-column .translation-compare-head,.translation-compare.one-column .translation-row{grid-template-columns:60px 1fr}.translation-compare.one-column.no-tc .translation-compare-head,.translation-compare.one-column.no-tc .translation-row{grid-template-columns:1fr}.translation-compare.one-column .translation-translated:empty:before{content:none}@media (width<=720px){.translation-compare.one-column .translation-row{grid-template-columns:50px 1fr}.translation-compare.one-column .translation-translated{border-top:none;grid-column:auto;padding-top:0}}.tm-lang{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tm-have{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.tm-lang.have .tm-have{opacity:.85}.editor-main.is-fullscreen{z-index:1000;background:var(--bg-main);padding:16px 24px;position:fixed;inset:0}.editor-fullscreen-btn{font-size:16px;line-height:1}.subtitles-book-canvas.is-inline .book-paragraph{text-indent:2.2em;text-align:justify;-webkit-hyphens:auto;hyphens:auto;max-width:76rem;margin-left:auto;margin-right:auto;padding-top:0;padding-bottom:0}.subtitles-book-canvas.is-inline .book-paragraph:first-child{text-indent:0}.fr-bar{border:1px solid var(--color-accent-border);background:var(--bg-card-strong);border-radius:12px;flex-direction:column;align-self:flex-start;gap:6px;width:max-content;max-width:100%;margin-top:8px;padding:7px;animation:.14s ease-out fr-in;display:flex;box-shadow:0 10px 28px #0006}@keyframes fr-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fr-row{align-items:center;gap:4px;display:flex}.fr-icon{width:26px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.fr-input{border:1px solid var(--border-color);background:var(--bg-main);width:13rem;color:var(--text-main);font:inherit;border-radius:9px;padding:7px 10px;font-size:.85rem}.fr-input:focus{border-color:var(--color-accent);outline:none}.fr-count{min-width:4.2rem;color:var(--text-secondary);text-align:center;white-space:nowrap;padding:0 4px;font-size:.75rem}.fr-count.none{color:var(--color-red)}.fr-btn{min-width:28px;height:28px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:600;display:inline-flex}.fr-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-main)}.fr-btn:disabled{opacity:.4;cursor:default}.fr-toggle.on{background:var(--color-accent-glow);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-border)}.fr-action{border:1px solid var(--border-color)}.fr-action:hover:not(:disabled){border-color:var(--color-accent-border)}.fr-close{font-size:1.1rem;font-weight:400}.fr-divider{background:var(--border-color);width:1px;height:18px;margin:0 3px}.find-hit{box-shadow:inset 0 0 0 1px var(--color-accent-border);background:#f97c3d40;border-radius:3px}.find-hit.current{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.pv-wrap{flex-shrink:0;align-items:center;gap:4px;display:flex}.pv-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.pv-btn:hover{color:var(--text-main);background:#ffffff0f}.pv-slider{opacity:0;appearance:none;cursor:pointer;width:0;height:4px;transition:width var(--transition-fast), opacity var(--transition-fast);background:#ffffff24;border-radius:999px;margin:0;padding:0}.pv-wrap:hover .pv-slider,.pv-slider:focus-visible{opacity:1;width:72px}.pv-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.pv-slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.pv-slider:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (hover:none){.pv-slider{opacity:1;width:64px}}.share-wrap{position:relative}.share-popover{z-index:40;border:1px solid var(--border-color);background:var(--bg-card-strong);border-radius:14px;width:22rem;max-width:calc(100vw - 2rem);padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #00000073}.share-title{margin:0 0 4px;font-size:.9rem;font-weight:700}.share-lead{color:var(--text-secondary);margin:0 0 10px;font-size:.78rem;line-height:1.5}.share-create{width:100%}.share-link-row{gap:6px;margin:8px 0 10px;display:flex}.share-link{border:1px solid var(--border-color);background:var(--bg-main);min-width:0;color:var(--text-secondary);font:inherit;border-radius:9px;flex:1;padding:7px 9px;font-size:.76rem}.share-copy{background:var(--color-accent);color:var(--color-accent-ink);font:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:7px 12px;font-size:.78rem;font-weight:700}.share-toggle{border-top:1px solid var(--border-color);cursor:pointer;align-items:flex-start;gap:.5rem;padding:9px 0 4px;font-size:.78rem;display:flex}.share-toggle input{opacity:0;pointer-events:none;position:absolute}.share-toggle span:last-child{flex:1}.share-toggle .vs-toggle-track{flex-shrink:0;margin-top:2px}.share-toggle input:checked~span em{color:var(--color-accent)}.share-toggle em{color:var(--text-secondary);margin-top:2px;font-size:.72rem;font-style:normal;line-height:1.45;display:block}.share-revoke{border:1px solid var(--border-color);width:100%;color:var(--color-red);font:inherit;cursor:pointer;background:0 0;border-radius:9px;margin-top:10px;padding:7px;font-size:.78rem}.share-revoke:hover:not(:disabled){border-color:var(--color-red)}.legal-page{background:var(--bg-main);min-height:100vh;color:var(--text-main)}.legal-shell{max-width:46rem;margin:0 auto;padding:0 1.5rem}.legal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 0;display:flex}.legal-translation-notice{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin:0 0 2rem;padding:.75rem 1rem;font-size:.85rem}.legal-translation-notice a{color:var(--color-accent)}.legal-back{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.legal-back:hover{color:var(--color-accent)}.legal-article{padding:2.5rem 0 3rem;line-height:1.7}.legal-article h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem}.legal-updated{color:var(--text-secondary);margin:0 0 2.5rem;font-size:.85rem}.legal-lead{color:var(--text-main);background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--color-accent);border-radius:0 8px 8px 0;margin:0 0 2.5rem;padding:1.15rem 1.35rem;font-size:1.05rem}.legal-article h2{letter-spacing:-.01em;margin:2.5rem 0 .85rem;font-size:1.15rem}.legal-article p,.legal-article li{color:var(--text-secondary)}.legal-article p{margin:0 0 1rem}.legal-article strong{color:var(--text-main);font-weight:600}.legal-article ul,.legal-article ol{margin:0 0 1.25rem;padding-left:1.35rem}.legal-article li{margin-bottom:.5rem}.legal-article a{color:var(--color-accent);text-decoration:none}.legal-article a:hover{text-decoration:underline}.legal-table{border-collapse:collapse;width:100%;margin:0 0 1.5rem;font-size:.9rem}.legal-table th,.legal-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top;padding:.65rem .75rem}.legal-table th{color:var(--text-main);font-size:.85rem;font-weight:600}.legal-table td{color:var(--text-secondary)}.legal-table tr:last-child td{border-bottom:none}.legal-nav{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0 3rem;font-size:.85rem;display:flex}.legal-nav a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.legal-nav a:hover{color:var(--color-accent)}@media (width<=640px){.legal-article h1{font-size:1.6rem}.legal-table{white-space:nowrap;display:block;overflow-x:auto}}.shared-page{background:var(--bg-main);height:100vh;color:var(--text-main);flex-direction:column;display:flex;overflow:hidden}.shared-shell{flex-direction:column;width:min(98vw,96rem);height:100%;margin:0 auto;padding:0 1.5rem 1rem;display:flex}@media (width<=900px){.shared-shell{width:100%}}.shared-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.shared-header .header-logo{text-decoration:none}.shared-title{letter-spacing:-.01em;overflow-wrap:anywhere;margin:1.1rem 0 .5rem;font-size:1.15rem}.shared-header{padding:1rem 0}.shared-segments{flex-direction:column;gap:.4rem;display:flex}.shared-sheet .shared-segment{width:100%;max-width:76rem;margin:0 auto}.shared-segment{grid-template-columns:4.2rem 1fr;gap:.9rem;margin:0;padding:.35rem 0;line-height:1.65;display:grid}.shared-tc{color:var(--color-accent);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;padding-top:.25rem;font-size:12px;font-weight:700}.shared-text{color:var(--text-main);overflow-wrap:anywhere}.shared-empty{text-align:center;color:var(--text-secondary);padding:5rem 0}.shared-empty h1{color:var(--text-main);margin:0 0 .6rem;font-size:1.4rem}.shared-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);margin-top:3.5rem;padding-top:1.75rem;font-size:.9rem}.shared-cta{background:var(--color-accent);color:var(--color-accent-ink);transition:background var(--transition-fast);border-radius:8px;margin-top:.9rem;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.shared-cta:hover{background:var(--color-accent-hover)}@media (width<=560px){.shared-segment{grid-template-columns:1fr;gap:.15rem}}.shared-header-actions{align-items:center;gap:.6rem;display:flex}.shared-login{border:1px solid var(--border-color);color:var(--text-main);transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:10px;padding:7px 14px;font-size:.82rem;font-weight:600;text-decoration:none}.shared-login:hover{border-color:var(--color-accent-border);color:var(--color-accent)}.shared-invite{border:1px solid var(--border-color);background:0 0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin:1rem 0 .3rem;padding:.55rem .75rem;display:flex}.shared-invite p{min-width:14rem;color:var(--text-secondary);flex:1;margin:0;font-size:.78rem;line-height:1.45}.shared-invite p strong{color:var(--text-main);font-weight:600}.shared-invite .shared-cta{padding:7px 14px;font-size:.8rem}.shared-ribbon{margin-bottom:1rem}.shared-export-wrap{position:relative}.shared-export-menu{z-index:20;border:1px solid var(--border-color);background:var(--bg-card-strong);border-radius:12px;min-width:9rem;padding:8px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000073}.shared-export-btn{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:8px;align-items:center;gap:.3rem;padding:5px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.shared-export-btn:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent-border)}.shared-export-btn:disabled{opacity:.5;cursor:default}.shared-segments.two-columns .shared-segment{grid-template-columns:4.2rem 1fr 1fr;gap:0 1.2rem;display:grid}.shared-segments.no-tc .shared-segment{grid-template-columns:1fr}.shared-segments.no-tc.two-columns .shared-segment{grid-template-columns:1fr 1fr}.shared-translation{color:var(--text-secondary)}@media (width<=720px){.shared-segments.two-columns .shared-segment{grid-template-columns:4.2rem 1fr}.shared-segments.no-tc.two-columns .shared-segment{grid-template-columns:1fr}.shared-segments.two-columns .shared-translation{grid-column:2}}.shared-player{margin-bottom:1rem}.shared-player-fixed{order:99;width:min(100%,60rem);margin:.8rem auto 0}.shared-sheet .shared-segment{border-left:2px solid #0000;border-radius:4px;padding-left:.85rem}.shared-segment.active-row{border-left-color:var(--color-accent)}.shared-player .editor-audio-panel{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-card-strong) 94%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border-radius:14px;margin:0;box-shadow:0 14px 40px #00000073}.shared-tc.seekable{cursor:pointer}.shared-tc.seekable:hover{text-decoration:underline}.shared-sheet{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-card) 55%, transparent);border-radius:14px;flex:1;min-height:0;margin-top:.9rem;padding:1.6rem 1.8rem;overflow-y:auto;box-shadow:inset 0 1px #ffffff08,0 10px 30px #00000040}@media (width<=720px){.shared-sheet{border-radius:12px;padding:1rem .9rem}}.shared-segments.tc-inline .shared-segment{display:block}.shared-segments.tc-inline .shared-tc{margin-right:.5rem;padding-top:0;display:inline}.shared-segments.tc-inline{gap:0;max-width:76rem;margin:0 auto;line-height:1.75;display:block}.shared-segments.tc-inline .shared-segment{text-indent:2.2em;text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0;padding:0 0 0 .85rem;display:block}.shared-segments.tc-inline .shared-segment:first-child{text-indent:0}.shared-segments.tc-inline.two-columns .shared-segment{display:grid}.calc{grid-template-columns:1.15fr 1fr;align-items:start;gap:1.25rem;display:grid}.calc-input{background:var(--bg-card);border:1px solid var(--border-color);transition:border-color var(--transition-fast);border-radius:12px;padding:.4rem .4rem 3rem;position:relative}.calc-input.drag-active{border-color:var(--color-accent);background:var(--color-accent-glow)}.calc-textarea{resize:vertical;width:100%;min-height:13rem;color:var(--text-main);font:inherit;background:0 0;border:none;outline:none;padding:.85rem;font-size:.92rem;line-height:1.6}.calc-textarea::placeholder{color:var(--text-secondary)}.calc-file-btn{border:1px dashed var(--border-color);color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:7px;padding:.35rem .7rem;font-size:.78rem;position:absolute;bottom:.85rem;left:.9rem}.calc-file-btn:hover{color:var(--color-accent);border-color:var(--color-accent-border)}.calc-output{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.1rem 1.2rem}.calc-paces{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.1rem;display:flex}.calc-paces-label{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--text-secondary);margin-bottom:.15rem;font-size:.72rem}.calc-pace{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:8px;flex-direction:column;flex:6rem;gap:.1rem;padding:.45rem .6rem;display:flex}.calc-pace:hover{color:var(--text-main);border-color:#fff3}.calc-pace.is-active{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-glow)}.calc-pace-name{font-size:.85rem;font-weight:600}.calc-pace-hint{opacity:.75;font-size:.68rem}.calc-result{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);flex-direction:column;gap:.15rem;padding:.9rem 0;display:flex}.calc-result-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem}.calc-result-value{letter-spacing:-.02em;color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1.1}.calc-result-wpm{color:var(--text-secondary);font-size:.76rem}.calc-stats{color:var(--text-secondary);flex-wrap:wrap;gap:.35rem 1.1rem;margin:.9rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.calc-stats b{color:var(--text-main);font-variant-numeric:tabular-nums}.calc-empty,.calc-note,.calc-approx{color:var(--text-secondary);margin:.9rem 0 0;font-size:.78rem;line-height:1.5}.calc-note-warn{color:var(--color-accent)}.calc-cta{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:.25rem;padding:1.1rem 1.35rem;display:flex}.calc-cta-title{color:var(--text-main);margin:0 0 .2rem;font-size:1rem;font-weight:700}.calc-cta-text{color:var(--text-secondary);margin:0;font-size:.86rem}@media (width<=860px){.calc{grid-template-columns:1fr}.calc-result-value{font-size:2.2rem}}.timing-page{padding:2.5rem 0 4rem}.timing-page-in-app{padding:1.5rem 2rem 3rem}.timing-title{letter-spacing:-.02em;color:var(--text-main);margin:0 0 .5rem;font-size:1.9rem}.timing-lead{max-width:46rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}@media (width<=860px){.timing-page-in-app{padding:1.25rem 1rem 2.5rem}.timing-title{font-size:1.5rem}}.calc-langs{margin-bottom:1rem}.calc-lang-row{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.calc-lang{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;letter-spacing:.03em;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:7px;padding:.3rem .6rem;font-size:.78rem}.calc-lang:hover{color:var(--text-main);border-color:#fff3}.calc-lang.is-active{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-glow)}.calc-lang-detected{color:var(--text-secondary);margin-top:.4rem;font-size:.72rem;display:inline-block}:root{--bg-main:#0c0b09;--bg-card:#191815;--bg-card-strong:#23221d;--bg-sidebar:#12120f;--border-color:#ffffff14;--text-main:#f6f5f2;--text-secondary:#b0aea7;--color-accent:#f97c3d;--color-accent-hover:#ffa066;--color-accent-glow:#f97c3d1f;--color-accent-border:#f97c3d59;--color-accent-ink:#21110a;--color-green:#59c886;--color-red:#ef4444;--font-sans:"Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, monospace;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);margin:0}.page-loading{min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;width:100%;max-width:380px;padding:2rem}.auth-card h1{margin:0 0 .25rem;font-size:1.5rem}.auth-subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.google-button{border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:.65rem;font-size:.9rem}.google-button:hover{background:#ffffff0d}.auth-divider{color:var(--text-secondary);margin:1.25rem 0;font-size:.8rem}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form input{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff08;border-radius:8px;padding:.65rem;font-size:.9rem}.auth-form button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.65rem;font-size:.9rem}.auth-form button:hover:not(:disabled){background:var(--color-accent-hover)}.auth-form button:disabled{opacity:.6;cursor:default}.auth-sent{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.auth-error{color:var(--color-red);margin-top:1rem;font-size:.85rem}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border-color);background:var(--bg-main);z-index:10;flex-shrink:0;align-items:center;height:72px;padding:0 1.5rem;display:flex}.app-shell-body{flex:1;align-items:stretch;min-height:0;display:flex}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;padding:1rem;display:flex;overflow-y:auto}.new-transcription-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px dashed #ffffff29;border-radius:9px;padding:9px;font-size:13px;font-weight:700}.new-transcription-btn:hover{color:var(--text-main);border-color:var(--text-secondary)}.app-sidebar-list{flex:1;margin-top:1.25rem}.app-sidebar .jobs-row{background:0 0;border:none;border-left:2px solid #0000;border-radius:8px}.app-sidebar .jobs-row:hover{background:#ffffff08}.app-sidebar .jobs-row.active{background:var(--bg-card-strong);border-left-color:var(--color-accent)}.app-sidebar .jobs-row.active:hover{background:var(--bg-card-strong)}.app-sidebar .jobs-row-content{padding:8px 8px 8px 6px}.app-sidebar .jobs-row-status-dot{display:none}.app-sidebar .jobs-row-filename{flex:1;max-width:100%;font-size:13px;font-weight:600}.app-sidebar .jobs-row-ext{font-family:var(--font-mono);color:var(--color-accent);margin-right:6px;font-size:10px;font-weight:700}.app-sidebar .jobs-row-duration,.app-sidebar .jobs-row-date{display:none}.app-sidebar .jobs-status-badge{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;padding:0;font-size:0}.app-sidebar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 .5rem;font-size:.7rem;font-weight:700}.app-sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.6rem;padding-top:1rem;display:flex}.app-sidebar-account{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.app-sidebar-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-sidebar-account button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:.3rem .5rem}.app-sidebar-account button:hover{color:var(--text-main);background:#ffffff0d}.app-main{flex:1;min-width:0;padding:1.5rem;overflow-y:auto}.header-logo{flex-direction:column;line-height:1;text-decoration:none;display:flex}.header-logo-mark{letter-spacing:-.02em;color:var(--color-accent);text-transform:uppercase;font-size:1.5rem;font-weight:800}.header-logo-tagline{letter-spacing:.04em;color:var(--text-secondary);text-transform:lowercase;margin-top:.15rem;font-size:.68rem;font-weight:600}.header-nav-tabs{align-items:stretch;gap:22px;height:100%;margin-left:2rem;display:flex}.header-nav-tabs a,.header-nav-tabs button{height:100%;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:0 1px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.header-nav-tabs a.active,.header-nav-tabs button.active{border-bottom-color:var(--color-accent);color:var(--text-main)}.header-nav-tabs button:disabled{opacity:.35;cursor:not-allowed}.usage-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;flex-direction:column;align-items:stretch;gap:.35rem;padding:.5rem .6rem;font-size:.75rem;display:flex}.usage-pill-bar{background:#ffffff14;border-radius:3px;flex-shrink:0;width:100%;height:5px;overflow:hidden}.usage-pill-fill{background:var(--color-accent);height:100%;transition:width .3s}.upgrade-button{background:var(--color-accent);color:var(--color-accent-ink);cursor:pointer;border:none;border-radius:8px;padding:8px;font-size:12px;font-weight:700}.upgrade-button:hover{background:var(--color-accent-hover)}.upgrade-button:disabled{opacity:.7;cursor:default}.upgrade-modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upgrade-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:min(1000px,94vw);max-height:85vh;padding:2rem;position:relative;overflow-y:auto}.upgrade-modal h2{text-align:center;margin:0 0 1.5rem}.upgrade-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.upgrade-modal-plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:1rem;max-width:640px;margin-inline:auto;display:grid}@media (width<=860px){.upgrade-modal-plans{grid-template-columns:1fr}}.plan-card{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.plan-card h3{margin:0}.plan-card-paid{border-color:var(--color-green);background:var(--bg-card-strong)}.plan-card--pro,.plan-card--premium{border-color:var(--color-accent);background:linear-gradient(180deg, var(--color-accent-glow), transparent 60%), var(--bg-card-strong);box-shadow:0 0 0 1px var(--color-accent-border)}.plan-card--pro h3,.plan-card--premium h3,.plan-card--pro ul li:before,.plan-card--premium ul li:before{color:var(--color-accent)}.plan-card-current{border-color:var(--border-color);background:var(--bg-card);box-shadow:none}.plan-price{margin:0;font-size:1.75rem;font-weight:700}.plan-price span{color:var(--text-secondary);font-size:.9rem;font-weight:400}.plan-card ul{color:var(--text-secondary);flex-direction:column;flex:1;gap:.5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.plan-card ul li:before{content:"✓ ";color:var(--color-green)}.plan-badge{color:var(--text-secondary);background:#ffffff14;border-radius:999px;align-self:flex-start;padding:.25rem .6rem;font-size:.75rem}.plan-card .upgrade-button{border:1px solid var(--color-green);border-radius:8px;width:100%;padding:.6rem}.plan-card--premium .upgrade-button{border-color:var(--color-accent)}.upgrade-modal-error{color:var(--color-red,#e5484d);text-align:center;margin:1rem 0 0;font-size:.85rem}.usage-bar-track{background:#ffffff0f;border-radius:4px;width:100%;height:8px;overflow:hidden}.usage-bar-fill{background:var(--color-green);height:100%;transition:width .3s}.jobs-empty{color:var(--text-secondary);margin:0;font-size:.9rem}.jobs-list{flex-direction:column;gap:.5rem;display:flex}.jobs-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;position:relative;overflow:hidden}.jobs-row:hover{background:#ffffff0a}.jobs-row-content{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem .7rem 1.7rem;display:flex}.jobs-row-status-dot{pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.jobs-row-status-dot.status-queued,.jobs-row-status-dot.status-processing{border:2px solid var(--color-accent-glow);border-top-color:var(--color-accent-hover);animation:.7s linear infinite translate-spin}.jobs-row-status-dot.status-done{background:var(--color-green)}.jobs-row-status-dot.status-error{background:var(--color-red)}.jobs-row-filename{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;font-size:.9rem;overflow:hidden}.jobs-row-filename-input{background:var(--bg-main);max-width:45%;color:var(--text-main);border:1px solid var(--color-accent);border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:inherit;font-size:.9rem}.jobs-row-duration{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.jobs-row-meta{flex-shrink:0;align-items:center;gap:.75rem;transition:transform .18s;display:flex}.jobs-row:hover .jobs-row-meta{transform:translate(-40px)}.jobs-row-actions{justify-content:flex-end;align-items:center;gap:4px;width:40px;padding-right:8px;transition:right .18s;display:flex;position:absolute;top:0;bottom:0;right:-40px}.jobs-row:hover .jobs-row-actions{right:0}.jobs-row-kebab-wrap{position:relative}.jobs-kebab-menu{background:var(--bg-main);border:1px solid var(--border-color);z-index:1000;border-radius:8px;flex-direction:column;min-width:220px;padding:4px;display:flex;box-shadow:0 8px 24px #00000040}.jobs-kebab-item{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.jobs-kebab-item:hover:not(:disabled){background:#ffffff0f}.jobs-kebab-item:disabled{opacity:.35;cursor:not-allowed}.jobs-kebab-item.danger{color:var(--color-red)}.jobs-kebab-item.danger:hover:not(:disabled){background:#ef44441f}.jobs-kebab-submenu{border-left:1px solid var(--border-color);flex-direction:column;margin-left:.9rem;padding-left:.5rem;display:flex}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;width:360px;max-width:calc(100vw - 2rem);padding:1.5rem;box-shadow:0 16px 48px #0006}.modal-card h3{color:var(--text-main);margin:0 0 .5rem;font-size:1.05rem}.modal-card p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1.1rem;font-size:.9rem}.modal-btn:hover{background:#ffffff0f}.modal-btn.danger{background:var(--color-red);border-color:var(--color-red);color:#fff}.modal-btn.danger:hover{background:#dc2626}.jobs-action-btn{border:1px solid var(--border-color);background:var(--bg-main);width:28px;height:28px;color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:background .15s;display:flex}.jobs-action-btn:hover:not(:disabled){background:#ffffff14}.jobs-action-btn.danger:hover:not(:disabled){background:#ef444426;border-color:#ef44444d}.jobs-action-btn:disabled{opacity:.3;cursor:not-allowed}.jobs-status-badge{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.jobs-status-badge.status-done{color:var(--color-green);background:#10b9811f}.jobs-status-badge.status-error{color:var(--color-red);background:#ef44441f}.jobs-status-badge.status-processing,.jobs-status-badge.status-queued{color:var(--color-accent-hover);background:var(--color-accent-glow)}.jobs-row-date{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.upload-status{text-align:center;color:var(--text-secondary);font-size:.9rem}.upload-status p{margin:0 0 .75rem}.upload-success{color:var(--color-green)}.upload-status button{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem}.upload-status button:hover{background:#ffffff0d}.upload-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.upload-actions a{color:var(--color-accent-hover)}.transcribe-panel{flex-direction:column;gap:20px;display:flex}.dropzone{background-color:var(--bg-card);text-align:center;cursor:pointer;transition:all var(--transition-fast);border:1px dashed #ffffff26;border-radius:12px;padding:40px 20px;position:relative}.dropzone:hover{border-color:var(--color-accent);background-color:#ffffff05}.dropzone.drag-active{border-color:var(--color-accent);background-color:var(--color-accent-glow)}.dropzone.file-selected{cursor:default;border-style:solid;border-color:#b4530966}.hidden-file-input{display:none}.dropzone-inner{flex-direction:column;align-items:center;display:flex}.upload-icon-wrapper{width:48px;height:48px;color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);background-color:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:20px;display:flex}.dropzone:hover .upload-icon-wrapper{color:var(--color-accent);background-color:#b453090d;border-color:#b453094d}.upload-icon-wrapper.file-ready{color:var(--color-accent);background-color:#b453091a;border-color:#b4530933}.upload-prompt{color:var(--text-main);margin:0 0 4px;font-size:16px;font-weight:500}.upload-subprompt{color:var(--text-secondary);margin:0 0 24px;font-size:13px}.upload-limit{color:var(--text-secondary);text-align:center;margin:.85rem 0 0;font-size:.78rem}.format-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.format-badge{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff08;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.selected-file-details{flex-direction:column;align-items:center;width:100%;display:flex}.preview-player-container{background:#08090d;border:1px solid #ffffff14;border-radius:8px;width:100%;max-width:480px;margin-bottom:16px;overflow:hidden}.preview-player-container.audio-container{background:0 0;border:none}.media-preview-player{outline:none;width:100%;display:block}.media-preview-player.video-preview{object-fit:contain;max-height:240px}.media-preview-player.audio-preview{border-radius:8px;height:40px}.unsupported-preview-card{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.file-info-container{flex-direction:column;align-items:center;width:100%;display:flex}.file-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:90%;margin:0 0 4px;font-size:16px;font-weight:600;overflow:hidden}.file-size{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.remove-file-btn{color:var(--color-red);cursor:pointer;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444433;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600}.remove-file-btn:hover{background:#ef444426;border-color:#ef44444d}.config-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.config-item{flex-direction:column;gap:8px;min-width:0;display:flex}.config-label{letter-spacing:.08em;color:var(--text-muted,var(--text-secondary));font-size:11px;font-weight:700}.select-wrapper{background-color:var(--bg-main);border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:8px;position:relative}.select-wrapper:hover{border-color:#fff3}.select-wrapper select{width:100%;color:var(--text-main);cursor:pointer;appearance:none;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:12px 32px 12px 16px;font-size:14px;font-weight:500;overflow:hidden}.select-wrapper:after{content:"";border-left:4.5px solid #0000;border-right:4.5px solid #0000;border-top:5px solid var(--text-secondary);pointer-events:none;width:0;height:0;position:absolute;top:calc(50% - 2px);right:14px}.select-wrapper:focus-within{border-color:var(--color-accent)}.cta-button{background:var(--color-accent);width:100%;color:var(--color-accent-ink);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 20px #f97c3d4d}.cta-button:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 6px 24px #f97c3d73}.editor-actions-group{align-items:center;gap:.5rem;display:flex}.export-menu-wrap{position:relative}.export-btn{width:auto;box-shadow:none;padding:.5rem 1rem;font-size:.85rem}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-menu{background:var(--bg-main);border:1px solid var(--border-color);z-index:20;border-radius:10px;flex-direction:column;width:290px;max-height:min(70vh,560px);padding:0;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.export-menu button{color:var(--text-main);letter-spacing:.02em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.55rem .7rem;font-size:.85rem;font-weight:600}.export-menu button:hover{background:#ffffff0f}.export-menu-group{border-bottom:1px solid var(--border-color);padding:8px 10px}.export-menu-group .settings-group-label{margin:0 0 6px}.export-menu-group .settings-segmented+.settings-group-label{margin-top:10px}.export-menu-group .settings-segmented button{text-align:center;white-space:nowrap;min-width:0;padding:.45rem .5rem}.export-menu-group .settings-segmented button:hover:not(.active){background:#ffffff0f}.export-menu-formats{flex-direction:column;padding:4px;display:flex}.export-menu-note{color:var(--text-secondary);margin:4px 6px 2px;font-size:.72rem;line-height:1.45}.translate-btn{justify-content:center;align-items:center;display:inline-flex}.translate-spinner{border:2px solid #ffffff40;border-top-color:var(--color-accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite translate-spin}@keyframes translate-spin{to{transform:rotate(360deg)}}.translate-menu{min-width:190px;max-height:320px;overflow-y:auto}.editor-main{flex-direction:column;min-width:0;height:100%;display:flex}.editor-scroll-area{flex:1;min-height:0;overflow-y:auto}.editor-filename{color:var(--text-secondary);margin:0 0 .25rem;font-size:.9rem}.editor-hint{color:var(--text-muted,var(--text-secondary));margin:0 0 1.25rem;font-size:.8rem}.editor-toolbar{flex-shrink:0;margin-bottom:24px}.editor-title-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:16px;display:flex}.editor-title-row .editor-filename{color:var(--text-main);margin:0;font-size:.95rem;font-weight:600}.editor-toolbar-actions{align-items:center;gap:.6rem;display:flex}.editor-settings-wrap{position:relative}.editor-settings-btn{background:var(--bg-card-strong);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;font-size:1rem;display:flex}.editor-settings-btn:hover{color:var(--text-main)}.editor-settings-popover{background:var(--bg-main);border:1px solid var(--border-color);z-index:20;border-radius:12px;flex-direction:column;gap:10px;width:260px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000059}.settings-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.65rem;font-weight:700}.settings-segmented{flex-wrap:wrap;gap:4px;display:flex}.settings-segmented button{border:1px solid var(--border-color);min-width:60px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;flex:1;padding:.4rem .5rem;font-size:.8rem;font-weight:600}.editor-settings-popover .settings-segmented button{white-space:nowrap;min-width:0;padding:.4rem}.settings-segmented button.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.settings-toggle-row{border-top:1px solid var(--border-color);color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;padding-top:.75rem;font-size:.8rem;display:flex}.settings-toggle-switch{flex-shrink:0;width:34px;height:20px;display:inline-flex;position:relative}.settings-toggle-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.settings-toggle-track{transition:background var(--transition-fast);background:#ffffff1f;border-radius:999px;position:absolute;inset:0}.settings-toggle-track:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle-switch input:checked+.settings-toggle-track{background:var(--color-accent)}.settings-toggle-switch input:checked+.settings-toggle-track:after{transform:translate(14px)}.editor-mode-toggle{background:var(--bg-card-strong);border:none;border-radius:9px;gap:2px;padding:3px;display:flex}.editor-mode-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.editor-mode-toggle button.active{background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.srt-preview-container-wrapper{flex-direction:column;gap:12px;display:flex}.srt-optimization-panel{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 16px;display:flex}.srt-optimization-panel .control-group{cursor:default;align-items:center;gap:8px;display:flex}.srt-optimization-panel .control-group.flex-row{cursor:pointer}.control-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.control-label-inline{color:var(--text-main);font-size:12px;font-weight:500}.control-input.mini{border:1px solid var(--border-color);width:60px;color:var(--text-main);text-align:center;background:#00000040;border-radius:5px;outline:none;padding:4px 8px;font-size:12px}.control-input.mini:focus{border-color:var(--color-accent);box-shadow:0 0 6px var(--color-accent-glow)}.limit-toggle-group{border:1px solid var(--border-color);background:#00000040;border-radius:5px;padding:2px;display:flex}.limit-toggle-group button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:600}.limit-toggle-group button.active{background:var(--color-accent);color:#fff}.apply-opt-btn{background:var(--color-accent);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:5px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600}.apply-opt-btn:hover:not(:disabled){background:var(--color-accent-hover)}.apply-opt-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--bg-card);color:var(--text-secondary)}.srt-preview-textarea{border:1px solid var(--border-color);width:100%;min-height:420px;color:var(--text-main);font-family:var(--font-mono);resize:vertical;background:#ffffff05;border-radius:10px;outline:none;padding:16px;font-size:13px;line-height:1.6}.srt-preview-textarea:focus{border-color:var(--color-accent)}.srt-preview-editable{white-space:pre-wrap;cursor:text;resize:none;max-height:60vh;overflow-y:auto}.srt-preview-editable:empty:before{content:attr(data-placeholder);color:var(--text-secondary)}.srt-preview-readonly{white-space:pre-wrap;resize:none;cursor:default;max-height:60vh;overflow-y:auto}.srt-content-switch{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;display:flex}.srt-content-switch .settings-segmented{flex:none}.srt-content-switch .settings-segmented button{white-space:nowrap;min-width:96px}.srt-content-hint{color:var(--text-secondary);font-size:.78rem}.subtitles-canvas-page{background:var(--bg-card);border:2px solid var(--color-accent-border);border-radius:18px;flex-direction:column;gap:8px;width:100%;padding:30px;display:flex}.subtitles-canvas-page:focus{outline:none}.canvas-segment-row{transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border-left:3px solid #0000;border-radius:12px;align-items:flex-start;gap:20px;padding:14px;display:flex}.canvas-segment-row.active-row{border-left-color:var(--color-accent)}.canvas-segment-row:hover{background:#ffffff05}.canvas-timecode-col{font-family:var(--font-mono);color:var(--color-accent);-webkit-user-select:text;user-select:text;flex-shrink:0;width:50px;padding-top:4px;font-size:12px;font-weight:700}.canvas-text-col{flex:1;min-width:0}.canvas-text-display{cursor:text;color:var(--text-main);font-size:16px;line-height:1.75}.canvas-text-display .active-highlight{color:#fff;background:var(--color-accent-glow);border-radius:4px}.active-word{background:var(--color-accent-glow);color:#fff;border-radius:3px;box-shadow:0 0 6px #b4530959}.subtitles-book-canvas{background:var(--bg-card);border:2px solid var(--color-accent-border);width:100%;color:var(--text-main);text-align:left;border-radius:18px;flex-direction:column;gap:8px;padding:30px;font-size:16px;line-height:1.75;display:flex}.subtitles-book-canvas:focus{outline:none}.book-segment-wrapper{display:inline}.book-segment-wrapper.active-highlight .book-text-input{color:#fff;background:var(--color-accent-glow);border-radius:4px;box-shadow:0 0 8px #b4530959}.editor-audio-panel{background:var(--bg-card);border:none;border-radius:14px;flex-shrink:0;align-items:center;gap:1rem;margin-top:16px;padding:14px 22px;display:flex}.editor-player-btn{background:var(--color-accent);width:40px;height:40px;color:var(--color-accent-ink);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.editor-player-btn:hover{background:var(--color-accent-hover)}.editor-player-progress-container{flex:1;align-items:center;gap:.75rem;display:flex}.editor-player-progress{accent-color:var(--color-accent);flex:1}.editor-player-time{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.editor-player-autoplay{color:var(--text-secondary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.book-text-input{cursor:text;transition:all var(--transition-fast) ease;color:var(--text-main);background:0 0;border:none;border-radius:4px;outline:none;padding:0;display:inline}.book-text-input:focus{background:var(--color-accent-glow);color:#fff;box-shadow:0 0 0 2px #b4530940}.book-segment-spacer{display:inline}.translation-compare{background:var(--bg-card);border:2px solid var(--color-accent-border);border-radius:18px;flex-direction:column;gap:8px;width:100%;padding:30px;display:flex}.translation-compare-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid #ffffff12;grid-template-columns:60px 1fr 1fr;gap:16px;padding:0 14px 10px;font-size:.75rem;font-weight:700;display:grid}.translation-compare-head span:first-child{grid-column:2}.translation-row{transition:background var(--transition-fast), border-color var(--transition-fast);border-left:3px solid #0000;border-radius:12px;grid-template-columns:60px 1fr 1fr;gap:16px;padding:14px;display:grid}.translation-row.active-row{border-left-color:var(--color-accent)}.translation-row:hover{background:#ffffff05}.translation-timecode{font-family:var(--font-mono);color:var(--color-accent);-webkit-user-select:none;user-select:none;padding-top:4px;font-size:12px;font-weight:700}.translation-timecode:before{content:attr(data-tc)}.translation-cell{color:var(--text-main);cursor:text;border-radius:6px;outline:none;min-width:0;font-size:15px;line-height:1.7}.translation-cell:focus{box-shadow:0 0 0 2px #f97c3d40}.translation-translated:empty:before{content:"—";color:var(--text-secondary)}@media (width<=720px){.translation-compare-head{display:none}.translation-row{grid-template-columns:50px 1fr}.translation-translated{border-top:1px dashed #ffffff1a;grid-column:2;padding-top:8px}}.book-paragraph{text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border-left:3px solid #0000;border-radius:12px;margin:0;padding:14px}.book-paragraph.active-row{border-left-color:var(--color-accent)}.book-paragraph:hover{background:#ffffff05}.book-timecode-tag{font-family:var(--font-mono);color:var(--color-accent);white-space:pre;-webkit-user-select:text;user-select:text;font-size:12px;font-weight:700;display:inline}@media (width<=560px){.canvas-segment-row,.book-paragraph{gap:12px;padding:10px}.subtitles-canvas-page,.subtitles-book-canvas{padding:18px}}.translate-page{max-width:1000px;margin:0 auto;padding:8px 0 60px}.translate-page-head h1{color:var(--text-main);align-items:center;gap:10px;margin:0 0 6px;font-size:1.5rem;font-weight:700;display:flex}.translate-page-sub{color:var(--text-secondary);margin:0 0 28px;font-size:.9rem}.translate-section{margin-bottom:26px}.translate-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 12px;font-size:.75rem;font-weight:700}.translate-source-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.translate-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:18px}.translate-card-label{color:var(--text-main);margin:0 0 12px;font-size:.85rem;font-weight:600}.translate-empty{color:var(--text-secondary);margin:0;font-size:.85rem}.translate-job-list{flex-direction:column;gap:6px;max-height:210px;display:flex;overflow-y:auto}.translate-job-list button{color:var(--text-main);text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff08;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:.85rem;display:flex}.translate-job-list button:hover{background:#ffffff12}.translate-job-list button.active{border-color:var(--color-accent);background:var(--color-accent-glow)}.translate-job-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.translate-upload-zone{border:2px dashed var(--border-color);width:100%;min-height:140px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:12px}.translate-upload-zone:hover{border-color:var(--color-accent);background:#f97c3d0a}.translate-upload-zone.drag-active{border-color:var(--color-accent);background:#f97c3d14;border-style:solid}.translate-upload-zone.locked,.translate-upload-zone.locked:hover{border-style:solid;border-color:var(--border-color);cursor:default;background:#ffffff05}.translate-upload-hint{font-size:.85rem;line-height:1.6}.translate-selected{color:var(--text-secondary);margin:14px 0 0;font-size:.85rem}.translate-selected strong{color:var(--color-accent)}.translate-lang-row{align-items:flex-end;gap:16px;display:flex}.translate-lang-row label{color:var(--text-secondary);flex-direction:column;flex:1;gap:6px;font-size:.8rem;display:flex}.translate-lang-row select{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:.9rem}.translate-lang-arrow{color:var(--color-accent);padding-bottom:12px;font-size:1.1rem}.translate-preview{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;overflow:hidden}.translate-preview-head{border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);grid-template-columns:56px 1fr 1fr;gap:16px;padding:10px 18px;font-size:.72rem;font-weight:700;display:grid}.translate-preview-body{max-height:360px;overflow-y:auto}.translate-preview-row{border-bottom:1px solid var(--border-color);grid-template-columns:56px 1fr;gap:16px;padding:10px 18px;display:grid}.translate-preview.has-translation .translate-preview-row{grid-template-columns:56px 1fr 1fr}.translate-preview-row:last-child{border-bottom:none}.translate-preview-tc{font-family:var(--font-mono);color:var(--color-accent);-webkit-user-select:none;user-select:none;padding-top:2px;font-size:12px;font-weight:700}.translate-preview-cell{color:var(--text-main);white-space:pre-wrap;min-width:0;margin:0;font-size:.85rem;line-height:1.6}@media (width<=720px){.translate-preview-head{display:none}.translate-preview-row,.translate-preview.has-translation .translate-preview-row{grid-template-columns:40px 1fr}.translate-preview-translated{border-top:1px dashed var(--border-color);grid-column:2;padding-top:8px}}.translate-quota-bar{background:#ffffff12;border-radius:4px;height:8px;overflow:hidden}.translate-quota-fill{background:var(--color-accent);height:100%;transition:width var(--transition-fast)}.translate-quota-text{color:var(--text-secondary);margin:8px 0 0;font-size:.8rem}.translate-quota-estimate{color:var(--text-secondary);margin:4px 0 0;font-size:.8rem}.translate-quota-estimate.over{color:#ff6b6b}.translate-start-btn{width:auto;min-width:200px;padding:.75rem 2rem}@media (width<=720px){.translate-source-grid{grid-template-columns:1fr}.translate-lang-row{flex-direction:column;align-items:stretch}.translate-lang-arrow{display:none}}.translate-note{color:var(--color-accent-hover);opacity:.85}.translate-upload-zone:disabled{opacity:.5;cursor:default}.translate-upload-zone.locked:disabled{opacity:1}.usage-pill-equivalent{color:var(--text-secondary);opacity:.72;font-size:.68rem;line-height:1.3}.upgrade-modal-subtitle{color:var(--text-secondary);margin:-.5rem 0 1.25rem;font-size:.85rem}.plan-credits{color:var(--text-primary);margin:0 0 .75rem;font-size:.9rem;font-weight:600}.plan-limit-note{opacity:.7;font-size:.8rem}.plan-card ul li.plan-limit-note:before{content:"· ";color:var(--text-secondary)}.plan-highlight{color:var(--text-primary);font-weight:600}.job-progress{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.job-progress-ring{flex-shrink:0;transform:rotate(-90deg)}.job-progress-track{fill:none;stroke:#ffffff1f;stroke-width:2.5px}.job-progress-value{fill:none;stroke:var(--color-accent);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray .9s linear}.job-progress-spin{fill:none;stroke:var(--color-accent);stroke-width:2.5px;stroke-linecap:round;transform-origin:12px 12px;animation:1.1s linear infinite job-progress-rotate}@keyframes job-progress-rotate{to{transform:rotate(360deg)}}.job-progress-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.job-progress-stage{color:var(--text-primary);white-space:nowrap;font-size:.72rem}.job-progress-eta{color:var(--text-secondary);opacity:.8;white-space:nowrap;font-size:.65rem}.jobs-row-new{animation:6s ease-out jobs-row-appear}@keyframes jobs-row-appear{0%{background:#ff8a3d47}15%{background:#ff8a3d38}to{background:0 0}}@media (prefers-reduced-motion:reduce){.job-progress-spin{animation:none}.jobs-row-new{background:#ff8a3d1f;animation:none}}.quota-preview{color:var(--text-secondary);text-align:center;margin:.9rem 0 0;font-size:.82rem}.quota-block{border:1px solid var(--color-accent-border);border-left:3px solid var(--color-accent);background:var(--color-accent-glow);border-radius:0 10px 10px 0;margin:1rem 0 0;padding:1rem 1.15rem}.quota-block-title{color:var(--text-main);margin:0 0 .35rem;font-size:.95rem;font-weight:700}.quota-block-text,.quota-block-hint{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.55}.quota-block-hint{opacity:.85;margin-top:.5rem}.quota-block-cta{background:var(--color-accent);color:var(--color-accent-ink);font:inherit;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:8px;margin-top:.9rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700}.quota-block-cta:hover{background:var(--color-accent-hover)}.cta-button:disabled{opacity:.45;cursor:not-allowed}*{scrollbar-color:#ffffff29 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff42 padding-box content-box}::-webkit-scrollbar-corner{background:0 0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{color:#f6f5f2;background-color:#23221d}