@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--background:#050505;--foreground:#fff;--accent:#6366f1;--accent-glow:#6366f166;--card-bg:#ffffff08;--card-border:#ffffff14;--glass-bg:#ffffff03;--glass-border:#ffffff0d;--success:#10b981;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 0 0,#6366f11a 0%,#0000 50%),radial-gradient(circle at 100% 100%,#a855f70d 0%,#0000 50%);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.card:hover{background:#ffffff0d;transform:translateY(-4px);box-shadow:0 12px 24px -12px #00000080}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.input{border:1px solid var(--card-border);color:#fff;background:#ffffff0d;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:none}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4f46e5;transform:scale(1.02)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 0,#ffffff17 200px,#ffffff0a 400px) 0 0/600px;animation:1.6s linear infinite shimmer}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.preset-chip{color:#ffffff8c;font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s}.preset-chip:hover{color:#a5b4fc;background:#6366f11a;border-color:#6366f14d}.preset-chip:active{transform:scale(.96)}.preset-chip:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}.preset-chip[data-active=true]{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b73}.creative-thumb{outline:none}.creative-thumb:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}.creative-thumb:hover img{transform:scale(1.04)}.creative-thumb:hover .creative-thumb-hint{opacity:1!important}.creative-thumb:hover [aria-hidden=true]>span{transform:scale(1.08)}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lbZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lb-backdrop{-webkit-backdrop-filter:blur(8px);z-index:50;background:#000000e0;justify-content:center;align-items:center;padding:24px;animation:.2s forwards lbFadeIn;display:flex;position:fixed;inset:0}.lb-stage{width:min(960px,100%);max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards lbZoomIn;position:relative}.lb-media{object-fit:contain;background:#0b0b0b;border-radius:16px;width:100%;max-height:75vh;display:block}.lb-close{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 6px 16px #0006}.lb-close:hover{transform:scale(1.08)}.lb-caption{color:#ffffffbf;flex-direction:column;gap:6px;margin-top:14px;font-size:.85rem;line-height:1.5;display:flex}.lb-caption strong{color:#fff;font-weight:600}@media (prefers-reduced-motion:reduce){.lb-backdrop,.lb-stage,.animate-fade-in{animation:none!important}.creative-thumb:hover img{transform:none}}