:root{--bg:#0a0b12;--bg-soft:#0e1018;--panel:#12141f;--panel-2:#171a29;--text:#f5f6fa;--muted:#97a0b5;--muted-2:#6b7288;--line:hsla(0,0%,100%,.09);--line-strong:hsla(0,0%,100%,.16);--accent:#7c6cff;--accent-2:#22d3ee;--accent-soft:rgba(124,108,255,.14);--success:#34d399;--success-soft:rgba(52,211,153,.14);--danger:#fb7185;--danger-soft:rgba(251,113,133,.13);--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--shadow-lg:0 30px 90px rgba(0,0,0,.45);--font-display:"Lexend","Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background-image:radial-gradient(circle at 12% -10%,rgba(124,108,255,.22),transparent 40%),radial-gradient(circle at 100% 10%,rgba(34,211,238,.12),transparent 38%),radial-gradient(circle at 50% 120%,rgba(124,108,255,.1),transparent 45%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{background:rgba(124,108,255,.35);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.14);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.22);background-clip:padding-box}.container{width:min(100% - 32px,1240px);margin:0 auto;padding:40px 0 56px}.hero{text-align:center;margin-bottom:32px}.badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line-strong);border-radius:999px;color:#d7d3ff;background:linear-gradient(135deg,rgba(124,108,255,.18),rgba(34,211,238,.08));font-size:13px;font-weight:600;letter-spacing:.01em}h1{margin:20px 0 12px;font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vw,50px);line-height:1.08;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 25%,#c8caea 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0 auto;max-width:700px;color:var(--muted);line-height:1.7;font-size:15.5px}.grid{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.card{min-width:0;background:linear-gradient(180deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.015)),var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-lg)}.card h2{margin:0 0 18px;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em}.field{margin-bottom:18px}label{display:block;margin-bottom:8px;font-weight:600;font-size:13.5px;color:#dfe2ee}.helper{color:var(--muted-2);font-size:12.5px;margin-top:7px;line-height:1.55}input[readonly],input[type=file],select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);color:var(--text);padding:12px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input[type=file]::-webkit-file-upload-button{margin-right:12px;border:0;border-radius:8px;padding:8px 12px;color:#fff;background:linear-gradient(135deg,var(--accent),#6152e0);font-weight:700;font-size:12.5px;cursor:pointer}input[type=file]::file-selector-button{margin-right:12px;border:0;border-radius:8px;padding:8px 12px;color:#fff;background:linear-gradient(135deg,var(--accent),#6152e0);font-weight:700;font-size:12.5px;cursor:pointer}input:focus,select:focus,textarea:focus{border-color:rgba(124,108,255,.65);background:rgba(124,108,255,.05);box-shadow:0 0 0 4px rgba(124,108,255,.12)}select option{color:#111827}textarea{min-height:150px;resize:vertical;line-height:1.6}.preview{margin-top:14px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line-strong);background:rgba(0,0,0,.3);max-height:360px}.preview img{display:block;width:100%;height:100%;max-height:360px;object-fit:contain}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.btn{width:100%;border:0;border-radius:var(--radius-sm);padding:15px 18px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),#4f7dff 60%,var(--accent-2));font-weight:700;font-size:14.5px;letter-spacing:.01em;box-shadow:0 14px 30px rgba(124,108,255,.3);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 18px 38px rgba(124,108,255,.38)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.status{display:grid;grid-gap:14px;gap:14px;min-width:0}.status-box{min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:hsla(0,0%,100%,.028);padding:16px;overflow:hidden}.status-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.status-title strong{font-family:var(--font-display);font-size:14px}.pill{padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:#ded9ff;font-weight:700;font-size:12px;white-space:nowrap;border:1px solid rgba(124,108,255,.28)}.pill.ok{background:var(--success-soft);color:#bdf5da;border-color:rgba(52,211,153,.32)}.pill.err{background:var(--danger-soft);color:#ffd2d9;border-color:rgba(251,113,133,.32)}.small{color:var(--muted);font-size:13px;overflow-wrap:anywhere;line-height:1.55}video{display:block;width:100%;max-width:420px;max-height:68vh;margin:0 auto;aspect-ratio:9/16;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:#000;object-fit:contain;box-shadow:0 20px 50px rgba(0,0,0,.35)}.download{display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;width:100%;border-radius:var(--radius-sm);padding:13px 16px;background:var(--success-soft);color:#d5fbe8;border:1px solid rgba(52,211,153,.32);font-weight:700;font-size:13.5px;transition:transform .15s ease,filter .15s ease}.download:hover{transform:translateY(-1px);filter:brightness(1.08)}.error{color:#ffd2d9;border-color:rgba(251,113,133,.32);background:var(--danger-soft)}.steps{margin:0;padding-left:20px;color:var(--muted);line-height:1.8;font-size:13.5px}.steps li::marker{color:var(--accent-2);font-weight:700}.footer-note{margin-top:20px;color:var(--muted-2);font-size:12.5px;line-height:1.6;text-align:center}pre.small{max-height:280px;overflow:auto;white-space:pre-wrap;background:rgba(0,0,0,.35);border-radius:10px;padding:10px;margin-top:8px}details.status-box summary{cursor:pointer;font-weight:700;font-size:13.5px}@media (max-width:920px){.container{width:min(100% - 24px,720px);padding-top:26px}.grid,.row{grid-template-columns:1fr}video{max-width:min(100%,390px);max-height:62vh}}@media (max-width:480px){.container{width:min(100% - 18px,100%);padding:20px 0 40px}.card{padding:18px;border-radius:18px}h1{font-size:30px}video{max-height:58vh}}