:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#0e1210;--c-paper:#f3efe6;--c-amber:#e8a33d;--c-amber-dim:#e8a33d2e;--c-teal:#5b8c7b;--c-brick:#c2503e;--c-graphite:#3a3f3c;--c-graphite-dim:#3a3f3c59;--c-paper-dim:#f3efe673;--f-display:"Fraunces", Georgia, serif;--f-ui:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Courier New", monospace;--t-xs:.7rem;--t-sm:.8125rem;--t-base:1rem;--t-lg:1.125rem;--t-xl:1.375rem;--t-2xl:1.75rem;--t-3xl:2.25rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--content-width:820px;--strip-height:52px;--header-height:120px;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-decel:cubic-bezier(0, 0, .2, 1);--dur-fast:.18s;--dur-std:.28s;--dur-slow:.48s;--dur-tape:.6s}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f7f3ea;--c-paper:#1c1b17;--c-amber:#b5722a;--c-amber-dim:#b5722a1f;--c-teal:#3f7a63;--c-brick:#a23b2c;--c-graphite:#8c857a;--c-graphite-dim:#8c857a38;--c-paper-dim:#1c1b1780}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--c-bg)}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-graphite)}.tape-waveform__bar--bg{opacity:.2}.layout__header{border-bottom-color:var(--c-graphite)}.voice-input{background:#8c857a14}.segment-translation-input:hover,.segment-translation-input:focus{background:#8c857a1f}.download-file-info{background:#8c857a14}.btn--ghost{border-color:var(--c-graphite);color:var(--c-paper-dim)}.btn--ghost:hover{border-color:var(--c-paper);color:var(--c-paper)}.progress-error{background:#a23b2c0f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;height:100%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--c-bg);min-height:100dvh;color:var(--c-paper);font-family:var(--f-ui);font-size:var(--t-base);-webkit-font-smoothing:antialiased;touch-action:manipulation;line-height:1.55;overflow-x:hidden}:focus-visible{outline:2px solid var(--c-amber);outline-offset:3px;border-radius:3px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-graphite);border-radius:3px}.layout{flex-direction:column;min-height:100dvh;display:flex}.layout__header{z-index:10;background:var(--c-bg);border-bottom:1px solid var(--c-graphite);padding:var(--sp-4) var(--sp-6) 0;position:sticky;top:0}.header-top{align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);max-width:var(--content-width);width:100%;margin-inline:auto;display:flex}.logo{font-family:var(--f-display);font-size:var(--t-lg);color:var(--c-paper);letter-spacing:-.02em;flex:none;font-weight:500}.logo__accent{color:var(--c-amber)}.layout__main{max-width:var(--content-width);width:100%;padding:var(--sp-12) var(--sp-6) var(--sp-16);flex-direction:column;flex:1;margin-inline:auto;display:flex}.tape-strip{max-width:var(--content-width);width:100%;padding-bottom:var(--sp-3);margin-inline:auto}.tape-waveform{width:100%;height:var(--strip-height);display:block;overflow:visible}.tape-waveform__bar--bg{fill:var(--c-graphite);opacity:.3}.tape-amber-group{transition:clip-path var(--dur-tape) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.tape-amber-group{transition:none}}.tape-waveform__bar--fg{fill:var(--c-amber)}.tape-glow-line{stroke:var(--c-amber);stroke-width:1.5px;opacity:.6;transition:clip-path var(--dur-tape) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.tape-glow-line{transition:none}}.tape-stages{padding:var(--sp-2) 0 0;justify-content:space-between;display:flex;position:relative}.tape-stage{align-items:center;gap:var(--sp-1);flex-direction:column;flex:1;display:flex}.tape-stage__tick{background:var(--c-graphite);opacity:.6;width:1px;height:5px;transition:background var(--dur-std) var(--ease-standard), opacity var(--dur-std) var(--ease-standard)}.tape-stage--active .tape-stage__tick{background:var(--c-amber);opacity:1}.tape-stage__label{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-graphite);transition:color var(--dur-std) var(--ease-standard);text-wrap:nowrap}.tape-stage--active .tape-stage__label{color:var(--c-amber)}.tape-stage--done .tape-stage__label{color:var(--c-teal)}.tape-stage--done .tape-stage__tick{background:var(--c-teal);opacity:.7}.step-content{view-transition-name:step-content}@keyframes step-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes step-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:no-preference){::view-transition-new(step-content){animation:step-enter var(--dur-std) var(--ease-decel) both}::view-transition-old(step-content){animation:step-exit var(--dur-std) var(--ease-standard) both}}.step__heading{font-family:var(--f-display);font-size:var(--t-3xl);letter-spacing:-.03em;color:var(--c-paper);margin-bottom:var(--sp-2);text-wrap:balance;font-weight:400}.step__sub{font-size:var(--t-sm);color:var(--c-paper-dim);margin-bottom:var(--sp-8);max-width:48ch}.btn{align-items:center;gap:var(--sp-2);padding:10px var(--sp-6);font-family:var(--f-ui);font-size:var(--t-sm);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), opacity var(--dur-fast), transform var(--dur-fast);white-space:nowrap;border:none;border-radius:3px;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--c-amber);color:var(--c-bg)}.btn--primary:hover{background:#d4922e}.btn--primary:disabled{background:var(--c-graphite);color:var(--c-paper-dim);cursor:not-allowed;transform:none}.btn--ghost{color:var(--c-paper-dim);border:1px solid var(--c-graphite);background:0 0}.btn--ghost:hover{color:var(--c-paper);border-color:var(--c-paper-dim)}.btn--teal{background:var(--c-teal);color:var(--c-bg)}.btn--teal:hover{background:#4d7d6d}.btn--eject{background:var(--c-paper);color:var(--c-bg);font-family:var(--f-display);font-size:var(--t-lg);padding:14px var(--sp-10);letter-spacing:-.01em;gap:var(--sp-3);font-weight:500}.btn--eject:hover{background:var(--c-amber)}.btn-row{gap:var(--sp-3);margin-top:var(--sp-8);align-items:center;display:flex}.upload-step{flex-direction:column;display:flex}.reel-dropzone{justify-content:center;align-items:center;gap:var(--sp-5);cursor:pointer;padding:var(--sp-8) var(--sp-6);width:100%;transition:background var(--dur-std);background:0 0;border:none;border-radius:4px;outline:none;flex-direction:column;display:flex;position:relative}.reel-dropzone:focus-visible{outline:2px solid var(--c-amber);outline-offset:4px}.reel-dropzone__cassette{width:260px;height:180px;transition:transform var(--dur-std) var(--ease-standard), filter var(--dur-std)}.reel-dropzone:hover .reel-dropzone__cassette,.reel-dropzone--dragging .reel-dropzone__cassette{filter:drop-shadow(0 0 18px #e8a33d59);transform:scale(1.03)}.reel-dropzone--dragging{background:var(--c-amber-dim)}.cassette-shell{stroke:var(--c-graphite);fill:none;transition:stroke var(--dur-std)}.reel-dropzone:hover .cassette-shell,.reel-dropzone--dragging .cassette-shell{stroke:var(--c-amber)}.cassette-reel{stroke:var(--c-graphite);fill:none;transition:stroke var(--dur-std)}.reel-dropzone:hover .cassette-reel,.reel-dropzone--dragging .cassette-reel{stroke:var(--c-amber)}.cassette-reel-hub{fill:var(--c-graphite);transition:fill var(--dur-std)}.reel-dropzone:hover .cassette-reel-hub,.reel-dropzone--dragging .cassette-reel-hub{fill:var(--c-amber)}.reel-dropzone__hint{font-size:var(--t-sm);color:var(--c-paper-dim);text-align:center;line-height:1.6}.reel-dropzone__hint strong{color:var(--c-paper);font-weight:500}.reel-dropzone__formats{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-graphite);letter-spacing:.05em}.upload-progress{margin-top:var(--sp-6)}.upload-progress__label{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-paper-dim);margin-bottom:var(--sp-2);justify-content:space-between;display:flex}.upload-progress__track{background:var(--c-graphite-dim);border-radius:2px;height:3px;overflow:hidden}.upload-progress__fill{background:var(--c-amber);height:100%;transition:width var(--dur-fast) linear;border-radius:2px}.upload-selected{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-graphite-dim);border:1px solid var(--c-graphite);margin-top:var(--sp-4);border-radius:3px;display:flex}.upload-selected__name{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--c-paper);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.upload-selected__size{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-paper-dim);flex:none}.configure-step{flex-direction:column;display:flex}.configure-fields{gap:var(--sp-8);flex-direction:column;max-width:420px;display:flex}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-graphite)}.field__hint{font-size:var(--t-xs);color:var(--c-paper-dim);margin-top:var(--sp-1)}.lang-toggle{border:1px solid var(--c-graphite);border-radius:3px;display:flex;overflow:hidden}.lang-toggle__option{padding:var(--sp-3) var(--sp-4);color:var(--c-paper-dim);font-family:var(--f-ui);font-size:var(--t-sm);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);text-align:center;background:0 0;border:none;flex:1}.lang-toggle__option+.lang-toggle__option{border-left:1px solid var(--c-graphite)}.lang-toggle__option:hover{background:var(--c-graphite-dim);color:var(--c-paper)}.lang-toggle__option--active{background:var(--c-amber);color:var(--c-bg);font-weight:500}.lang-toggle__option--active:hover{background:var(--c-amber)}.voice-input-wrap{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex;position:relative}.voice-label-tag{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-amber);letter-spacing:.05em;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;align-items:center;display:flex}.voice-input{border:1px solid var(--c-graphite);width:100%;color:var(--c-paper);font-family:var(--f-mono);font-size:var(--t-sm);transition:border-color var(--dur-fast);letter-spacing:.04em;background:0 0;border-radius:3px;padding:10px 12px}.voice-input::placeholder{color:var(--c-graphite);letter-spacing:0}.voice-input:hover{border-color:var(--c-paper-dim)}.voice-input:focus{border-color:var(--c-amber);outline:none}.progress-step{flex-direction:column;display:flex}.progress-stage-display{gap:var(--sp-6);margin-bottom:var(--sp-8);flex-direction:column;display:flex}.progress-status{align-items:center;gap:var(--sp-4);display:flex}.progress-indicator{background:var(--c-amber);width:10px;height:10px;animation:pulse 1.4s var(--ease-standard) infinite;border-radius:50%;flex:none}.progress-indicator--done{background:var(--c-teal);animation:none}.progress-indicator--error{background:var(--c-brick);animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.progress-indicator{animation:none}}.progress-stage-name{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--c-paper);letter-spacing:.04em}.progress-pipeline{flex-direction:column;gap:0;display:flex}.pipeline-step{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-3) 0;display:flex;position:relative}.pipeline-step+.pipeline-step:before{content:"";width:1px;height:var(--sp-3);background:var(--c-graphite);position:absolute;top:0;left:4px}.pipeline-step__dot{border:1px solid var(--c-graphite);width:9px;height:9px;transition:background var(--dur-std), border-color var(--dur-std);background:0 0;border-radius:50%;flex:none;margin-top:4px}.pipeline-step--active .pipeline-step__dot{background:var(--c-amber);border-color:var(--c-amber)}.pipeline-step--done .pipeline-step__dot{background:var(--c-teal);border-color:var(--c-teal)}.pipeline-step__label{font-size:var(--t-sm);color:var(--c-paper-dim);transition:color var(--dur-std)}.pipeline-step--active .pipeline-step__label{color:var(--c-paper)}.pipeline-step--done .pipeline-step__label{color:var(--c-teal)}.progress-error{gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--c-brick);background:#c2503e14;border-radius:3px;flex-direction:column;display:flex}.progress-error__label{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-brick)}.progress-error__message{font-size:var(--t-sm);color:var(--c-paper-dim);font-family:var(--f-mono);word-break:break-word}.sr-live{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout__main--wide{width:100%;max-width:1440px}.layout:has(.review-step) .layout__main{width:100%;max-width:1440px}.layout:has(.review-step) .tape-strip{width:100%;max-width:1440px}.review-step{flex-direction:column;width:100%;display:flex}.review-meta{align-items:center;gap:var(--sp-6);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--c-graphite);display:flex}.review-meta__item{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-paper-dim)}.review-meta__item strong{color:var(--c-paper)}.review-tracks-header{gap:var(--sp-4);padding:var(--sp-2) var(--sp-3) var(--sp-3);border-bottom:1px solid var(--c-graphite);margin-bottom:var(--sp-2);grid-template-columns:60px minmax(200px,1fr) minmax(240px,1.2fr) minmax(360px,1.8fr);align-items:center;display:grid}.track-header-label{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--c-graphite);font-weight:600}.track-header-label--time{text-align:center;grid-column:1}.track-header-label--original{grid-column:2}.track-header-label--words{grid-column:3}.track-header-label--translation{grid-column:4}.review-segments{flex-direction:column;display:flex}.segment-row{gap:var(--sp-4);border-bottom:1px solid var(--c-graphite-dim);padding:var(--sp-4) var(--sp-3);transition:background var(--dur-fast);border-radius:6px;grid-template-columns:60px minmax(200px,1fr) minmax(240px,1.2fr) minmax(360px,1.8fr);align-items:flex-start;display:grid}.segment-row:hover{background:#ffffff04}.segment-row:last-child{border-bottom:none}.segment-time{align-items:center;gap:var(--sp-1);flex-direction:column;padding-top:2px;display:flex}.timecode{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-paper-dim);font-variant-numeric:tabular-nums;letter-spacing:.04em}.segment-connector{background:var(--c-graphite);width:1px;margin:var(--sp-1) auto 0;flex:1;min-height:16px}.segment-track{align-items:flex-start;min-width:0;display:flex}.segment-track--original{padding:4px 0}.segment-track--words{width:100%}.segment-track--translation{align-items:stretch;gap:var(--sp-2);flex-direction:column;width:100%}.segment-original-text{font-size:var(--t-sm);color:var(--c-paper);word-break:normal;overflow-wrap:break-word;white-space:normal;margin:0;line-height:1.6}.segment-translation-input{width:100%;color:var(--c-paper);font-family:var(--f-ui);font-size:var(--t-sm);padding:0 var(--sp-2);resize:none;field-sizing:content;min-height:2.4em;transition:border-color var(--dur-fast), background var(--dur-fast);overflow-wrap:anywhere;word-break:break-word;background:0 0;border:1px solid #0000;border-radius:2px;line-height:1.6}.segment-translation-input:hover{background:var(--c-graphite-dim);border-color:var(--c-graphite)}.segment-translation-input:focus{background:var(--c-graphite-dim);border-color:var(--c-amber);outline:none}.review-actions{background:linear-gradient(to top, var(--c-bg) 80%, transparent);padding:var(--sp-6) 0 var(--sp-4);align-items:center;gap:var(--sp-4);display:flex;position:sticky;bottom:0}.review-count{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-paper-dim);margin-left:auto}.download-step{align-items:flex-start;gap:var(--sp-6);flex-direction:column;display:flex}.download-complete-mark{align-items:center;gap:var(--sp-3);display:flex}.download-complete-dot{background:var(--c-teal);border-radius:50%;flex:none;width:10px;height:10px}.download-complete-label{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-teal)}.download-file-info{padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-graphite);align-items:center;gap:var(--sp-4);border-radius:3px;width:100%;max-width:400px;display:flex}.download-file-icon{width:32px;height:32px;color:var(--c-amber);flex:none}.download-file-details{flex:1;min-width:0}.download-file-name{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--c-paper);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.download-file-type{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--c-paper-dim);margin-top:2px}.eject-icon{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.eject-icon__tri{border-bottom:10px solid;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0}.eject-icon__bar{background:currentColor;border-radius:1px;width:18px;height:3px}.error-msg{font-size:var(--t-sm);color:var(--c-brick);margin-top:var(--sp-3)}@media (width<=1100px){.review-tracks-header,.segment-row{gap:var(--sp-3);grid-template-columns:50px minmax(160px,1fr) minmax(180px,1.1fr) minmax(280px,1.5fr)}}@media (width<=640px){.layout__header{padding:var(--sp-3) var(--sp-4) 0}.layout__main{padding:var(--sp-8) var(--sp-4) var(--sp-12)}.step__heading{font-size:var(--t-2xl)}.review-tracks-header{display:none}.segment-row{gap:var(--sp-3);padding:var(--sp-4) 0;flex-direction:column;display:flex}.segment-time{flex-direction:row;justify-content:flex-start;align-items:center}.segment-connector{display:none}.reel-dropzone__cassette{width:200px;height:138px}.btn--eject{font-size:var(--t-base);padding:12px var(--sp-8)}}.header-top{justify-content:space-between}.header-user-btn{align-items:center;margin-left:auto;display:flex}.clerk-avatar-box{width:28px!important;height:28px!important}.clerk-popover-card{background:var(--c-bg)!important;border:1px solid var(--c-graphite)!important;font-family:var(--f-ui)!important;border-radius:6px!important;box-shadow:0 8px 32px #0000008c!important}.clerk-popover-action{color:var(--c-paper)!important;font-family:var(--f-ui)!important}.clerk-popover-action:hover{background:var(--c-graphite-dim)!important;color:var(--c-amber)!important}.clerk-popover-footer{border-top-color:var(--c-graphite)!important}.layout--blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.45}.auth-gate{z-index:100;padding:var(--sp-6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:gate-appear var(--dur-std) var(--ease-decel) both;background:#0e121099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes gate-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.auth-gate{animation:none}}.auth-gate__card{border:1px solid var(--c-graphite);padding:var(--sp-12) var(--sp-10);align-items:center;gap:var(--sp-4);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:400px;animation:card-rise var(--dur-slow) var(--ease-decel) both;background:#0e1210d1;border-radius:6px;flex-direction:column;display:flex;box-shadow:inset 0 1px #f3efe60f,0 24px 64px #000000b3}@keyframes card-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-gate__card{animation:none}}.auth-gate__logo{font-family:var(--f-display);font-size:var(--t-sm);letter-spacing:-.01em;color:var(--c-paper-dim);margin-bottom:var(--sp-2);font-weight:500}.auth-gate__heading{font-family:var(--f-display);font-size:var(--t-2xl);letter-spacing:-.03em;color:var(--c-paper);text-wrap:balance;margin-bottom:0;font-weight:400}.auth-gate__sub{font-size:var(--t-sm);color:var(--c-paper-dim);max-width:32ch;margin-bottom:var(--sp-2);line-height:1.6}.auth-gate__btn{width:100%;padding:13px var(--sp-6);font-size:var(--t-base);letter-spacing:.01em;transition:background var(--dur-fast), box-shadow var(--dur-fast);justify-content:center;font-weight:500}.auth-gate__btn:hover{box-shadow:0 0 20px #e8a33d4d}.auth-gate__fine{font-size:var(--t-xs);color:var(--c-paper-dim);margin-top:var(--sp-1)}.auth-gate__link{color:var(--c-amber);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.auth-gate__link:hover{color:var(--c-paper)}:root{--clerk-bg-default:var(--c-bg);--clerk-bg-primary:var(--c-amber);--clerk-text-primary:var(--c-paper);--clerk-text-secondary:var(--c-paper-dim);--clerk-border-default:var(--c-graphite);--clerk-ring-focus:var(--c-amber)}@media (prefers-color-scheme:light){.layout--blurred{opacity:.35}.auth-gate{background:#f7f3ea80}.auth-gate__card{border-color:var(--c-graphite);background:#f7f3eae6;box-shadow:inset 0 1px #1c1b170f,0 24px 64px #00000026}.auth-gate__heading{color:var(--c-paper)}.auth-gate__sub,.auth-gate__logo{color:var(--c-paper-dim)}}@media (width<=480px){.auth-gate__card{padding:var(--sp-10) var(--sp-6)}}.project-history-section{margin-top:var(--sp-12);border-top:1px dashed var(--c-graphite);padding-top:var(--sp-8)}.history__heading{font-family:var(--f-display);font-size:var(--t-lg);color:var(--c-paper);margin-bottom:var(--sp-4);font-weight:500}.history-loading,.history-empty{font-size:var(--t-sm);color:var(--c-paper-dim);text-align:center;padding:var(--sp-8) 0;border:1px dashed var(--c-graphite-dim);background:#3a3f3c0d;border-radius:8px}.history-list{gap:var(--sp-3);flex-direction:column;display:flex}.history-item{border:1px solid var(--c-graphite-dim);padding:var(--sp-4);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);background:#3a3f3c1f;border-radius:8px;justify-content:space-between;align-items:center;display:flex}.history-item:hover{background:var(--c-amber-dim);border-color:var(--c-amber);transform:translateY(-1px)}.history-item__main{width:100%;padding-right:var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.history-item__file-info{gap:var(--sp-1);flex-direction:column;display:flex}.history-item__filename{font-family:var(--f-mono);font-size:var(--t-sm);color:var(--c-paper);word-break:break-all;font-weight:500}.history-item__date{font-size:var(--t-xs);color:var(--c-paper-dim)}.history-item__meta{align-items:center;gap:var(--sp-3);display:flex}.history-item__lang-direction{font-size:var(--t-xs);font-family:var(--f-mono);color:var(--c-paper-dim);background:#3a3f3c4d;border-radius:4px;padding:2px 6px}.history-item__badge{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:4px 8px;font-weight:600}.history-item__badge--complete{color:#72af9a;background:#5b8c7b26;border:1px solid #5b8c7b4d}.history-item__badge--failed{color:#d66453;background:#c2503e26;border:1px solid #c2503e4d}.history-item__badge--review{color:var(--c-amber);background:#e8a33d26;border:1px solid #e8a33d4d}.history-item__badge--processing{color:var(--c-paper-dim);border:1px solid var(--c-graphite-dim);background:#3a3f3c40}.history-item__chevron{font-size:var(--t-lg);color:var(--c-graphite);transition:color var(--dur-fast)}.history-item:hover .history-item__chevron{color:var(--c-amber)}.field-header-row{margin-bottom:var(--sp-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.btn-text-action{color:var(--c-amber);font-family:var(--f-ui);font-size:var(--t-xs);cursor:pointer;transition:opacity var(--dur-fast);background:0 0;border:none;padding:0;font-weight:500}.btn-text-action:hover{opacity:.8;text-decoration:underline}.add-voice-form{border:1px solid var(--c-graphite-dim);padding:var(--sp-4);margin-bottom:var(--sp-4);gap:var(--sp-3);animation:slideDown var(--dur-std) var(--ease-decel);background:#3a3f3c26;border-radius:8px;flex-direction:column;display:flex}.add-voice-form h3{font-size:var(--t-sm);color:var(--c-paper);font-weight:500}.add-voice-grid{gap:var(--sp-2);grid-template-columns:1fr;display:grid}@media (width>=576px){.add-voice-grid{grid-template-columns:1fr 1fr}}.voice-select{background-color:var(--c-bg);border:1px solid var(--c-graphite);width:100%;min-width:200px;color:var(--c-paper);font-family:var(--f-ui);font-size:var(--t-sm);cursor:pointer;transition:all var(--dur-fast);appearance:none;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E8A33D'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;background-size:16px;border-radius:3px;outline:none;flex:1;padding:10px 40px 10px 12px;overflow:hidden}.voice-select option{background-color:var(--c-bg);color:var(--c-paper)}.voice-select:hover{border-color:var(--c-paper-dim)}.voice-select:focus{border-color:var(--c-amber)}.btn-voice-delete{border:1px solid var(--c-brick);color:#d66453;font-family:var(--f-ui);font-size:var(--t-xs);cursor:pointer;transition:all var(--dur-fast);background:0 0;border-radius:6px;flex-shrink:0;padding:8px 12px}.btn-voice-delete:hover{background:#c2503e1a}.voices-loading-text{font-size:var(--t-sm);color:var(--c-paper-dim);padding:8px 0}.error-msg-mini{color:#d66453;font-size:var(--t-xs)}.segment-track-header{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:nowrap;width:100%;display:flex}.segment-speaker-select-wrap{border:1px solid var(--c-graphite);background:#3a3f3c40;border-radius:4px;flex:1;align-items:center;min-width:0;padding:2px 8px;display:flex}.speaker-tag{font-family:var(--f-mono);letter-spacing:.05em;color:var(--c-amber);white-space:nowrap;flex-shrink:0;margin-right:6px;font-size:11px;font-weight:700}.segment-voice-select{color:var(--c-paper);padding:4px var(--sp-4) 4px 4px;font-family:var(--f-ui);font-size:var(--t-xs);cursor:pointer;background:0 0;border:none;outline:none}.btn-segment-settings{border:1px solid var(--c-graphite);color:var(--c-paper-dim);font-family:var(--f-ui);font-size:var(--t-xs);cursor:pointer;transition:all var(--dur-fast);background:0 0;border-radius:4px;padding:4px 8px}.btn-segment-settings:hover{border-color:var(--c-amber);color:var(--c-amber)}.btn-segment-settings--active{border-color:var(--c-amber);color:var(--c-amber);background:var(--c-amber-dim)}.segment-voice-controls{border:1px solid var(--c-graphite-dim);padding:var(--sp-3);margin-top:var(--sp-2);gap:var(--sp-3);animation:slideDown var(--dur-std) var(--ease-decel);background:#3a3f3c1f;border-radius:6px;flex-direction:column;display:flex}.control-slider{gap:var(--sp-1);flex-direction:column;display:flex}.slider-label-row{font-size:var(--t-xs);color:var(--c-paper-dim);justify-content:space-between;font-weight:500;display:flex}.slider-input{background:var(--c-graphite);appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--c-amber);cursor:pointer;width:12px;height:12px;transition:transform var(--dur-fast);border-radius:50%}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-hint{font-size:var(--t-xs);color:var(--c-graphite);font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.segment-voice-select{color:var(--c-paper);font-family:var(--f-ui);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:4px 6px;overflow:hidden}.segment-voice-select option{background:var(--c-bg);color:var(--c-paper)}.word-editor-container{border:1px solid var(--c-graphite-dim);box-sizing:border-box;background:#1e222080;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:44px;padding:8px 10px;display:flex}.word-pill{background:var(--c-graphite-dim);color:var(--c-paper);font-size:var(--t-xs);font-family:var(--f-mono);cursor:pointer;transition:all var(--dur-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px;padding:3px 8px;line-height:1.35}.word-pill:hover{background:var(--c-graphite);border-color:var(--c-paper-dim);color:#fff;transform:translateY(-1px)}.word-pill--edge{color:var(--c-amber);background:#e8a33d2e;border-color:#e8a33d73}.word-pill--edge:hover{border-color:var(--c-amber);background:#e8a33d4d}.universal-voice-bar{border:1px solid var(--c-graphite-dim);padding:var(--sp-4);margin-bottom:var(--sp-6);gap:var(--sp-3);background:#3a3f3c2e;border-radius:8px;flex-direction:column;display:flex}.universal-voice-bar__header{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.universal-voice-bar__title{align-items:center;gap:var(--sp-2);font-size:var(--t-sm);color:var(--c-paper);font-weight:600;display:flex}.btn-info-guide{color:var(--c-amber);width:22px;height:22px;font-size:var(--t-xs);cursor:pointer;transition:all var(--dur-fast);background:#e8a33d26;border:1px solid #e8a33d59;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.btn-info-guide:hover{background:var(--c-amber);color:#111}.universal-controls-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;display:grid}.universal-voice-select{background:var(--c-bg);width:100%;color:var(--c-paper);border:1px solid var(--c-graphite);font-size:var(--t-xs);border-radius:6px;padding:6px 10px}.universal-slider-wrap{flex-direction:column;gap:4px;display:flex}.universal-slider-wrap label{font-size:var(--t-xs);color:var(--c-paper-dim);justify-content:space-between;display:flex}.universal-slider-wrap input[type=range]{width:100%}.emotion-guide-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--sp-4);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emotion-guide-modal{background:var(--c-bg);border:1px solid var(--c-graphite);width:100%;max-width:580px;padding:var(--sp-6);gap:var(--sp-4);border-radius:12px;flex-direction:column;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 12px 36px #00000080}.emotion-guide-modal h2{font-size:var(--t-lg);color:var(--c-amber);margin:0}.emotion-guide-section{padding:var(--sp-3);border-left:3px solid var(--c-amber);background:#3a3f3c26;border-radius:8px}.emotion-guide-section h3{font-size:var(--t-sm);color:var(--c-paper);margin:0 0 4px}.emotion-guide-section p{font-size:var(--t-xs);color:var(--c-paper-dim);margin:0;line-height:1.5}.credit-tracker-card{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--t-xs);background:#5b8c7b1f;border:1px solid #5b8c7b4d;border-radius:6px;flex-wrap:wrap;display:flex}.credit-tracker-stat{align-items:center;gap:var(--sp-2);display:flex}.credit-tracker-stat strong{color:var(--c-paper)}.credit-preview-badge{color:var(--c-amber);background:#e8a33d2e;border:1px solid #e8a33d66;border-radius:12px;padding:3px 8px;font-weight:500}.segment-char-count{color:var(--c-paper-dim);opacity:.7;font-size:.65rem}.btn-apply-same-voice{color:var(--c-amber);font-size:var(--t-xs);cursor:pointer;transition:all var(--dur-fast);background:#e8a33d14;border:1px solid #e8a33d59;border-radius:4px;padding:4px 10px}.btn-apply-same-voice:hover{border-color:var(--c-amber);color:#fff;background:#e8a33d33}.btn-apply-all-segment{border:1px dashed var(--c-graphite);color:var(--c-paper-dim);font-size:var(--t-xs);cursor:pointer;transition:all var(--dur-fast);background:0 0;border-radius:4px;padding:4px 10px}.btn-apply-all-segment:hover{border-color:var(--c-amber);color:var(--c-amber)}.upload-tabs{gap:var(--sp-2);margin-bottom:var(--sp-4);border:1px solid var(--c-graphite-dim);background:#3a3f3c33;border-radius:8px;width:fit-content;padding:4px;display:flex}.upload-tab{color:var(--c-paper-dim);font-size:var(--t-xs);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-weight:500}.upload-tab:hover{color:var(--c-paper)}.upload-tab--active{background:var(--c-graphite);color:var(--c-paper);box-shadow:0 2px 8px #00000040}.url-import-card{border:1px solid var(--c-graphite);padding:var(--sp-6);gap:var(--sp-4);background:#3a3f3c1f;border-radius:12px;flex-direction:column;display:flex}.url-import-input-wrap{gap:var(--sp-2);flex-direction:column;display:flex}.url-import-input-wrap label{font-size:var(--t-sm);color:var(--c-paper);font-weight:500}.url-import-input{background:var(--c-bg);border:1px solid var(--c-graphite);width:100%;color:var(--c-paper);font-size:var(--t-sm);transition:border-color var(--dur-fast);border-radius:6px;outline:none;padding:10px 14px}.url-import-input:focus{border-color:var(--c-amber)}.url-import-hint{font-size:var(--t-xs);color:var(--c-paper-dim);line-height:1.4}