:root{--twin-bg:#070b12;--twin-card:#101722;--twin-card2:#151e2b;--twin-line:#263244;--twin-text:#f6f8fb;--twin-muted:#9bacbf;--twin-accent:#7c9cff;--twin-good:#5fd1a3;--twin-warn:#f3bd67}*{box-sizing:border-box}.twin-page{min-height:100vh;background:radial-gradient(circle at top,#10192a 0,#070b12 38%,#05070b 100%);color:var(--twin-text)}.twin-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:28px 0 72px}.twin-hero{padding:34px 0 22px}.twin-kicker{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c6d3e6}.twin-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--twin-good);box-shadow:0 0 18px var(--twin-good)}.twin-hero h1{font-size:clamp(34px,7vw,72px);line-height:.95;margin:18px 0 16px;letter-spacing:-.04em}.twin-hero p{max-width:760px;color:var(--twin-muted);font-size:17px;line-height:1.6}.twin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.twin-card{background:linear-gradient(180deg,rgba(21,30,43,.96),rgba(13,20,31,.96));border:1px solid var(--twin-line);border-radius:24px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.28)}.twin-card h2{font-size:20px;margin:0 0 8px}.twin-card p{margin:0 0 18px;color:var(--twin-muted);line-height:1.5}.twin-field{display:grid;gap:8px;margin:14px 0}.twin-field label{font-size:13px;color:#d8e2ef}.twin-input,.twin-textarea,.twin-select{width:100%;border:1px solid var(--twin-line);background:#0a1019;color:var(--twin-text);border-radius:14px;padding:13px 14px;font:inherit;outline:none}.twin-textarea{min-height:116px;resize:vertical}.twin-input:focus,.twin-textarea:focus,.twin-select:focus{border-color:var(--twin-accent);box-shadow:0 0 0 3px rgba(124,156,255,.12)}.twin-upload{border:1px dashed #3b4b63;border-radius:18px;padding:16px;background:#0a1019}.twin-upload input{width:100%;color:var(--twin-muted)}.twin-files{display:grid;gap:9px;margin-top:12px}.twin-file{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--twin-line);border-radius:12px;background:#0c131d}.twin-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twin-file small{color:var(--twin-good);white-space:nowrap}.twin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.twin-btn{appearance:none;border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer;background:var(--twin-accent);color:#07101f;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.twin-btn.secondary{background:#172235;color:#eaf0fa;border:1px solid var(--twin-line)}.twin-btn.danger{background:#30161b;color:#ffc7cd;border:1px solid #63313a}.twin-btn:disabled{opacity:.45;cursor:not-allowed}.twin-status{margin-top:16px;padding:12px 14px;border-radius:14px;background:#0a1019;border:1px solid var(--twin-line);color:var(--twin-muted);font-size:14px;line-height:1.5}.twin-status.good{color:#c8f8e5;border-color:#275b4a}.twin-status.warn{color:#ffe7bd;border-color:#6b5225}.twin-rule-list{display:grid;gap:10px}.twin-rule{display:flex;gap:10px;align-items:flex-start;color:#d5deea;font-size:14px;line-height:1.45}.twin-rule:before{content:"✓";color:var(--twin-good);font-weight:800}.twin-preview{aspect-ratio:9/16;max-height:480px;border-radius:20px;overflow:hidden;background:#080d14;border:1px solid var(--twin-line);display:grid;place-items:center;color:var(--twin-muted)}.twin-preview img,.twin-preview video{width:100%;height:100%;object-fit:cover}.twin-result{width:100%;height:100%;display:flex;flex-direction:column;background:#080d14}.twin-result video{min-height:0;flex:1}.twin-download{margin:12px}.twin-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#111c2c;border:1px solid var(--twin-line);font-size:12px;color:#b8c8db}.twin-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.twin-note{font-size:12px;color:var(--twin-muted);line-height:1.45}.twin-footer-note{margin-top:18px;color:var(--twin-muted);font-size:13px}@media(max-width:860px){.twin-grid{grid-template-columns:1fr}.twin-shell{width:min(100% - 20px,760px);padding-top:10px}.twin-card{border-radius:20px;padding:16px}.twin-hero{padding-top:18px}.twin-preview{max-height:480px}}