*{box-sizing:border-box}body{margin:0;background:#0c0e11;color:#f2f3f5;font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif}button,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.header{height:80px;padding:0 clamp(18px,5vw,80px);border-bottom:1px solid #26292d;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center}.brand-mark{background:#ffdd2d;color:#161616;border-radius:11px;font-size:24px;font-weight:950;width:40px;height:40px;display:grid;place-items:center}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-weight:950;font-size:18px}.brand-text small{color:#ffdd2d;font-weight:700;letter-spacing:2px}.back{color:#bdc2cb;font-weight:650;font-size:13px}.back:hover{color:#ffdd2d}main{max-width:1280px;margin:auto;padding:40px clamp(18px,5vw,70px) 24px}.eyebrow{color:#ffdd2d;font-size:11px;letter-spacing:2px;font-weight:800}.intro h1{font-size:clamp(33px,4.5vw,58px);line-height:1.1;letter-spacing:-1.8px;margin:15px 0}.intro h1 span{color:#ffdd2d}.intro>p{color:#afb4be;line-height:1.7;max-width:900px}.warning{padding:13px 16px;border-left:3px solid #ffdd2d;background:#ffdd2d0a;border-radius:0 8px 8px 0}.warning strong{color:#ffdd2d}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.form,.panel,.playback{background:#15181e;border:1px solid #2d3038;border-radius:18px;padding:24px}.form label{display:block;color:#ffdd2d;font-size:12px;font-weight:800;letter-spacing:1px;margin:0 0 10px}.form textarea{width:100%;min-height:94px;resize:vertical;border:1px solid #414653;background:#0d1015;color:#f4f5f8;border-radius:11px;padding:15px;outline:0;font-size:12px;line-height:1.6;word-break:break-all}.form textarea:focus{border-color:#ffdd2d}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.buttons button{border:1px solid #444a52;border-radius:11px;padding:12px 16px;font-size:12px;font-weight:760;cursor:pointer;min-height:43px}.buttons .primary{background:#ffdd2d;color:#121212;border-color:#ffdd2d}.buttons .secondary{background:#262b34;color:#f1f2f5}.buttons button:hover:not(:disabled){filter:brightness(1.12)}.buttons button:disabled{opacity:.45;cursor:not-allowed}.helper{color:#959dad;line-height:1.65;font-size:12px;margin-bottom:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head strong{font-size:15px}.pill{border:1px solid #3e454f;border-radius:9px;padding:7px 10px;color:#b6bfcb;font-size:11px}.pill.active{color:#ffdd2d;border-color:#6a603c;background:#ffdd2d0d}.panel #status{font-size:12px;line-height:1.6;color:#c5cad4;margin:26px 0 24px;min-height:40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats>div{display:flex;flex-direction:column;gap:9px}.stats span{color:#858d9c;font-size:11px}.stats strong{font-size:17px}.progress-track{background:#30343c;border-radius:10px;margin-top:22px;height:8px;overflow:hidden}.progress-bar{width:0;height:100%;background:linear-gradient(90deg,#c6a80e,#ffdd2d);transition:width .2s}.playback{margin-top:20px}.video-head{display:flex;align-items:center;justify-content:space-between}.video-head h2{font-size:23px;margin:7px 0 15px}.file-label{color:#969fae;font-size:12px}.playback select{width:100%;padding:12px;background:#1d222a;color:#f2f3f6;border:1px solid #3d4550;border-radius:9px;margin:5px 0 16px}.playback video{display:block;width:100%;aspect-ratio:16/9;max-height:650px;background:#06070a;border-radius:13px;outline:0}footer{margin:38px 0 8px;border-top:1px solid #2b2d35;padding:25px 0;color:#737d8d;font-size:11px}@media(max-width:850px){.workspace{grid-template-columns:1fr}main{padding-top:27px}}@media(max-width:560px){.header{height:70px}.form,.panel,.playback{padding:17px}.stats{grid-template-columns:repeat(2,1fr)}.video-head{align-items:flex-start;gap:10px}.video-head h2{font-size:17px}.file-label{font-size:10px}.buttons button{width:100%}.intro h1{font-size:35px}}