:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eeeef0;background:#111214;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button,select{border:1px solid #38393e;border-radius:8px;background:#24252a;color:#eee;padding:10px 14px;cursor:pointer}button:hover{border-color:#aaa}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #c0ef76;outline-offset:3px}header{height:80px;border-bottom:1px solid #292a2d;display:flex;align-items:center;gap:24px;padding:0 4%}.brand{font-size:20px;font-weight:700;color:white;text-decoration:none}.brand span{color:#c0ef76}.privacy{margin-left:auto;font-size:11px;letter-spacing:1.2px;color:#bfe68a}main{max-width:1480px;margin:auto;padding:40px 4%}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#a5a7ac;display:block}h1{font-size:clamp(26px,3vw,43px);letter-spacing:-1.5px;margin:14px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#c0ef76}.intro p{color:#9699a0;font-size:14px}#notice{padding:13px 16px;border:1px solid #34382d;background:#1a2017;border-radius:8px;margin:23px 0;font-size:13px;color:#c9dfb1;overflow-wrap:anywhere}#notice.error{background:#2e1919;border-color:#6d3838;color:#ffb9b9}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.preview-panel,aside,.transcript{background:#191a1e;border:1px solid #303136;border-radius:12px;overflow:hidden}.panel-heading{padding:18px 22px;border-bottom:1px solid #303136;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.panel-heading span{font-size:10px;color:#91949c;letter-spacing:1px;margin-left:10px}#stage{height:475px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#22252a,#121315);overflow:hidden}#empty{text-align:center;color:#92959d}#empty h2{color:#eee;font-size:22px}#empty p{font-size:13px;line-height:1.8}.upload-icon{font-size:36px;border:1px dashed #5b614f;background:#252c20;border-radius:18px;width:70px;height:70px;margin:auto;color:#c0ef76}small{display:block;font-size:11px;color:#9699a0;margin-top:13px}.primary{background:#c0ef76;color:#18220d;border-color:#c0ef76;font-weight:650}.preview-note{font-size:11px;padding:15px 20px;color:#9699a0}.settings{padding:22px}.row{display:flex;gap:8px;align-items:center}.settings .row{margin-top:12px}.settings select{min-width:0;width:100%;font-size:12px}.hint{font-size:11px;color:#9598a0;line-height:1.6;margin:12px 0 24px}.styles{display:grid;gap:9px;margin:14px 0 24px}.style{text-align:left;padding:13px 15px;background:#202126}.style.selected{border-color:#c0ef76;background:#252c20}.style>span{font-size:12px}.style small{margin:3px 0 0;font-size:10px}.sample{font-size:17px;font-weight:900;margin-bottom:12px;text-shadow:1px 2px black}.sample mark{background:none;color:#f7e658}.sample.pop{font-style:italic}.sample.clean{font-size:14px;background:#111;padding:4px;width:max-content}.wide{width:100%}.download{display:block;text-align:center;margin-top:14px;color:#c0ef76;font-size:13px}[hidden]{display:none!important}#video-wrap{position:relative;max-width:100%;max-height:100%;line-height:0}video{display:block;max-width:100%;max-height:475px}#caption{position:absolute;bottom:14%;left:5%;width:90%;text-align:center;line-height:1.15;font-family:Arial,sans-serif;font-weight:900;color:white;pointer-events:none;text-shadow:2px 2px 2px #111,-1px -1px 1px #111;-webkit-text-stroke:.5px #111}#caption mark{background:none;color:#f7e658}#caption.clean span{background:#111c;padding:3px 8px;box-decoration-break:clone}#caption.pop{animation:pop .1s ease-out}@keyframes pop{from{transform:scale(.92)}to{transform:scale(1)}}.transcript{margin-top:22px}.transcript>.hint{padding:0 22px;margin-bottom:10px}#words{padding:10px 22px 24px;display:flex;flex-wrap:wrap;gap:8px;max-height:350px;overflow:auto}.blank{padding:30px 0;color:#6e727c;font-size:13px}.word{border:1px solid #373941;border-radius:8px;background:#22242a;padding:8px;width:158px}.word input{background:transparent;color:#eee;border:0;width:100%;padding:4px;font-size:14px}.word .timing{display:flex;margin-top:4px;align-items:center}.word .timing input{font-size:10px;width:57px;color:#a8bc91}.word button{padding:2px 5px;font-size:11px}.word.active{border-color:#c0ef76}footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#71757d;padding:28px 0}#projects{max-width:240px}body.busy #words{pointer-events:none;opacity:.6}@media(max-width:900px){.workspace{grid-template-columns:1fr}.styles{grid-template-columns:repeat(3,1fr)}.sample{font-size:12px}.sample.clean{font-size:10px}.intro{align-items:start;flex-direction:column}}@media(max-width:520px){header{gap:10px;height:65px}.brand{font-size:16px}.privacy{display:none}header button{margin-left:auto}.styles{grid-template-columns:1fr}.intro h1{font-size:29px}#stage{height:360px}video{max-height:360px}.panel-heading{padding:14px}.transcript .panel-heading .row button{font-size:11px;padding:8px}footer span{max-width:170px;text-align:right}}