@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&display=swap";:root{--bg:#08080f;--s1:#0d0d1a;--s2:#131325;--s3:#191930;--bd:#22223d;--bd2:#2e2e50;--ac:#7c6cf0;--ac2:#f07c9e;--ac3:#00d4c8;--tx:#e8e8f5;--mu2:#6868a8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);min-height:100vh;font-family:Space Grotesk,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 5% 5%,#7c6cf024 0%,#0000 50%),radial-gradient(50% 60% at 95% 95%,#f07c9e1a 0%,#0000 50%);position:fixed;inset:0}.app{z-index:1;max-width:1280px;margin:0 auto;padding:28px 24px 60px;position:relative}header{align-items:baseline;gap:16px;margin-bottom:28px;display:flex}h1{letter-spacing:.06em;background:linear-gradient(110deg,#fff 0%,#c0b8ff 50%,var(--ac) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Bebas Neue,sans-serif;font-size:2.4rem}.sub{color:var(--mu2);font-size:.8rem}.workspace{grid-template-columns:1fr 300px;align-items:start;gap:14px;display:grid}@media (width<=720px){.workspace{grid-template-columns:1fr}}.preview-col{flex-direction:column;gap:10px;min-width:0;display:flex}.preview-card{background:var(--s1);border:1px solid var(--bd);border-radius:16px;overflow:hidden}.topbar{border-bottom:1px solid var(--bd);background:var(--s2);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.tabs{gap:3px;display:flex}.tab{color:var(--mu2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 13px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .15s}.tab.on{background:var(--bd2);color:var(--tx)}.btn-gen{background:linear-gradient(135deg,var(--ac),#5040c0);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 16px #7c6cf059}.btn-gen:hover{transform:translateY(-1px);box-shadow:0 6px 22px #7c6cf080}.btn-gen:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.dl-pair{gap:5px;display:flex}.btn-dl{border:1px solid var(--bd);color:var(--mu2);cursor:pointer;background:0 0;border-radius:7px;padding:5px 11px;font-family:inherit;font-size:.7rem;transition:all .15s}.btn-dl:hover{border-color:var(--ac2);color:var(--ac2)}.btn-dl:disabled{opacity:.3;cursor:not-allowed}.canvas-area{justify-content:center;align-items:center;min-height:280px;padding:16px;display:flex}.preview-img{border-radius:4px;max-width:100%;max-height:500px;display:block}.empty{color:var(--mu2);flex-direction:column;align-items:center;gap:10px;padding:40px 0;display:flex}.empty span{opacity:.3;font-size:2rem}.empty p{opacity:.6;font-size:.82rem}.bottombar{border-top:1px solid var(--bd);background:var(--s2);justify-content:space-between;padding:8px 14px;display:flex}.btn-ur{border:1px solid var(--bd);color:var(--mu2);cursor:pointer;background:0 0;border-radius:7px;padding:5px 14px;font-family:inherit;font-size:.72rem;transition:all .15s}.btn-ur:hover:not(:disabled){border-color:var(--ac);color:var(--tx)}.btn-ur:disabled{opacity:.2;cursor:not-allowed}.card{background:var(--s1);border:1px solid var(--bd);border-radius:12px;overflow:hidden}.card-head{border-bottom:1px solid var(--bd);background:var(--s2);letter-spacing:.14em;text-transform:uppercase;color:var(--mu2);padding:9px 14px;font-size:.62rem;font-weight:700}.card-body{padding:12px 14px}.bulk-body{align-items:center;gap:10px;display:flex}.srow{flex:1;grid-template-columns:34px 1fr 28px;align-items:center;gap:8px;display:grid}.srow label{color:var(--mu2);font-size:.65rem}input[type=range]{-webkit-appearance:none;background:var(--bd);border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ac);cursor:pointer;border-radius:50%;width:13px;height:13px}.sv{color:var(--tx);text-align:right;font-size:.65rem}.btn-bulk{border:1px solid var(--bd);color:var(--tx);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.76rem;font-weight:500;transition:all .15s;display:flex}.btn-bulk:hover{border-color:var(--ac3);color:var(--ac3)}.btn-bulk:disabled{opacity:.35;cursor:not-allowed}.bulk-prog{padding:0 14px 10px}.bulk-bar-bg{background:var(--bd);border-radius:2px;height:3px;margin-bottom:4px;overflow:hidden}.bulk-bar{background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:2px;height:100%;transition:width .2s}.bulk-lbl{color:var(--mu2);text-align:center;font-size:.62rem}.ctrl-col{flex-direction:column;gap:10px;display:flex;position:sticky;top:16px}.fx-row{flex-wrap:wrap;gap:4px;display:flex}.fxb{border:1px solid var(--bd);color:var(--mu2);cursor:pointer;background:0 0;border-radius:8px;padding:4px 9px;font-family:inherit;font-size:.66rem;transition:all .13s}.fxb.on{border-color:var(--ac2);color:var(--ac2);background:#f07c9e1a}.hstrip{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.hstrip::-webkit-scrollbar{height:2px}.hstrip::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:2px}.hi{object-fit:cover;cursor:pointer;border:1.5px solid #0000;border-radius:7px;flex-shrink:0;width:38px;height:38px;transition:all .13s}.hi:hover{border-color:var(--ac2);transform:scale(1.08)}.nohi{color:var(--mu2);font-size:.7rem;font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.5s linear infinite spin;display:inline-block}