:root{--twin-bg:#070914;--twin-card:#11192c;--twin-card2:#172139;--twin-line:#2b3d63;--twin-text:#f8fbff;--twin-muted:#9eb0c7;--twin-accent:#5ce2ff;--twin-violet:#a078ff;--twin-pink:#ff78c7;--twin-good:#62e6a7;--twin-warn:#ffd36e}*{box-sizing:border-box}.twin-page{min-height:100vh;background:radial-gradient(circle at 12% -10%,rgba(92,226,255,.22),transparent 32%),radial-gradient(circle at 88% 0,rgba(160,120,255,.22),transparent 29%),radial-gradient(circle at 54% 78%,rgba(255,120,199,.08),transparent 35%),linear-gradient(180deg,#0a0e1e,#070914 55%,#05070e);color:var(--twin-text)}.twin-shell{width:min(1140px,calc(100% - 28px));margin:0 auto;padding:28px 0 76px}.twin-hero{padding:38px 0 26px}.twin-kicker{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#d7ccff}.twin-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--twin-good);box-shadow:0 0 0 6px rgba(98,230,167,.08),0 0 20px rgba(98,230,167,.45)}.twin-hero h1{font-size:clamp(42px,7.5vw,78px);line-height:.92;margin:18px 0 16px;letter-spacing:-.05em;background:linear-gradient(115deg,#fff 8%,#b8f7ff 43%,#d9c8ff 76%,#ffb6dd);-webkit-background-clip:text;background-clip:text;color:transparent}.twin-hero p{max-width:820px;color:var(--twin-muted);font-size:17px;line-height:1.62}.twin-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.twin-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(22,32,55,.97),rgba(11,18,34,.98));border:1px solid rgba(121,154,213,.2);border-radius:25px;padding:21px;box-shadow:0 22px 64px rgba(0,0,0,.28)}.twin-card:after{content:"";position:absolute;width:180px;height:180px;right:-75px;bottom:-85px;border-radius:50%;background:radial-gradient(circle,rgba(92,226,255,.09),transparent 68%);pointer-events:none}.twin-card:nth-child(2n):after{background:radial-gradient(circle,rgba(160,120,255,.1),transparent 68%)}.twin-card h2{font-size:21px;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:#dce7f4}.twin-input,.twin-textarea,.twin-select{width:100%;border:1px solid var(--twin-line);background:#0a1120;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(92,226,255,.1)}.twin-upload{border:1px dashed #45607e;border-radius:19px;padding:16px;background:linear-gradient(180deg,rgba(12,19,34,.9),rgba(8,13,24,.95))}.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:#0d1626}.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;position:relative;z-index:1}.twin-btn{appearance:none;border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;background:linear-gradient(100deg,var(--twin-accent),#d7c6ff);color:#07101f;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(92,226,255,.08)}.twin-btn:hover{transform:translateY(-1px)}.twin-btn.secondary{background:#17243a;color:#eef5ff;border:1px solid #334968;box-shadow:none}.twin-btn.danger{background:#351920;color:#ffd1d6;border:1px solid #6b3540;box-shadow:none}.twin-btn:disabled{opacity:.45;cursor:not-allowed}.twin-status{margin-top:16px;padding:12px 14px;border-radius:14px;background:#0a1120;border:1px solid var(--twin-line);color:var(--twin-muted);font-size:14px;line-height:1.5}.twin-status.good{color:#d1fae8;border-color:#2c6b54}.twin-status.warn{color:#ffedc4;border-color:#705626}.twin-rule-list{display:grid;gap:10px;position:relative;z-index:1}.twin-rule{display:flex;gap:10px;align-items:flex-start;color:#dbe5f2;font-size:14px;line-height:1.45}.twin-rule:before{content:"✓";color:var(--twin-good);font-weight:900}.twin-preview{aspect-ratio:9/16;max-height:500px;border-radius:21px;overflow:hidden;background:radial-gradient(circle at 50% 80%,rgba(92,226,255,.09),transparent 30%),#080e19;border:1px solid var(--twin-line);display:grid;place-items:center;color:var(--twin-muted);box-shadow:inset 0 0 45px rgba(92,226,255,.03)}.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:rgba(98,230,167,.07);border:1px solid rgba(98,230,167,.2);font-size:11px;color:#cbf9e1;letter-spacing:.05em}.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;line-height:1.5}@media(max-width:860px){.twin-grid{grid-template-columns:1fr}.twin-shell{width:min(100% - 20px,760px);padding-top:10px}.twin-card{border-radius:21px;padding:16px}.twin-hero{padding-top:20px}.twin-preview{max-height:500px}}