:root{--background:#f7f7f8;--foreground:#1f2933;--muted:#667085;--subtle:#98a2b3;--border:#e4e7ec;--panel:#fff;--accent:#107569;--accent-dark:#0b5f57;--danger:#b42318}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.page-shell{width:min(860px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.header{margin:0 auto 28px;max-width:760px;text-align:center}.kicker{margin:0 0 14px;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;color:#101828;font-size:clamp(2.25rem,5vw,3.15rem);font-weight:800;line-height:1.04;letter-spacing:0}.lede{max-width:640px;margin:16px auto 0;color:var(--muted);font-size:1.04rem;line-height:1.55}.sublede{margin:12px 0 0;color:var(--accent-dark);font-size:.94rem;font-weight:750}.microcopy{margin:10px 0 0;color:var(--subtle);font-size:.92rem;font-weight:600}.panel{border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 18px 45px rgba(16,24,40,.08)}.upload-panel{padding:26px}.form-grid{display:grid;grid-gap:16px;gap:16px}.file-drop{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:190px;border:1.5px dashed #c7d1df;border-radius:16px;padding:28px;background:#fcfcfd;cursor:pointer;text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.file-drop:hover{border-color:var(--accent);background:#f9fbfb;box-shadow:0 10px 28px rgba(16,24,40,.06);transform:translateY(-1px)}.file-drop strong{color:#101828;font-size:1.18rem;font-weight:800}.upload-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #d9ebe8;border-radius:999px;background:#f1fbf9;color:var(--accent-dark)}.upload-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.upload-click-text{color:var(--muted);font-size:1rem}.upload-formats{margin-top:4px;color:var(--subtle);font-size:.86rem;font-weight:800;letter-spacing:.06em}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;border:1px solid transparent;padding:0 16px;font-weight:700}.primary-button{min-height:50px;background:var(--accent);color:#fff;font-size:1.02rem;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.primary-button:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 12px 24px rgba(16,117,105,.2);transform:translateY(-1px)}.secondary-button{background:#fff;border-color:var(--border);color:var(--foreground)}.danger-button{color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:10px}.error{margin:0;color:var(--danger);font-weight:700}.helper{margin:0;font-size:.92rem}.helper,.loading{color:var(--muted)}.loading{display:flex;align-items:center;gap:12px;margin-top:18px}.spinner{width:20px;height:20px;border:3px solid #cbd5e1;border-top:3px solid var(--accent);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.transcript-panel{margin-top:24px;padding:24px}.transcript-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.transcript-header h2{margin:0;font-size:1.25rem}.transcript-box{width:100%;max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:18px 20px;color:var(--foreground);background:#fbfdff;line-height:1.65;white-space:pre-wrap}.transcript-box p{margin:0 0 1rem}.speaker-block:last-child p:last-child,.transcript-box p:last-child{margin-bottom:0}.speaker-block{margin:0 0 1.4rem}.speaker-block h3{margin:0 0 .45rem;color:var(--accent-dark);font-size:.95rem;font-weight:800}.loading-content{display:grid;grid-gap:4px;gap:4px;min-height:48px}.loading-title{color:var(--foreground);font-weight:700}.loading-caption{min-height:22px;color:var(--muted);line-height:1.45;transition:opacity .18s ease}.copy-status{min-height:20px;margin:6px 0 0;color:var(--accent-dark);font-size:.9rem;font-weight:700}@media (max-width:640px){.loading,.transcript-header{align-items:flex-start}.actions{width:100%}.secondary-button{flex:1 1 100%}.transcript-mode-control{display:grid}.mode-button{width:100%}.speaker-name-list{grid-template-columns:1fr}.generated-output-header,.transform-header{align-items:stretch}.transform-option-grid{grid-template-columns:1fr}.transform-generate-button{width:100%}.history-header,.history-item{align-items:stretch}.history-actions{width:100%}.history-actions .secondary-button{flex:1 1 100%}}.transcript-helper{margin:6px 0 0;color:var(--muted);font-size:.92rem}.transcript-editor{min-height:340px;resize:vertical;font:inherit}.subtitle-editor{margin-top:4px}.subtitle-editor-header h3{margin:0;font-size:1.05rem}.subtitle-editor-header p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.subtitle-segment-list{display:grid;grid-gap:12px;gap:12px;margin-top:14px;max-height:360px;overflow:auto;padding-right:4px}.subtitle-segment{display:grid;grid-gap:6px;gap:6px}.subtitle-timestamp{color:var(--accent-dark);font-size:.82rem;font-weight:800}.subtitle-segment textarea{min-height:72px;resize:vertical;padding:10px 12px;color:var(--foreground);line-height:1.5}.output-tabs,.subtitle-segment textarea{border:1px solid var(--border);border-radius:8px;background:#fbfdff}.output-tabs{display:inline-flex;gap:6px;margin-bottom:22px;padding:4px}.tab-button{min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:0 14px;font-weight:800}.tab-button.active{background:var(--accent);color:#fff}.tab-button:hover:not(.active){background:#eef4f8;color:var(--foreground)}.transcript-mode-control{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.mode-button{min-height:38px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);padding:0 12px;font-size:.9rem;font-weight:800}.mode-button.active{border-color:var(--accent);background:#eefaf7;color:var(--accent-dark)}.mode-button:hover:not(:disabled):not(.active){background:#f4f7fa;color:var(--foreground)}.speaker-rename-panel{display:grid;grid-gap:12px;gap:12px;margin:0 0 14px;border:1px solid var(--border);border-radius:8px;background:#fbfdff;padding:14px}.speaker-rename-header h3{margin:0;font-size:.98rem}.speaker-rename-header p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.speaker-name-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.speaker-name-field{display:grid;grid-gap:6px;gap:6px}.speaker-name-field span{color:var(--muted);font-size:.82rem;font-weight:800}.speaker-name-field input{min-height:40px;width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--foreground);padding:0 12px}.speaker-name-field input:focus{border-color:var(--accent);outline:3px solid rgba(16,117,105,.14)}.transform-panel{display:grid;grid-gap:14px;gap:14px;margin-top:18px;border-top:1px solid var(--border);padding-top:18px}.generated-output-header,.transform-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.generated-output-header h4,.transform-header h3{margin:0;font-size:1.02rem}.transform-header p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.transform-generate-button{min-height:42px}.transform-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.transform-option{display:grid;grid-gap:5px;gap:5px;min-height:82px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--foreground);padding:12px;text-align:left}.transform-option span{font-weight:800}.transform-option small{color:var(--muted);font-size:.82rem;line-height:1.35}.transform-option.active{border-color:var(--accent);background:#eefaf7}.transform-option:hover:not(.active){background:#f7f9fb}.transform-option:disabled{cursor:not-allowed;opacity:.65}.transform-warning{margin:0;border:1px solid #f2d6a2;border-radius:8px;background:#fff8eb;color:#8a5a00;padding:10px 12px;font-size:.9rem;line-height:1.45}.generated-output-panel{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--border);border-radius:8px;background:#fbfdff;padding:14px}.generated-output-box{min-height:260px;resize:vertical;background:#fff}.history-panel{display:grid;grid-gap:12px;gap:12px;margin-top:22px;border-top:1px solid var(--border);padding-top:20px}.history-header,.history-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.history-header h2{margin:0;font-size:1.12rem}.history-header p,.history-item p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.history-list{display:grid;grid-gap:10px;gap:10px}.history-item{border:1px solid var(--border);border-radius:8px;background:#fbfdff;padding:12px}.history-item.active{border-color:var(--accent);background:#eefaf7}.history-item h3{margin:0;font-size:.98rem}.history-actions{display:flex;flex-wrap:wrap;gap:8px}