:root{--ink: #101014;--muted: #8b8b95;--line: #eeeef1;--bg: linear-gradient(160deg, #eaf7fb 0%, #dff1f7 45%, #f3fbfd 100%);--panel: #fff;--card: #fff;--soft: #f4f5f7;--shadow: 0 10px 30px rgba(25, 40, 60, .07);--mint: #c9f2c0;--mint2: #e9fbe4;--pink: #f6c8ee;--blue: #d3e9f6;--lav: #e7ddff;--yellow: #fff0c4;color-scheme:light}[data-theme=dark]{--ink: #f2f2f5;--muted: #8f8f9a;--line: #26262d;--bg: linear-gradient(160deg, #0b0c10 0%, #11131a 50%, #0b0c10 100%);--panel: #15151a;--card: #1b1b21;--soft: #24242b;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--mint2: #1f2b1d;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;padding:32px 20px;background:var(--bg);font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);transition:background .3s}.stage{max-width:1120px;margin:0 auto;background:#0d0d10;border-radius:30px;padding:0 12px 12px;box-shadow:0 40px 90px #143c5047}.topbar{position:relative;height:84px;display:flex;align-items:center;padding:0 22px;color:#fff}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.5px;color:#fff;text-decoration:none}.nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:6px}.tab{padding:8px 14px;border-radius:14px;font-size:13px;font-weight:500;opacity:.55;transition:.2s}.tab.active{background:#1b1b20;opacity:1}.theme{margin-left:auto;width:38px;height:38px;border-radius:12px;border:0;background:#1b1b20;color:#fff;font-size:17px;cursor:pointer}.theme:hover{background:#26262d}.panel{background:var(--panel);border-radius:24px;padding:30px;transition:background .3s}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}h1{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.15}.sub{color:var(--muted);font-size:14px;margin-top:4px}.chip{flex:none;padding:8px 14px;border-radius:12px;background:var(--mint);color:#101014;font-size:12px;font-weight:600}.grid{display:grid;grid-template-columns:360px 1fr;gap:24px}@media(max-width:880px){.grid{grid-template-columns:1fr}.nav{display:none}.head{flex-direction:column}}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.drop{display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 16px;border-radius:18px;background:var(--mint2);border:2px dashed #b9e6ae;cursor:pointer;text-align:center;transition:transform .15s,border-color .2s}.drop strong{font-size:14px;font-weight:600}.drop small{color:var(--muted);font-size:12px}.drop-ic{width:38px;height:38px;border-radius:50%;margin-bottom:6px;display:grid;place-items:center;background:#101014;color:#fff;font-size:18px}.drop:hover,.drop:focus-visible,.drop.over{border-color:#101014;transform:translateY(-1px);outline:none}[data-theme=dark] .drop:hover,[data-theme=dark] .drop.over{border-color:var(--mint)}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;margin-top:12px}.thumbs:empty{display:none}.thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--soft)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.thumb button{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#101014cc;color:#fff;font-size:13px;line-height:20px;cursor:pointer}.group{margin-top:18px;display:grid;gap:14px}.group[hidden]{display:none}.field span{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:6px}.field output{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--soft);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid var(--card);box-shadow:0 2px 6px #0003}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid var(--card)}.go{width:100%;margin-top:22px;height:48px;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:#101014;color:#fff;font:600 15px Poppins,system-ui,sans-serif;cursor:pointer;transition:transform .15s,opacity .2s}[data-theme=dark] .go{background:var(--mint);color:#101014}.go span{width:26px;height:26px;border-radius:50%;background:var(--mint);color:#101014;display:grid;place-items:center;font-size:13px}[data-theme=dark] .go span{background:#101014;color:#fff}.go:hover:not(:disabled){transform:translateY(-1px)}.go:disabled{opacity:.35;cursor:not-allowed}.progress{height:6px;background:var(--soft);border-radius:99px;margin-top:14px;overflow:hidden}#bar{height:100%;width:0;background:linear-gradient(90deg,#9fe28f,#e9a6dc);transition:width .15s}.status{font-size:12.5px;color:var(--muted);margin-top:8px;min-height:18px}.preview{display:flex;flex-direction:column;gap:16px}.media{flex:1;min-height:380px;background:var(--pink);border-radius:24px;padding:18px;display:flex}.out{flex:1;display:grid;place-items:center;border-radius:16px;background:repeating-conic-gradient(#fff5 0,#fff5 25%,#fff2 0,#fff2 50%) 0 0 / 22px 22px}.out img{max-width:100%;max-height:62vh;border-radius:12px;box-shadow:0 16px 34px #501e4633}.empty{text-align:center;color:#101014;padding:20px}.empty h2{font-size:22px;font-weight:700;letter-spacing:-.4px;margin-top:14px}.empty p{font-size:13px;color:#5d4a5b;margin-top:4px}.play{width:74px;height:74px;margin:0 auto;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:#ffffff59;display:grid;place-items:center;font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{height:88px;border-radius:20px;display:grid;place-content:center;text-align:center;color:#101014;text-decoration:none}.stat b{font-size:20px;font-weight:800;line-height:1}.stat span{font-size:11.5px;color:#6d6d77;margin-top:6px;display:block}.stat.mint{background:var(--mint)}.stat.blue{background:var(--blue)}.stat.lav{background:var(--lav)}.stat.dl{background:#101014;color:#fff;cursor:pointer;transition:transform .15s}.stat.dl span{color:#a8a8b3}.stat.dl:hover{transform:translateY(-2px)}.stat.dl[aria-disabled=true]{opacity:.3;pointer-events:none}[data-theme=dark] .stat.dl{background:var(--yellow);color:#101014}[data-theme=dark] .stat.dl span{color:#6d6d77}