:root{--bg-main:#0a0b0d;--bg-card:#ffffff09;--bg-card-hover:#ffffff0f;--bg-card-active:#ffffff14;--border-subtle:#ffffff14;--border-focus:#ffffff47;--text-primary:#f8f9fa;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-white:#fff;--accent-dark:#000;--accent-success:#10b981;--accent-danger:#ef4444;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 50% 0,#ffffff0d 0%,#0000 60%),radial-gradient(circle at 100% 100%,#ffffff05 0%,#0000 40%);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:border-color .25s,background .25s,transform .25s;box-shadow:0 20px 40px -15px #000000b3}.glass-card:hover{border-color:#ffffff24}.btn-primary{background:var(--text-primary);color:var(--accent-dark);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #ffffff1f}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ffffff38}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-secondary:active:not(:disabled){transform:scale(.98)}.input-field{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff08;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--border-focus);background:#ffffff0f;box-shadow:0 0 0 3px #ffffff0f}.input-field::placeholder{color:var(--text-muted)}textarea.input-field{resize:vertical;min-height:110px;line-height:1.6}.pill-badge{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.pill-badge.active{color:var(--text-primary);background:#ffffff1f;border-color:#ffffff40}.portal-layout{max-width:1280px;margin:0 auto;padding:24px 20px 60px}.responsive-grid{grid-template-columns:minmax(340px,480px) 1fr;align-items:start;gap:32px;display:grid}@media (width<=900px){.portal-layout{padding:16px 12px 40px}.responsive-grid{grid-template-columns:1fr;gap:24px}}.result-canvas-card{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:480px;padding:24px;display:flex;position:relative;overflow:hidden}.result-image-box{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#000;justify-content:center;align-items:center;width:100%;max-height:640px;margin-bottom:16px;display:flex;overflow:hidden}.result-image-box img{object-fit:contain;max-width:100%;max-height:600px;display:block}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}@media (width<=640px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.gallery-card{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;aspect-ratio:9/16;background:#000;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.gallery-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.gallery-card img{object-fit:cover;width:100%;height:100%;display:block}.gallery-card-badge{color:#fff;background:linear-gradient(#0000,#000000d9);justify-content:space-between;align-items:center;padding:4px 6px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e0;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:85vh;display:flex;position:relative}.lightbox-content img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:72vh;box-shadow:0 10px 40px #000000e6}