.transcription-page{max-width:1600px;margin:0 auto;padding:0 24px 30px}.transcription-hero{position:relative;background:var(--ink);color:var(--paper);border-radius:14px;padding:62px 6.1vw 56px;overflow:hidden}.transcription-hero .eyebrow{color:#bac5ab;margin:0 0 18px}.transcription-hero h1{max-width:860px;font-size:clamp(40px,4.6vw,68px);font-weight:650;letter-spacing:-.05em;line-height:1.05;margin:0 0 22px;text-wrap:balance}.transcription-intro{max-width:660px;font-size:15px;line-height:1.8;color:#c9cec2;margin:0 0 28px}.transcription-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.transcription-hero-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:550;color:var(--paper)}.transcription-hero-link:hover{text-decoration:underline;text-underline-offset:5px}.transcription-highlights{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px}.transcription-highlights h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--signal)}.transcription-highlights p{font-size:13px;line-height:1.7;color:#c9cec2;margin:0}.transcription-studio{margin:56px 6.1vw 0}.transcription-studio>.eyebrow{color:var(--muted);margin:0 0 18px}.transcription-panel{border:1px solid var(--line);border-radius:14px;background:#fffdf7;padding:30px;display:flex;flex-direction:column;gap:18px}.transcription-gate h2{font-size:clamp(24px,2.4vw,34px);margin:0 0 12px}.transcription-gate p{font-size:14px;color:var(--muted);margin:0;max-width:620px}.transcription-gate-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:8px}.transcription-gate-actions .transcription-hero-link{color:var(--ink)}.transcription-tool-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.transcription-tool-head h2{font-size:clamp(22px,2.2vw,30px);margin:0}.transcription-allowance{font-size:12px;color:var(--muted);margin:0}.transcription-allowance-paid{color:#4a522c;font-weight:600}.transcription-tool-description{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.transcription-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}@media(min-width:880px){.transcription-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.transcription-input{display:flex;flex-direction:column;gap:16px}.dropzone{border:1px dashed var(--line);border-radius:14px;padding:26px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;background:var(--surface)}.transcription-input .dropzone.is-dragging{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 12%,var(--surface))}.dropzone strong{font-size:15px}.dropzone small{color:var(--muted);font-size:12px}.dropzone .button{margin-top:6px}.media-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:14px;width:100%}.media-summary .meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left}.media-summary .name{font-weight:600;word-break:break-all}.transcription-field{display:flex;flex-direction:column;gap:6px;font-size:13px}.transcription-field>span{font-weight:600;color:var(--muted);font-size:12px}.transcription-field select{width:100%}.transcription-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.transcription-notice{border-radius:12px;padding:12px 14px;font-size:13px;display:flex;gap:8px;align-items:center}.transcription-notice-error{background:#fff0eb;border:1px solid #e29482;color:#6f251c}.transcription-notice-info{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.transcription-output{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface);min-height:220px}.transcription-output-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.transcription-output-head h3{font-size:15px;margin:0}.transcription-output-actions{display:flex;gap:8px}.transcription-output-actions .button{min-height:34px;padding:8px 12px;font-size:12px}.transcription-transcript{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.75;background:#fffdf7;border:1px solid var(--line);border-radius:10px;padding:16px;max-height:60vh;overflow:auto;margin:0;-webkit-user-select:text;user-select:text}.transcription-count{font-size:11px;color:var(--muted);margin:0}.transcription-empty{color:var(--muted);font-size:14px;margin:auto 0}.transcription-steps,.transcription-faq{margin:60px 6.1vw 0;padding-top:40px;border-top:1px solid var(--line)}.transcription-section-heading h2{font-size:clamp(30px,3.2vw,46px);font-weight:600;margin:0 0 30px;line-height:1.12}.transcription-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.transcription-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.transcription-step{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);padding-top:4px}.transcription-steps h3{font-size:19px;font-weight:600;margin:0 0 10px;letter-spacing:-.02em}.transcription-steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.transcription-faq dl{margin:0;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:6vw}.transcription-faq dl>div{border-bottom:1px solid var(--line);padding:0 0 22px;margin:0 0 22px}.transcription-faq dl>div:last-child{border-bottom:0;margin-bottom:0}.transcription-faq dt{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 10px}.transcription-faq dd{font-size:13px;line-height:1.85;margin:0;color:#4e574a}@media(max-width:1000px){.transcription-hero,.transcription-studio,.transcription-steps,.transcription-faq{margin-left:4vw;margin-right:4vw}.transcription-faq dl{grid-template-columns:minmax(0,1fr);gap:0}.transcription-steps ol{grid-template-columns:minmax(0,1fr);gap:22px}}@media(max-width:640px){.transcription-page{padding:0 14px 10px}.transcription-hero{padding:38px 24px 40px}.transcription-hero .eyebrow{font-size:8px}.transcription-hero h1{font-size:clamp(34px,9vw,46px)}.transcription-intro{font-size:13px}.transcription-highlights{grid-template-columns:minmax(0,1fr);gap:18px}.transcription-studio,.transcription-steps,.transcription-faq{margin-left:14px;margin-right:14px}.transcription-panel{padding:22px}.transcription-faq dt{font-size:15px}.transcription-faq dd{font-size:12px}}