:root,[data-theme=drew]{--bg-main: #0b0e11;--bg-sidebar: #090c0e;--bg-card: #13171b;--bg-card-hover: #191e23;--bg-card-glass: rgba(19, 23, 27, .75);--bg-card-subtle: #161b20;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .12);--border-hover: rgba(255, 255, 255, .22);--accent-lime: #8bff10;--accent-lime-hover: #7de60d;--accent-lime-glow: rgba(139, 255, 16, .42);--accent-lime-subtle: rgba(139, 255, 16, .1);--accent-lime-subtle-glow: rgba(139, 255, 16, .22);--accent-lime-border: rgba(139, 255, 16, .48);--accent-card-border: rgba(139, 255, 16, .58);--accent-card-glow: 0 0 22px -2px rgba(139, 255, 16, .38), 0 0 45px -4px rgba(139, 255, 16, .18), inset 0 0 20px -4px rgba(139, 255, 16, .07);--accent-card-glow-hover: 0 0 30px -1px rgba(139, 255, 16, .55), 0 0 55px -4px rgba(139, 255, 16, .26), inset 0 0 24px -4px rgba(139, 255, 16, .12);--accent-glow-strong: rgba(139, 255, 16, .7);--accent-subtle-15: rgba(139, 255, 16, .15);--accent-subtle-20: rgba(139, 255, 16, .2);--accent-subtle-25: rgba(139, 255, 16, .25);--accent-subtle-30: rgba(139, 255, 16, .3);--accent-subtle-35: rgba(139, 255, 16, .35);--gradient-accent: linear-gradient(135deg, #b8ff6b 0%, #8bff10 50%, #61db00 100%);--text-on-accent: #090c0e;--accent-purple: #8b35ea;--accent-purple-glow: rgba(139, 53, 234, .3);--accent-cyan: #00e5ff;--accent-orange: #ff8b38;--accent-red: #ff4d4d;--text-primary: #ffffff;--text-secondary: #9aa2ac;--text-muted: #626b77;--text-dark: #090c0e;--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Plus Jakarta Sans", sans-serif;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .28s cubic-bezier(.16, 1, .3, 1);color-scheme:dark}[data-theme=gadot],[data-theme=galot]{--accent-lime: #d0fd38;--accent-lime-hover: #bdf500;--accent-lime-glow: rgba(208, 253, 56, .4);--accent-lime-subtle: rgba(208, 253, 56, .1);--accent-lime-subtle-glow: rgba(208, 253, 56, .22);--accent-lime-border: rgba(208, 253, 56, .48);--accent-card-border: rgba(208, 253, 56, .58);--accent-card-glow: 0 0 22px -2px rgba(208, 253, 56, .38), 0 0 45px -4px rgba(208, 253, 56, .18), inset 0 0 20px -4px rgba(208, 253, 56, .07);--accent-card-glow-hover: 0 0 30px -1px rgba(208, 253, 56, .55), 0 0 55px -4px rgba(208, 253, 56, .26), inset 0 0 24px -4px rgba(208, 253, 56, .12);--accent-glow-strong: rgba(208, 253, 56, .7);--accent-subtle-15: rgba(208, 253, 56, .15);--accent-subtle-20: rgba(208, 253, 56, .2);--accent-subtle-25: rgba(208, 253, 56, .25);--accent-subtle-30: rgba(208, 253, 56, .3);--accent-subtle-35: rgba(208, 253, 56, .35);--gradient-accent: linear-gradient(135deg, #e3ff70 0%, #d0fd38 50%, #99e000 100%);--text-on-accent: #090c0e}[data-theme=flora],[data-theme=amber],[data-theme=yellow]{--accent-lime: #e3edde;--accent-lime-hover: #d3e0cc;--accent-lime-glow: rgba(227, 237, 222, .42);--accent-lime-subtle: rgba(227, 237, 222, .1);--accent-lime-subtle-glow: rgba(227, 237, 222, .22);--accent-lime-border: rgba(227, 237, 222, .48);--accent-card-border: rgba(227, 237, 222, .58);--accent-card-glow: 0 0 22px -2px rgba(227, 237, 222, .38), 0 0 45px -4px rgba(227, 237, 222, .18), inset 0 0 20px -4px rgba(227, 237, 222, .07);--accent-card-glow-hover: 0 0 30px -1px rgba(227, 237, 222, .55), 0 0 55px -4px rgba(227, 237, 222, .26), inset 0 0 24px -4px rgba(227, 237, 222, .12);--accent-glow-strong: rgba(227, 237, 222, .7);--accent-subtle-15: rgba(227, 237, 222, .15);--accent-subtle-20: rgba(227, 237, 222, .2);--accent-subtle-25: rgba(227, 237, 222, .25);--accent-subtle-30: rgba(227, 237, 222, .3);--accent-subtle-35: rgba(227, 237, 222, .35);--gradient-accent: linear-gradient(135deg, #f2f7ee 0%, #e3edde 50%, #c9d9bf 100%);--text-on-accent: #090c0e}[data-theme=jolie],[data-theme=joli]{--accent-lime: #75f0cb;--accent-lime-hover: #5cebbf;--accent-lime-glow: rgba(117, 240, 203, .42);--accent-lime-subtle: rgba(117, 240, 203, .1);--accent-lime-subtle-glow: rgba(117, 240, 203, .22);--accent-lime-border: rgba(117, 240, 203, .48);--accent-card-border: rgba(117, 240, 203, .58);--accent-card-glow: 0 0 22px -2px rgba(117, 240, 203, .38), 0 0 45px -4px rgba(117, 240, 203, .18), inset 0 0 20px -4px rgba(117, 240, 203, .07);--accent-card-glow-hover: 0 0 30px -1px rgba(117, 240, 203, .55), 0 0 55px -4px rgba(117, 240, 203, .26), inset 0 0 24px -4px rgba(117, 240, 203, .12);--accent-glow-strong: rgba(117, 240, 203, .7);--accent-subtle-15: rgba(117, 240, 203, .15);--accent-subtle-20: rgba(117, 240, 203, .2);--accent-subtle-25: rgba(117, 240, 203, .25);--accent-subtle-30: rgba(117, 240, 203, .3);--accent-subtle-35: rgba(117, 240, 203, .35);--gradient-accent: linear-gradient(135deg, #a8ffea 0%, #75f0cb 50%, #3fe2b0 100%);--text-on-accent: #090c0e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#090c0e}::-webkit-scrollbar-thumb{background:#252c33;border-radius:9999px;border:2px solid #090c0e}::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}*{scrollbar-width:thin;scrollbar-color:#252c33 #090c0e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;color-scheme:dark}h1,h2,h3,h4,.brand-text,.calc-title,.section-title{font-family:var(--font-heading);letter-spacing:-.02em}.text-lime{color:var(--accent-lime)}.text-lime-bold{color:var(--accent-lime);font-weight:700}.text-lime-gradient{color:var(--accent-lime);background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.app-container{display:grid;grid-template-columns:240px 1fr 340px;width:100%;min-height:100vh;background:radial-gradient(circle at 50% 0%,var(--accent-lime-subtle) 0%,transparent 60%),var(--bg-main);transition:grid-template-columns .35s cubic-bezier(.16,1,.3,1)}.app-container.wallet-collapsed{grid-template-columns:240px 1fr 0px}.sidebar-left{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:20px 14px;height:100vh;position:sticky;top:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:20}.sidebar-left::-webkit-scrollbar{display:none}.brand-header{padding:0 6px 16px}.brand-logo{display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;width:100%}.logo-symbol{width:32px;height:32px;position:relative;display:flex;align-items:center;justify-content:center}.cross-bar{position:absolute;background:var(--accent-lime);border-radius:8px;box-shadow:0 0 14px var(--accent-lime-glow)}.h-bar{width:24px;height:8px;transform:rotate(-25deg)}.v-bar{width:8px;height:24px;transform:rotate(-25deg)}.glow-core{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;filter:blur(4px);opacity:.8}.brand-text{font-size:20px;font-weight:700;letter-spacing:-.01em}.brand-accent{color:var(--accent-lime);font-weight:800}.brand-logo-img{height:50px;width:auto;max-width:100%;object-fit:contain;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:22px;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item.active{background:var(--accent-lime-subtle);border-color:var(--accent-card-border);color:var(--accent-lime);font-weight:600;box-shadow:0 0 16px -2px var(--accent-lime-glow)}.nav-icon{width:18px;height:18px;flex-shrink:0}.badge-new{margin-left:auto;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--accent-lime);color:var(--text-on-accent, #090c0e);padding:2px 7px;border-radius:var(--radius-full)}.sidebar-promo-card{margin-top:auto;margin-bottom:14px;background:linear-gradient(180deg,#13171b,#0c1013);border:1.5px solid var(--accent-card-border);border-radius:var(--radius-lg);padding:14px 16px;position:relative;overflow:hidden;box-shadow:var(--accent-card-glow);transition:all var(--transition-smooth);flex-shrink:0}.sidebar-promo-card:hover{border-color:var(--accent-lime);box-shadow:var(--accent-card-glow-hover);transform:translateY(-2px)}.promo-title{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:5px}.promo-desc{font-size:11px;color:var(--text-secondary);line-height:1.45}.promo-cube-art{position:relative;width:100%;height:48px;display:flex;align-items:center;justify-content:center;margin-top:6px}.crystal-dice{width:34px;height:34px;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(35deg);animation:diceFloat 4s ease-in-out infinite alternate}@keyframes diceFloat{0%{transform:rotateX(-20deg) rotateY(35deg) translateY(0)}to{transform:rotateX(-15deg) rotateY(45deg) translateY(-5px)}}.dice-face{position:absolute;width:34px;height:34px;background:var(--accent-subtle-15);border:1.5px solid var(--accent-lime);box-shadow:inset 0 0 10px var(--accent-lime-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px}.face-front{transform:translateZ(17px)}.face-top{transform:rotateX(90deg) translateZ(17px);background:var(--accent-subtle-25)}.face-right{transform:rotateY(90deg) translateZ(17px);background:var(--accent-subtle-15)}.dice-glow{position:absolute;width:60px;height:60px;background:radial-gradient(circle,var(--accent-subtle-35) 0%,transparent 70%);filter:blur(8px);top:-8px;left:-8px;pointer-events:none}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle)}.help-text{display:flex;flex-direction:column}.help-label{font-size:11px;font-weight:600;color:var(--text-primary)}.help-sub{font-size:10px;color:var(--text-muted)}.social-icons{display:flex;gap:8px}.icon-btn{width:30px;height:30px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--accent-lime-subtle);color:var(--accent-lime)}.main-content{display:flex;flex-direction:column;min-height:100vh;min-width:0;background:var(--bg-main);overflow-x:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border-subtle);background:#0b0e11d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:15}.live-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--border-subtle);padding:6px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-secondary)}.pulse-dot{width:7px;height:7px;background:var(--accent-lime);border-radius:50%;box-shadow:0 0 10px var(--accent-lime);animation:pulseLight 2s infinite}@keyframes pulseLight{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.top-bar-right{display:flex;align-items:center;gap:12px}.theme-switcher-pill{display:flex;align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px;gap:2px}.theme-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;padding:5px 12px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.theme-btn:hover{color:var(--text-primary);background:#ffffff0d}.theme-btn.active{background:var(--accent-lime-subtle);border-color:var(--accent-card-border);color:var(--accent-lime);font-weight:700;box-shadow:0 0 12px var(--accent-lime-glow)}.theme-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.swatch-gadot,.swatch-galot{background:#d0fd38;box-shadow:0 0 6px #d0fd38}.swatch-flora,.swatch-amber{background:#e3edde;box-shadow:0 0 6px #e3edde}.swatch-jolie,.swatch-joli{background:#75f0cb;box-shadow:0 0 6px #75f0cb}.swatch-drew{background:#8bff10;box-shadow:0 0 6px #8bff10}.pill-btn{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-subtle);padding:7px 14px;border-radius:var(--radius-full);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pill-btn:hover{background:#ffffff17;border-color:var(--border-hover)}.green-indicator{width:7px;height:7px;background:var(--accent-lime);border-radius:50%;box-shadow:0 0 6px var(--accent-lime)}.icon-circle-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;position:relative;transition:all var(--transition-fast)}.icon-circle-btn:hover{background:#ffffff1a;color:var(--text-primary)}.notif-badge{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--accent-lime);border-radius:50%}.user-profile-pill{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid var(--border-subtle);padding:4px 12px 4px 5px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-profile-pill:hover{border-color:var(--border-hover);background:#ffffff14}.profile-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.profile-info{display:flex;align-items:center;gap:6px}.profile-name{font-size:13px;font-weight:600;color:var(--text-primary)}.badge-pro{font-size:10px;font-weight:700;background:linear-gradient(135deg,#7928ca,#431379);color:#f1e6ff;border:1px solid rgba(168,85,247,.3);padding:1px 7px;border-radius:var(--radius-full)}.chevron-icon{color:var(--text-muted)}.dashboard-scrollable{padding:28px;display:flex;flex-direction:column;gap:36px}.hero-banner{display:grid;grid-template-columns:minmax(460px,500px) 1fr;gap:36px;align-items:center;position:relative;transition:grid-template-columns .35s cubic-bezier(.16,1,.3,1),gap .35s ease}.app-container.wallet-collapsed .hero-banner{grid-template-columns:minmax(480px,520px) 1fr;gap:40px}.hero-left{display:flex;flex-direction:column;gap:18px;max-width:520px}.hero-title{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-.03em}.hero-subtitle{font-size:15px;color:var(--text-secondary);line-height:1.55;max-width:480px}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:4px}.btn-lime{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-lime);color:var(--text-on-accent, #090c0e);font-family:var(--font-heading);font-size:14px;font-weight:700;padding:12px 24px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 20px var(--accent-lime-glow)}.btn-lime:hover{background:var(--accent-lime-hover);transform:translateY(-1px);box-shadow:0 0 28px var(--accent-glow-strong)}.btn-lime:active{transform:translateY(0)}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff0d;color:var(--text-primary);font-family:var(--font-main);font-size:14px;font-weight:600;padding:12px 22px;border-radius:var(--radius-full);border:1px solid var(--border-card);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-glass:hover{background:#ffffff17;border-color:var(--border-hover)}.arrow-up-right{font-size:14px;font-weight:600}.carousel-indicators{display:flex;align-items:center;gap:8px;margin-top:14px}.indicator-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:all var(--transition-fast);cursor:pointer}.indicator-dot.active{width:24px;border-radius:var(--radius-full);background:var(--accent-lime);box-shadow:0 0 10px var(--accent-lime-glow)}.hero-featured-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 40px #0009;border:1px solid var(--border-subtle);transition:transform var(--transition-smooth)}.hero-featured-card:hover{transform:scale(1.01)}.featured-media-container{position:relative;width:100%;aspect-ratio:16 / 9;min-height:350px;max-height:440px;overflow:hidden}.featured-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease,transform .4s ease}.featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88) 100%),radial-gradient(circle at 100% 100%,var(--accent-subtle-15) 0%,transparent 60%);padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.featured-tag{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.08em;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;padding:4px 10px;border-radius:var(--radius-full);margin-bottom:6px;display:inline-flex;align-items:center}.tag-star{color:var(--accent-lime);margin-right:4px;font-size:11px}.featured-branding{font-family:var(--font-heading);font-size:34px;font-weight:900;font-style:italic;letter-spacing:-.02em;color:var(--accent-lime);text-shadow:0 0 20px var(--accent-lime-glow);line-height:1.1;transition:color .3s ease}.featured-subtext{font-size:13px;color:#ffffffe0;font-weight:500;margin-top:4px;line-height:1.35;text-shadow:0 2px 4px rgba(0,0,0,.8)}.featured-play-btn{position:absolute;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;background:var(--accent-lime);color:var(--text-on-accent, #090c0e);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 26px var(--accent-lime-glow);transition:all var(--transition-fast)}.featured-play-btn:hover{transform:scale(1.1);box-shadow:0 0 36px var(--accent-glow-strong)}.viral-calculator-section{background:linear-gradient(135deg,#14191eb3,#0d1115d9);border:1.5px solid var(--accent-card-border);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--accent-card-glow),0 8px 30px #00000059;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.calc-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--accent-lime);margin-bottom:6px}.calc-title{font-size:24px;font-weight:700}.calc-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.calculator-pills{display:flex;gap:10px;flex-wrap:wrap}.calc-pill{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--border-subtle);padding:8px 16px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.calc-pill:hover{background:#ffffff14;color:var(--text-primary)}.calc-pill.active{background:var(--accent-lime-subtle);border-color:var(--accent-card-border);color:var(--accent-lime);box-shadow:0 0 16px -2px var(--accent-lime-glow)}.calculator-display-card{display:flex;align-items:center;justify-content:space-between;background:#0a0d1099;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 24px;gap:20px}.calc-output-left{display:flex;flex-direction:column;gap:8px}.calc-metric-highlight{display:flex;align-items:baseline;gap:10px}.calc-big-num{font-family:var(--font-heading);font-size:34px;font-weight:800;color:var(--accent-lime)}.calc-big-label{font-size:18px;font-weight:700;color:var(--text-primary)}.calc-detail-text{font-size:13px;color:var(--text-secondary);max-width:520px}.calc-pricing-breakdown{display:flex;gap:10px;margin-top:4px}.badge-wallet-bonus{font-size:11px;font-weight:700;background:var(--accent-subtle-15);color:var(--accent-lime);border:1px solid var(--accent-lime-border);padding:3px 10px;border-radius:var(--radius-full)}.badge-expiry{font-size:11px;color:var(--text-muted);padding:3px 6px}.calc-output-right{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.btn-calc-start{padding:12px 26px;font-size:14px;white-space:nowrap}.btn-text-explore{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;transition:color var(--transition-fast)}.btn-text-explore:hover{color:var(--text-secondary);text-decoration:underline}.tools-section{display:flex;flex-direction:column;gap:18px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:20px;font-weight:700}.carousel-nav-arrows{display:flex;gap:8px}.nav-arrow-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.nav-arrow-btn:hover{background:#ffffff1f;color:var(--text-primary)}.tools-slider{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;overflow-x:auto;padding:10px 6px 14px;margin:-10px -6px;scrollbar-width:none}.tools-slider::-webkit-scrollbar{display:none}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all var(--transition-smooth)}.tool-card:hover{background:var(--bg-card-hover);border-color:var(--accent-card-border);transform:translateY(-3px);box-shadow:0 12px 24px #0006,0 0 16px -2px var(--accent-lime-glow)}.tool-header{display:flex;align-items:center;gap:10px}.tool-icon-wrap{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.icon-lime{background:var(--accent-subtle-15);color:var(--accent-lime)}.icon-purple{background:#8b35ea26;color:#c084fc}.icon-orange{background:#ff8b3826;color:#fb923c}.icon-cyan{background:#00e5ff26;color:#38bdf8}.tool-name{font-size:15px;font-weight:700}.tool-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;height:34px}.tool-preview-media{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;margin-top:4px}.tool-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tool-card:hover .tool-img{transform:scale(1.05)}.tool-launch-btn{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.tool-card:hover .tool-launch-btn{background:var(--accent-lime);color:var(--text-dark);border-color:var(--accent-lime)}.tool-cost-tag{position:absolute;bottom:8px;right:8px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.split-badges{position:absolute;bottom:8px;left:8px;display:flex;gap:6px}.badge-split{font-size:9px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.before-badge{background:#000000a6;color:var(--text-secondary)}.after-badge{background:var(--accent-subtle-30);border:1px solid var(--accent-lime);color:var(--accent-lime)}.gallery-section{display:flex;flex-direction:column;gap:18px}.gallery-tabs-row{display:flex;align-items:center;justify-content:space-between;width:100%}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{background:#ffffff0a;border:1px solid var(--border-subtle);padding:6px 14px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{color:var(--text-primary);background:#ffffff14}.filter-pill.active{background:var(--accent-subtle-15);color:var(--accent-lime);border-color:var(--accent-card-border);font-weight:700;box-shadow:0 0 14px -2px var(--accent-lime-glow)}.view-all-link{background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.view-all-link:hover{color:var(--accent-lime)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-smooth);display:flex;flex-direction:column}.gallery-item-card:hover{border-color:var(--accent-card-border);transform:translateY(-3px);box-shadow:0 12px 28px #00000073,0 0 18px -3px var(--accent-lime-glow)}.gallery-thumb-wrap,.gallery-media-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#090c0e;flex-shrink:0}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item-card:hover .gallery-img{transform:scale(1.06)}.gallery-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.gallery-item-card:hover .gallery-play-overlay{background:var(--accent-lime);color:var(--text-dark);border-color:var(--accent-lime);transform:translate(-50%,-50%) scale(1.1)}.model-badge{position:absolute;top:10px;left:10px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--radius-full)}.cost-badge{position:absolute;top:10px;right:10px;background:var(--accent-subtle-20);border:1px solid var(--accent-lime);color:var(--accent-lime);font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full)}.gallery-card-info{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.gallery-card-prompt{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.btn-remix{background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-remix:hover{background:var(--accent-lime);color:var(--text-dark);border-color:var(--accent-lime)}.metrics-bar{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--border-subtle);gap:20px}.metrics-group{display:flex;align-items:center;gap:28px}.metric-item{display:flex;align-items:center;gap:10px}.metric-icon{color:var(--accent-lime);display:flex;align-items:center}.metric-texts{display:flex;flex-direction:column}.metric-val{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--text-primary)}.metric-label{font-size:11px;color:var(--text-muted)}.testimonial-card{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 16px 6px 8px;max-width:440px}.testimonial-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.testimonial-body{display:flex;align-items:center;gap:6px;overflow:hidden}.testimonial-quote{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.testimonial-author{font-size:11px;font-weight:700;color:var(--text-primary);white-space:nowrap}.testimonial-arrows{display:flex;gap:4px;margin-left:auto}.test-arrow{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 4px}.test-arrow:hover{color:var(--text-primary)}.sidebar-right{background:var(--bg-sidebar);border-left:1px solid var(--border-subtle);padding:24px 18px;display:flex;flex-direction:column;gap:20px;height:100vh;position:sticky;top:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:20;width:340px;min-width:0;box-sizing:border-box;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,width .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1),border-color .25s ease}.sidebar-right::-webkit-scrollbar{display:none}.app-container.wallet-collapsed .sidebar-right{width:0;min-width:0;padding:0;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden;border-left-color:transparent;transform:translate(100%)}.creative-wallet-card{background:linear-gradient(180deg,#13171b,#0c1013);border:1.5px solid var(--accent-card-border);border-radius:var(--radius-xl);padding:22px;display:flex;flex-direction:column;gap:18px;position:relative;box-shadow:var(--accent-card-glow);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.creative-wallet-card:hover{border-color:var(--accent-lime);box-shadow:var(--accent-card-glow-hover)}.wallet-neon-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-xl);pointer-events:none;background:linear-gradient(180deg,var(--accent-lime-subtle-glow) 0%,transparent 65%);opacity:.7;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px}.wallet-top-header{display:flex;align-items:center;gap:10px}.btn-wallet-collapse{margin-left:auto;width:28px;height:28px;border-radius:var(--radius-xs);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-wallet-collapse:hover{background:var(--accent-lime-subtle);border-color:var(--accent-lime-border);color:var(--accent-lime);box-shadow:0 0 12px var(--accent-lime-subtle-glow);transform:scale(1.08)}.btn-wallet-collapse svg{transition:transform var(--transition-fast)}.btn-wallet-collapse:hover svg{transform:translate(2px)}.topbar-wallet-btn{display:none;align-items:center;gap:8px;background:linear-gradient(135deg,#171d23f2,#0d1114fa);border:1.5px solid var(--accent-card-border);padding:4px 12px 4px 6px;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 0 15px -2px var(--accent-lime-subtle-glow);transition:all var(--transition-fast);color:var(--text-primary)}.app-container.wallet-collapsed .topbar-wallet-btn{display:inline-flex;animation:fadeInPop .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInPop{0%{opacity:0;transform:scale(.88) translate(6px)}to{opacity:1;transform:scale(1) translate(0)}}.topbar-wallet-btn:hover{border-color:var(--accent-lime);background:#8bff101f;box-shadow:0 0 20px 0 var(--accent-lime-glow);transform:translateY(-1px)}.topbar-wallet-icon{width:26px;height:26px;border-radius:50%;background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);color:var(--accent-lime);display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-wallet-info{display:flex;align-items:center;gap:6px;line-height:1.2}.topbar-wallet-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.topbar-wallet-balance{font-size:13px;font-weight:700;color:var(--accent-lime);font-family:var(--font-heading)}.topbar-wallet-arrow{color:var(--text-secondary);transition:transform var(--transition-fast);margin-left:2px}.topbar-wallet-btn:hover .topbar-wallet-arrow{transform:translate(-2px);color:var(--accent-lime)}.wallet-icon-box{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);color:var(--accent-lime);display:flex;align-items:center;justify-content:center}.wallet-heading{font-size:15px;font-weight:700;letter-spacing:-.01em}.wallet-balance-container{display:flex;flex-direction:column;gap:2px}.wallet-balance-amount{display:flex;align-items:baseline;gap:6px}.currency-symbol{font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--accent-lime)}.balance-digits{font-family:var(--font-heading);font-size:40px;font-weight:800;color:var(--accent-lime);letter-spacing:-.03em;text-shadow:0 0 20px var(--accent-subtle-35)}.wallet-balance-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.btn-info-tooltip{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.btn-info-tooltip:hover{color:var(--text-primary)}.prepay-section{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--border-subtle)}.prepay-title{font-size:14px;font-weight:700}.prepay-desc{font-size:11px;color:var(--text-secondary);line-height:1.4;margin-top:-6px}.refill-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.refill-preset-btn{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;position:relative;transition:all var(--transition-fast)}.refill-preset-btn:hover{background:#ffffff14;border-color:var(--border-hover)}.refill-preset-btn.selected{background:var(--accent-lime-subtle);border-color:var(--accent-lime);box-shadow:0 0 16px -2px var(--accent-lime-glow)}.preset-price{font-family:var(--font-heading);font-size:16px;font-weight:800;color:var(--text-primary)}.preset-bonus{font-size:9px;font-weight:700;color:var(--accent-lime)}.popular-preset{border-color:#8b35ea73;box-shadow:0 0 10px -2px #8b35ea40}.popular-preset:hover{border-color:var(--accent-card-border);box-shadow:0 0 16px -2px var(--accent-lime-glow)}.badge-popular{position:absolute;top:-9px;background:var(--accent-purple);color:#fff;font-size:8px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.05em}.custom-amount-block{display:flex;flex-direction:column;gap:6px}.custom-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.custom-input-row{display:flex;gap:8px}.input-with-currency{position:relative;flex:1;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;color:var(--text-muted);font-weight:600;font-size:14px}.input-with-currency input{width:100%;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px 10px 26px;color:var(--text-primary);font-family:var(--font-main);font-size:13px;outline:none;transition:all var(--transition-fast)}.input-with-currency input:focus{border-color:var(--accent-lime);background:#ffffff12;box-shadow:0 0 12px var(--accent-subtle-15)}.btn-custom-add{background:var(--accent-lime);color:var(--text-on-accent, #090c0e);font-weight:700;font-size:12px;padding:0 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-custom-add:hover{background:var(--accent-lime-hover)}.custom-bonus-note{font-size:10px;color:var(--text-muted)}.btn-add-funds-main{width:100%;padding:14px;font-size:15px;letter-spacing:.01em;margin-top:4px}.secure-checkout-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--text-muted);margin-top:2px}.wallet-transactions-section{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--border-subtle)}.transactions-header{display:flex;align-items:center;justify-content:space-between}.tx-heading{font-size:13px;font-weight:700}.tx-view-all{background:transparent;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;transition:color var(--transition-fast)}.tx-view-all:hover{color:var(--accent-lime)}.transactions-list{display:flex;flex-direction:column;gap:8px}.tx-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff06;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.03)}.tx-left{display:flex;align-items:center;gap:8px}.tx-icon-box{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px}.tx-deposit-icon{background:var(--accent-subtle-15);color:var(--accent-lime)}.tx-debit-icon{background:#ff4d4d26;color:var(--accent-red)}.tx-info{display:flex;flex-direction:column}.tx-title{font-size:11px;font-weight:600;color:var(--text-primary)}.tx-date{font-size:9px;color:var(--text-muted)}.tx-amount{font-family:var(--font-heading);font-size:12px;font-weight:700}.tx-positive{color:var(--accent-lime)}.tx-negative{color:var(--accent-red)}.refer-earn-card{background:linear-gradient(135deg,#15191e,#101317);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast)}.refer-earn-card:hover{border-color:var(--accent-card-border);background:linear-gradient(135deg,#191e24,#13171b);transform:translateY(-2px);box-shadow:0 0 16px -2px var(--accent-lime-glow)}.refer-header{display:flex;align-items:center;gap:6px;color:var(--accent-lime);margin-bottom:4px}.sparkle-svg{color:var(--accent-lime)}.refer-title{font-size:13px;font-weight:700;color:var(--text-primary)}.refer-desc{font-size:11px;color:var(--text-secondary);line-height:1.35;max-width:190px}.gift-box-art{width:44px;height:44px;position:relative;display:flex;align-items:center;justify-content:center}.gift-box-3d{width:32px;height:32px;background:linear-gradient(135deg,#2b333a,#1a1e22);border:1px solid rgba(255,255,255,.2);border-radius:6px;position:relative;box-shadow:0 4px 10px #0006}.gift-lid{position:absolute;top:-4px;left:-2px;width:36px;height:8px;background:#39424a;border-radius:4px;border:1px solid rgba(255,255,255,.25)}.gift-ribbon-v{position:absolute;top:-4px;left:14px;width:5px;height:36px;background:var(--accent-lime);box-shadow:0 0 8px var(--accent-lime)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:opacity .2s ease}.app-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;width:90%;max-width:940px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl);background:#111519;border:1px solid var(--border-card);box-shadow:0 25px 60px #000c,0 0 35px var(--accent-lime-subtle)}.modal-dialog-sm{max-width:480px}.modal-dialog-media{max-width:820px}.app-modal.auth-modal,.app-modal.refill-modal{max-width:480px}.app-modal.video-modal{max-width:820px}.app-modal.profile-modal{max-width:520px}.hidden{display:none!important}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.modal-title-group{display:flex;align-items:center;gap:12px}.modal-mode-badge{font-size:10px;font-weight:800;text-transform:uppercase;background:#ffffff14;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:3px 10px;border-radius:var(--radius-full)}.lime-badge{background:var(--accent-lime-subtle);border-color:var(--accent-lime-border);color:var(--accent-lime)}.modal-title{font-size:18px;font-weight:700}.modal-close-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:#ffffff1f;color:var(--text-primary)}.modal-body{padding:24px}.create-workspace-scrollable{display:flex;flex-direction:column;gap:18px;padding:18px 24px 36px;min-height:calc(100vh - 72px);min-width:0;box-sizing:border-box;animation:fadeInWorkspace .25s ease}@keyframes fadeInWorkspace{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.create-header-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.create-header-left{display:flex;align-items:center;gap:16px}.btn-back-home{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:8px 16px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-back-home:hover{background:var(--accent-lime-subtle);border-color:var(--accent-lime-border);color:var(--accent-lime);transform:translate(-2px)}.create-title-stack{display:flex;flex-direction:column;gap:2px}.create-breadcrumb{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.crumb-sep{opacity:.5}.create-main-title{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.studio-modes-segmented{display:flex;align-items:center;gap:4px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px}.mode-tab-pill{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);padding:7px 16px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.mode-tab-pill:hover{color:var(--text-primary);background:#ffffff0f}.mode-tab-pill.active{background:var(--accent-lime-subtle);border-color:var(--accent-card-border);color:var(--accent-lime);font-weight:700;box-shadow:0 0 14px -2px var(--accent-lime-glow)}.create-header-center{display:flex;flex-direction:column;align-items:center;gap:10px}.studio-cat-tabs{display:inline-flex;gap:4px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px}.studio-cat-tab{background:transparent;border:1px solid transparent;border-radius:var(--radius-full);padding:7px 20px;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.studio-cat-tab:hover{color:var(--text-primary);background:#ffffff0f}.studio-cat-tab.active{background:var(--accent-lime-subtle);border-color:var(--accent-card-border);color:var(--accent-lime);box-shadow:0 0 14px -2px var(--accent-lime-glow)}.studio-subcat-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:640px}.studio-subcat-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 12px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.studio-subcat-pill:hover{color:var(--text-primary);border-color:var(--border-hover)}.studio-subcat-pill.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime-border);color:var(--accent-lime)}.studio-subcat-pill.is-empty{opacity:.55}.subcat-soon{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:#ffffff14;border-radius:var(--radius-full);padding:1px 5px}.model-empty-row{padding:18px 12px;text-align:center;font-size:12px;color:var(--text-secondary)}#btn-run-generate.is-disabled,#btn-run-generate:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.engine-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-subtle);font-size:11px;font-weight:600;color:var(--text-secondary)}.status-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 8px var(--accent-lime);animation:pulseLight 2s infinite}.create-workspace-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:28px;align-items:start}.create-controls-col{display:flex;flex-direction:column;gap:20px}.create-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color var(--transition-smooth)}.create-card:hover{border-color:#ffffff2e}.create-card-header{display:flex;align-items:center;justify-content:space-between}.card-header-left{display:flex;flex-direction:column;gap:2px}.card-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.card-hint{font-size:11px;color:var(--text-muted)}.quick-prompt-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-tag{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px 10px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-tag:hover{background:var(--accent-lime-subtle);border-color:var(--accent-lime-border);color:var(--accent-lime)}.negative-prompt-details{background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:10px 14px}.negative-prompt-details summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;list-style:none}.negative-prompt-details summary::-webkit-details-marker{display:none}.negative-prompt-details summary:hover{color:var(--text-secondary)}.negative-prompt-details input{width:100%;margin-top:8px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-secondary);font-size:11px;outline:none}.negative-prompt-details input:focus{border-color:var(--accent-lime-border)}.media-upload-dropzone{position:relative;background:#00000059;border:1.5px dashed var(--border-card);border-radius:var(--radius-lg);padding:24px;cursor:pointer;text-align:center;transition:all var(--transition-smooth)}.media-upload-dropzone:hover{border-color:var(--accent-lime);background:#00000080}.file-input-hidden{display:none}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.dropzone-icon-box{width:44px;height:44px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent-lime)}.dropzone-title{font-size:13px;font-weight:600;color:var(--text-primary)}.dropzone-sub{font-size:11px;color:var(--text-muted)}.dropzone-preview-wrap{position:relative;width:100%;max-height:180px;border-radius:var(--radius-md);overflow:hidden}.dropzone-preview-wrap img{width:100%;height:180px;object-fit:cover;display:block}.btn-clear-media{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#000000bf;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.btn-clear-media:hover{background:var(--accent-red);border-color:var(--accent-red)}.sample-source-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.presets-label{font-size:11px;font-weight:600;color:var(--text-muted)}.sample-preset-btn{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sample-preset-btn:hover,.sample-preset-btn.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime-border);color:var(--accent-lime)}.model-tag-best,.model-tag-speed,.model-tag-style,.model-tag-octane{font-size:9px;font-weight:800;text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-full);letter-spacing:.04em}.model-tag-best{background:var(--accent-lime);color:var(--text-dark)}.model-tag-speed{background:#8b35ea40;color:#c084fc;border:1px solid rgba(139,53,234,.4)}.model-tag-style{background:#ff8b3840;color:#fb923c;border:1px solid rgba(255,139,56,.4)}.model-tag-octane{background:#00e5ff40;color:#38bdf8;border:1px solid rgba(0,229,255,.4)}.model-sub-desc{font-size:10px;color:var(--text-muted);line-height:1.35;margin-top:2px}.ratio-icon{display:inline-block;border:1.5px solid currentColor;border-radius:2px;margin-right:4px}.ratio-16-9{width:14px;height:8px}.ratio-9-16{width:8px;height:14px}.ratio-1-1{width:10px;height:10px}.ratio-21-9{width:16px;height:7px}.ratio-4-3{width:12px;height:9px}.ratio-3-4{width:9px;height:12px}.ratio-3-2{width:13px;height:9px}.ratio-2-3{width:9px;height:13px}.camera-motion-row{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.param-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.camera-pills{display:flex;gap:6px;flex-wrap:wrap}.camera-pill{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.camera-pill:hover{background:#ffffff14;color:var(--text-primary)}.camera-pill.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime);color:var(--accent-lime)}.create-viewport-col{display:flex;flex-direction:column;gap:20px;position:sticky;top:88px}.create-viewport-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:16px;box-shadow:0 16px 36px #0006}.empty-icon-halo{width:72px;height:72px;border-radius:50%;background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);display:flex;align-items:center;justify-content:center;color:var(--accent-lime);box-shadow:0 0 24px var(--accent-lime-glow)}.empty-icon-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 6px var(--accent-lime-glow))}.vp-empty-title{font-size:18px;font-weight:800;color:var(--text-primary);margin-top:-4px}.vp-empty-sub{font-size:12px;color:var(--text-secondary);max-width:380px;line-height:1.5}.vp-preset-prompts{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.vp-try-label{font-size:11px;font-weight:600;color:var(--text-muted)}.vp-prompt-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.vp-chip{background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.vp-chip:hover{background:var(--accent-lime-subtle);border-color:var(--accent-lime);color:var(--accent-lime)}.progress-sub-notice{font-size:11px;color:var(--text-muted)}.studio-media-player-bar{position:absolute;bottom:60px;left:16px;right:16px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:6px 14px;display:flex;align-items:center;gap:12px}.studio-play-ctrl{width:28px;height:28px;border-radius:50%;background:var(--accent-lime);border:none;color:var(--text-dark);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.studio-scrub-track{flex:1;height:4px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.studio-scrub-fill{background:var(--accent-lime);height:100%}.studio-duration-time{font-family:monospace;font-size:11px;color:var(--text-secondary)}.studio-filmstrip-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:16px;display:flex;flex-direction:column;gap:12px}.filmstrip-header{display:flex;align-items:center;justify-content:space-between}.filmstrip-title{font-size:13px;font-weight:700;color:var(--text-primary)}.filmstrip-count{font-size:11px;color:var(--text-muted)}.filmstrip-track{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.filmstrip-item{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast)}.filmstrip-item:hover{border-color:var(--border-hover);transform:translateY(-2px)}.filmstrip-item.active{border-color:var(--accent-lime);box-shadow:0 0 14px -2px var(--accent-lime-glow)}.filmstrip-img{width:100%;height:100%;object-fit:cover;display:block}.filmstrip-badge{position:absolute;bottom:4px;left:4px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;color:#fff}@media (max-width: 1280px){.create-workspace-grid{grid-template-columns:1fr}.create-viewport-col{position:static}}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.studio-controls-pane{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.label-with-action{display:flex;align-items:center;justify-content:space-between}.form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.btn-enhance-prompt{background:transparent;border:none;color:var(--accent-lime);font-size:11px;font-weight:700;cursor:pointer}.form-group textarea{width:100%;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;color:var(--text-primary);font-family:var(--font-main);font-size:13px;line-height:1.45;resize:vertical;outline:none}.form-group textarea:focus{border-color:var(--accent-lime);box-shadow:0 0 12px var(--accent-subtle-15)}.model-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.model-pill{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.model-pill.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime);box-shadow:0 0 14px -3px var(--accent-lime-glow)}.model-dropdown-wrap{position:relative;width:100%}.model-logo{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#ffffff0f;border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center}.model-logo svg{width:20px;height:20px;display:block}.model-trigger{width:100%;display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.model-trigger:hover{border-color:var(--border-hover)}.model-trigger[aria-expanded=true]{border-color:var(--accent-lime);box-shadow:0 0 14px -3px var(--accent-lime-glow)}.model-trigger-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.model-trigger-name{font-size:13px;font-weight:700;color:var(--text-primary)}.model-trigger-blurb{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-trigger .model-rate{white-space:nowrap;flex-shrink:0}.model-dd-caret{color:var(--text-secondary);flex-shrink:0;transition:transform var(--transition-fast)}.model-trigger[aria-expanded=true] .model-dd-caret{transform:rotate(180deg)}.model-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;max-height:420px;overflow-y:auto;padding:6px;background:#0d1116;border:1px solid var(--border-card);border-radius:var(--radius-sm);box-shadow:0 20px 48px -12px #000000b3}.model-group-heading{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:10px 10px 5px}.model-row{width:100%;display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast)}.model-row:hover{background:#ffffff0d}.model-row.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime-border)}.model-row-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.model-row-title{display:flex;align-items:center;gap:7px}.model-row-name{font-size:13px;font-weight:700;color:var(--text-primary)}.model-row-blurb{font-size:11px;color:var(--text-secondary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-row-caps{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;flex-shrink:0;max-width:46%}.cap-badge{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 8px;white-space:nowrap}.cap-badge svg{opacity:.8}.cap-badge.cap-spec{color:var(--text-primary);font-weight:700}@media (max-width: 560px){.model-row{align-items:flex-start}.model-row-caps{max-width:100%;justify-content:flex-start;margin-top:2px}}#studio-dynamic-controls-wrap .param-label{display:block;margin-top:14px}#studio-dynamic-controls-wrap .param-label:first-child{margin-top:0}.storage-tag-r2{display:inline-flex;align-items:center;gap:5px;background:#8bff101f;border:1px solid var(--accent-lime-border);color:var(--accent-lime);border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.02em}.storage-tag-r2 svg{color:var(--accent-lime)}.header-tag-group{display:flex;align-items:center;gap:8px}.model-pill-top{display:flex;align-items:center;justify-content:space-between;width:100%}.model-tag-best,.model-tag-speed,.model-tag-style,.model-tag-octane{font-size:8px;font-weight:800;text-transform:uppercase;padding:1px 5px;border-radius:4px}.model-tag-best{background:var(--accent-lime);color:#090c0e}.model-tag-speed{background:#00e5ff;color:#090c0e}.model-tag-style{background:#8b35ea;color:#fff}.model-tag-octane{background:#ff8b38;color:#090c0e}.model-sub-desc{font-size:10px;color:var(--text-secondary);line-height:1.25;margin:2px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-name{font-size:11px;font-weight:700;color:var(--text-primary)}.model-rate{font-size:10px;color:var(--accent-lime);font-weight:600}.camera-pills{display:flex;flex-wrap:wrap;gap:6px}.camera-pill{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.camera-pill:hover{background:#ffffff14;border-color:var(--border-hover);color:var(--text-primary)}.camera-pill.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime);color:var(--accent-lime);box-shadow:0 0 10px -2px var(--accent-lime-glow)}.dyn-toggle-btn{background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.dyn-toggle-btn.active{background:#00e5ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ratio-button-group{display:flex;gap:6px}.ratio-btn,.quality-btn{flex:1;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 4px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:center}.ratio-btn.active,.quality-btn.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime);color:var(--accent-lime)}.dur-slider-wrap{width:100%;padding:2px 2px 0}.dur-slider-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.dur-slider-value{font-size:15px;font-weight:800;color:var(--accent-lime)}.dur-slider-max{font-size:10px;font-weight:600;color:var(--text-secondary)}.dur-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--accent-lime) 0%,var(--accent-lime) var(--fill, 0%),rgba(255,255,255,.1) var(--fill, 0%),rgba(255,255,255,.1) 100%);outline:none;cursor:pointer}.dur-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border:none;border-radius:50%;background:url(/logos/App-Icon-Big.png) center / 22px 22px no-repeat,radial-gradient(circle,#0d1116 58%,#0d111600 62%);box-shadow:0 0 10px -1px var(--accent-lime-glow);cursor:pointer}.dur-slider::-moz-range-thumb{width:26px;height:26px;border:none;border-radius:50%;background:url(/logos/App-Icon-Big.png) center / 22px 22px no-repeat,radial-gradient(circle,#0d1116 58%,#0d111600 62%);box-shadow:0 0 10px -1px var(--accent-lime-glow);cursor:pointer}.dur-slider::-moz-range-track{background:transparent}.dur-slider-track{position:relative}.dur-slider-ticks{position:absolute;left:8px;right:8px;top:100%;height:0;pointer-events:none}.dur-tick{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.dur-tick-line{width:1px;height:5px;background:#ffffff38;margin-top:3px}.dur-tick-num{margin-top:2px;font-size:8px;font-weight:600;color:var(--text-secondary);opacity:.65}.dur-slider-scale{display:flex;justify-content:space-between;margin-top:22px;font-size:9px;font-weight:700;color:var(--text-secondary);opacity:.85}.studio-cost-summary-box{background:#0006;border:1px solid var(--accent-subtle-30);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.cost-breakdown-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-primary);font-weight:600}.cost-exact-value{font-family:var(--font-heading);font-size:18px;font-weight:800;color:var(--accent-lime)}.cost-balance-status{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.no-hidden-fees-msg{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.no-hidden-fees-msg svg{color:var(--accent-lime);flex-shrink:0}.btn-execute-gen{width:100%;padding:14px;font-size:15px}.studio-preview-pane{display:flex;flex-direction:column}.preview-viewport{width:100%;height:100%;min-height:380px;background:#090c0e;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.viewport-placeholder{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-muted);text-align:center;padding:20px}.pulse-ring{width:70px;height:70px;border:1.5px dashed var(--accent-lime-border);border-radius:50%;animation:spinSlow 12s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.viewport-progress{display:flex;flex-direction:column;align-items:center;gap:16px;width:80%}.progress-spinner{width:44px;height:44px;border:3px solid var(--accent-subtle-15);border-top-color:var(--accent-lime);border-radius:50%;animation:spinFast .8s linear infinite}@keyframes spinFast{to{transform:rotate(360deg)}}.tmx-loader{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;animation:tmxPulse 1.6s ease-in-out infinite}.tmx-loader-sm{width:24px;height:24px}.tmx-loader-lg{width:60px;height:60px}.tmx-loader-icon{width:100%;height:100%;display:block;object-fit:contain;animation:tmxSpin 1.5s cubic-bezier(.5,.15,.4,.85) infinite}@keyframes tmxSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tmxPulse{0%,to{transform:scale(.9);filter:drop-shadow(0 0 5px var(--accent-lime-glow))}50%{transform:scale(1.04);filter:drop-shadow(0 0 16px var(--accent-glow-strong))}}@media (prefers-reduced-motion: reduce){.tmx-loader{animation:tmxPulse 2s ease-in-out infinite}.tmx-loader-icon{animation:none}}.progress-step-text{font-size:13px;font-weight:600;color:var(--text-primary)}.progress-bar-track{width:100%;height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{width:0%;height:100%;background:var(--accent-lime);box-shadow:0 0 10px var(--accent-lime);transition:width .2s ease}.progress-percent{font-family:var(--font-heading);font-size:12px;color:var(--accent-lime);font-weight:700}.viewport-result{width:100%;height:100%;position:relative}.result-img{width:100%;height:100%;object-fit:cover}.result-actions-overlay{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:10px}.btn-lime-small{background:var(--accent-lime);color:var(--text-on-accent, #090c0e);font-weight:700;font-size:12px;padding:8px 16px;border-radius:var(--radius-full);border:none;cursor:pointer}.btn-glass-small{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:600;font-size:12px;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer}.refill-selection-summary{background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.summary-line{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.summary-divider{height:1px;background:var(--border-subtle);margin:4px 0}.total-line{font-size:15px;font-weight:700;color:var(--text-primary)}.simulated-payment-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.pay-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.payment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-tab{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer}.pay-tab.active{background:#ffffff1a;border-color:var(--accent-lime);color:var(--text-primary)}.card-input-mockup{display:flex;align-items:center;justify-content:space-between;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;color:var(--text-secondary)}.card-input-mockup input{background:transparent;border:none;color:var(--text-primary);font-family:monospace;font-size:13px;outline:none;width:140px}.terms-callout{font-size:11px;color:var(--text-muted);line-height:1.45;margin-bottom:20px}.btn-confirm-payment{width:100%;padding:14px;font-size:15px}.media-modal-body{display:flex;flex-direction:column;gap:16px}.media-player-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000}.active-video-preview{width:100%;height:100%;object-fit:cover}.media-controls-bar{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.85) 100%);display:flex;align-items:center;gap:14px}.ctrl-play-pause{background:var(--accent-lime);color:var(--text-on-accent, #090c0e);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;font-weight:700}.ctrl-progress-bar{flex:1;height:4px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.ctrl-fill{width:40%;height:100%;background:var(--accent-lime)}.ctrl-time{font-size:11px;color:var(--text-secondary);font-family:monospace}.badge-4k{font-size:10px;font-weight:800;background:#ffffff1a;padding:2px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.media-metadata-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.meta-prompt{font-size:13px;color:var(--text-secondary);font-style:italic}.profile-modal .modal-dialog{max-width:520px}.profile-modal-user-card{background:linear-gradient(135deg,#191e24b3,#101418d9);border:1px solid var(--accent-card-border);border-radius:var(--radius-lg);padding:18px;display:flex;gap:16px;align-items:center;box-shadow:var(--accent-card-glow)}.profile-modal-avatar-wrap{width:56px;height:56px;border-radius:50%;position:relative;flex-shrink:0}.profile-modal-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--accent-lime)}.avatar-status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--accent-lime);border-radius:50%;border:2px solid #13171b;box-shadow:0 0 6px var(--accent-lime)}.profile-modal-user-details{display:flex;flex-direction:column;gap:4px}.profile-modal-name-row{display:flex;align-items:center;gap:8px}.profile-modal-name{font-size:16px;font-weight:800;letter-spacing:-.01em}.profile-modal-handle{font-size:11px;color:var(--text-secondary)}.profile-modal-balance-chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);border-radius:var(--radius-full);padding:2px 10px;font-size:11px;margin-top:4px;width:fit-content}.profile-theme-section{margin-top:22px}.theme-section-header{margin-bottom:12px}.theme-section-title{font-size:14px;font-weight:700}.theme-section-sub{font-size:11px;color:var(--text-secondary);display:block;margin-top:2px}.profile-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-theme-card{background:#ffffff08;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all var(--transition-fast);text-align:left}.profile-theme-card:hover{border-color:var(--border-hover);background:#ffffff0f;transform:translateY(-2px)}.profile-theme-card.active{background:var(--accent-lime-subtle);border-color:var(--accent-lime);box-shadow:0 0 16px -2px var(--accent-lime-glow)}.theme-card-top{display:flex;align-items:center;gap:8px}.theme-card-name{font-size:13px;font-weight:700;color:var(--text-primary)}.theme-default-tag{margin-left:auto;font-size:9px;font-weight:800;text-transform:uppercase;background:var(--accent-lime);color:var(--text-on-accent, #090c0e);padding:1px 6px;border-radius:var(--radius-full)}.theme-card-color-preview{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--radius-xs)}.preview-drew{background:linear-gradient(135deg,#8bff1040,#8bff1014);border:1px solid rgba(139,255,16,.35)}.preview-gadot{background:linear-gradient(135deg,#d0fd3840,#d0fd3814);border:1px solid rgba(208,253,56,.35)}.preview-flora{background:linear-gradient(135deg,#e3edde40,#e3edde14);border:1px solid rgba(227,237,222,.35)}.preview-jolie{background:linear-gradient(135deg,#75f0cb40,#75f0cb14);border:1px solid rgba(117,240,203,.35)}.theme-hex{font-family:monospace;font-size:11px;font-weight:700;color:var(--text-primary)}.theme-color-label{font-size:10px;color:var(--text-secondary)}.profile-perks-list{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.perk-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.profile-modal-actions{margin-top:20px;display:flex;gap:10px}.btn-profile-topup{flex:1}.btn-profile-done{padding:12px 24px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast-item{background:#191e23;border:1.5px solid var(--accent-lime-border);color:#fff;padding:12px 18px;border-radius:var(--radius-md);box-shadow:0 10px 30px #0009,0 0 20px var(--accent-lime-subtle);display:flex;align-items:center;gap:12px;font-size:13px;animation:slideInUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon{color:var(--accent-lime);font-size:16px}@media (max-width: 1280px){.app-container{grid-template-columns:200px 1fr 300px}.hero-title{font-size:38px}}@media (max-width: 1080px){.app-container{grid-template-columns:1fr}.sidebar-left,.sidebar-right{height:auto;position:static}.tools-slider,.gallery-grid{grid-template-columns:repeat(2,1fr)}}.page-workspace-scrollable{min-width:0;box-sizing:border-box;width:100%;padding-bottom:80px;animation:fadeIn .25s ease}.page-header-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:var(--bg-surface);border-bottom:1px solid var(--border-card);gap:16px;flex-wrap:wrap}.header-breadcrumb-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-page-back{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--border-card);border-radius:20px;padding:7px 15px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-page-back:hover{background:#ffffff14;color:#fff;border-color:#fff3}.page-breadcrumbs{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.5px}.crumb-os{color:var(--text-muted)}.crumb-sep{color:#fff3}.crumb-current{color:var(--accent-lime)}.page-header-status,.gallery-header-badge,.templates-header-badge,.api-header-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);background:#0000004d;border:1px solid var(--border-card);padding:6px 14px;border-radius:20px}.pulse-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 10px var(--accent-lime);animation:pulseDot 2s infinite}.page-intro-banner{padding:28px 28px 22px;background:linear-gradient(180deg,#ffffff04,#0000);border-bottom:1px solid var(--border-subtle)}.intro-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--accent-lime);background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);padding:4px 10px;border-radius:20px;margin-bottom:12px}.page-title{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0 0 8px}.page-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 0 20px}.model-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.stat-pill-box{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column}.stat-pill-box .stat-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-pill-box .stat-value{font-size:20px;font-weight:800;color:#fff;margin-top:4px}.stat-pill-box .stat-value small{font-size:12px;font-weight:500;color:var(--text-secondary)}.page-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 28px;border-bottom:1px solid var(--border-subtle)}.filter-pill-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-btn{background:#ffffff08;border:1px solid var(--border-card);color:var(--text-secondary);font-size:13px;font-weight:600;padding:7px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#ffffff12;color:#fff;border-color:#fff3}.filter-btn.active{background:var(--accent-lime-subtle);color:var(--accent-lime);border-color:var(--accent-lime-border);box-shadow:0 0 12px var(--accent-lime-subtle)}.page-search-wrap{display:flex;align-items:center;gap:10px;background:#0000004d;border:1px solid var(--border-card);border-radius:20px;padding:8px 16px;width:260px;color:var(--text-muted)}.page-search-input{background:transparent;border:none;outline:none;color:#fff;font-size:13px;width:100%}.page-search-input::placeholder{color:var(--text-muted)}.models-catalog-grid,.templates-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:24px 28px}.model-catalog-card,.template-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .25s ease}.model-catalog-card:hover,.template-card:hover{transform:translateY(-3px);border-color:var(--accent-lime-border);box-shadow:0 12px 30px #00000080,0 0 20px var(--accent-lime-subtle)}.card-thumb-wrap,.tmpl-thumb-wrap{position:relative;width:100%;height:190px;overflow:hidden;background:#090c0f}.model-thumb-img,.tmpl-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.model-catalog-card:hover .model-thumb-img,.template-card:hover .tmpl-thumb-img{transform:scale(1.05)}.model-badge-flagship{position:absolute;top:12px;left:12px;background:var(--accent-lime);color:#000;font-size:10px;font-weight:800;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.model-badge-accent{position:absolute;top:12px;left:12px;background:#a855f7;color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.model-badge-info{position:absolute;top:12px;left:12px;background:#0ea5e9;color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.model-badge-warning{position:absolute;top:12px;left:12px;background:#f59e0b;color:#000;font-size:10px;font-weight:800;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.model-price-tag,.tmpl-price-tag{position:absolute;top:12px;right:12px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px}.model-card-body,.tmpl-body{padding:18px 20px;display:flex;flex-direction:column;flex:1}.model-card-header,.tmpl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.model-name,.tmpl-title{font-size:16px;font-weight:700;color:#fff}.model-version{font-size:11px;color:var(--text-muted);font-family:monospace}.model-desc,.tmpl-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 14px;flex:1}.model-spec-tags,.tmpl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.spec-tag{font-size:11px;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:4px;padding:3px 8px}.model-card-footer,.tmpl-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-subtle);gap:12px}.model-cost-preview{display:flex;flex-direction:column}.cost-label{font-size:11px;color:var(--text-muted)}.cost-val{font-size:14px;font-weight:800;color:var(--accent-lime)}.btn-load-studio,.btn-use-template{background:var(--accent-lime);color:#000;font-weight:700;font-size:13px;border:none;border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-load-studio:hover,.btn-use-template:hover{transform:translateY(-1px);box-shadow:0 0 15px var(--accent-lime)}.projects-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 28px 16px}.project-stat-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:16px 18px}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.stat-title{font-size:12px;color:var(--text-muted);font-weight:600}.stat-badge-glow{font-size:10px;font-weight:700;color:var(--accent-lime);background:var(--accent-lime-subtle);padding:2px 6px;border-radius:4px}.stat-badge-accent{font-size:10px;font-weight:700;color:#a855f7;background:#a855f726;padding:2px 6px;border-radius:4px}.stat-badge-live{font-size:10px;font-weight:700;color:var(--accent-lime);display:inline-flex;align-items:center;gap:4px}.stat-main-num{font-size:24px;font-weight:800;color:#fff}.stat-unit{font-size:14px;font-weight:600;color:var(--text-secondary)}.stat-limit{font-size:12px;font-weight:500;color:var(--text-muted)}.stat-sub-text{font-size:11px;color:var(--text-muted);margin-top:4px}.btn-primary-action{background:var(--accent-lime);color:#000;font-weight:700;font-size:13px;border:none;border-radius:var(--radius-md);padding:8px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary-action:hover{transform:translateY(-1px);box-shadow:0 0 16px var(--accent-lime)}.projects-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:24px 28px}.project-item-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .25s ease}.project-item-card:hover{transform:translateY(-3px);border-color:var(--accent-lime-border);box-shadow:0 12px 30px #00000080,0 0 20px var(--accent-lime-subtle)}.project-thumb-container{position:relative;width:100%;height:190px;overflow:hidden;background:#090c0f}.project-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-item-card:hover .project-thumb-img{transform:scale(1.05)}.proj-badge-status{position:absolute;top:12px;left:12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-lime-border);color:var(--accent-lime);font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px}.proj-badge-res{position:absolute;bottom:12px;right:12px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px}.btn-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:52px;height:52px;border-radius:50%;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid var(--accent-lime);color:var(--accent-lime);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .25s ease;cursor:pointer}.project-thumb-container:hover .btn-play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.project-card-body{padding:16px 18px;display:flex;flex-direction:column;flex:1}.project-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.project-card-title{font-size:15px;font-weight:700;color:#fff}.project-cost-deducted{font-size:12px;font-weight:700;color:var(--text-muted)}.project-card-prompt{font-size:12px;color:var(--text-secondary);line-height:1.4;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.meta-tag{font-size:10px;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px}.meta-date{font-size:10px;color:var(--text-muted);margin-left:auto}.project-actions-row{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}.btn-action-sm{background:#ffffff0d;border:1px solid var(--border-card);border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;flex:1;justify-content:center;transition:all .2s ease}.btn-action-sm:hover{background:var(--accent-lime-subtle);color:var(--accent-lime);border-color:var(--accent-lime-border)}.btn-action-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-action-icon:hover{background:#ffffff1a;color:#fff}.gallery-spotlight-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin:24px 28px;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:28px;position:relative;overflow:hidden}.spotlight-content{display:flex;flex-direction:column;justify-content:center}.spotlight-badge{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--accent-lime);background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);padding:4px 10px;border-radius:20px;margin-bottom:12px}.spotlight-title{font-size:26px;font-weight:800;color:#fff;margin:0 0 10px}.spotlight-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 18px}.spotlight-creator-row{display:flex;align-items:center;gap:10px;margin-bottom:22px}.creator-avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent-lime)}.creator-name{font-size:13px;font-weight:600;color:#fff}.spotlight-likes{font-size:13px;color:var(--text-muted);margin-left:12px}.spotlight-actions{display:flex;align-items:center;gap:12px}.btn-secondary-action{background:#ffffff0d;border:1px solid var(--border-card);border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;padding:8px 18px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.btn-secondary-action:hover{background:#ffffff1a;border-color:#fff3}.spotlight-media-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;height:280px;background:#090c0f}.spotlight-img{width:100%;height:100%;object-fit:cover}.spotlight-glow{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--accent-lime-border);border-radius:var(--radius-lg);pointer-events:none;box-shadow:inset 0 0 25px var(--accent-lime-subtle)}.gallery-full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px 28px}.gallery-card-full{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s ease}.gallery-card-full:hover{transform:translateY(-3px);border-color:var(--accent-lime-border);box-shadow:0 12px 30px #00000080,0 0 20px var(--accent-lime-subtle)}.gal-thumb-box{position:relative;height:260px;overflow:hidden;background:#090c0f}.gal-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-card-full:hover .gal-thumb-img{transform:scale(1.05)}.gal-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#000000e0);opacity:0;transition:opacity .25s ease;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.gallery-card-full:hover .gal-hover-overlay{opacity:1}.gal-overlay-top{display:flex;align-items:center;justify-content:space-between}.gal-tag{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px}.btn-like-heart{background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:5px 10px;color:#fff;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.btn-like-heart.liked{color:#f36;border-color:#f36}.gal-hover-prompt{font-size:12px;color:#ffffffe6;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn-remix-pill{background:var(--accent-lime);color:#000;font-weight:700;font-size:12px;border:none;border-radius:20px;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-remix-pill:hover{transform:translateY(-1px);box-shadow:0 0 12px var(--accent-lime)}.gal-info-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.creator-mini{display:flex;align-items:center;gap:8px}.creator-avatar-xs{width:22px;height:22px;border-radius:50%;object-fit:cover}.creator-handle{font-size:12px;color:var(--text-secondary)}.gal-cost-info{font-size:12px;font-weight:700;color:var(--text-muted)}.tmpl-aspect-badge{position:absolute;top:12px;left:12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-lime-border);color:var(--accent-lime);font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px}.tmpl-cat{font-size:11px;color:var(--text-muted);font-weight:600}.tmpl-prompt-box{background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:14px}.prompt-preview-text{font-size:11.5px;color:var(--text-secondary);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.api-wallet-integration-card{display:flex;align-items:center;gap:18px;background:#0000004d;border:1px solid var(--accent-lime-border);border-radius:var(--radius-lg);padding:16px 20px;margin-top:18px;box-shadow:0 0 20px var(--accent-lime-subtle)}.integration-icon-box{width:44px;height:44px;border-radius:50%;background:var(--accent-lime-subtle);border:1px solid var(--accent-lime-border);color:var(--accent-lime);display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-text{flex:1}.integration-text h4{font-size:15px;font-weight:700;color:#fff;margin:0 0 4px}.integration-text p{font-size:13px;color:var(--text-secondary);margin:0}.btn-refill-sm{background:var(--accent-lime);color:#000;font-weight:700;font-size:12px;border:none;border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;flex-shrink:0;transition:all .2s ease}.btn-refill-sm:hover{transform:translateY(-1px);box-shadow:0 0 15px var(--accent-lime)}.api-dashboard-grid{display:grid;grid-template-columns:360px 1fr;gap:24px;padding:24px 28px}.api-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.api-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.api-card-title{font-size:16px;font-weight:700;color:#fff;margin:0}.api-key-status{font-size:11px;font-weight:700;color:var(--accent-lime);background:var(--accent-lime-subtle);padding:2px 8px;border-radius:4px}.api-card-sub{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin:0 0 14px}.api-key-box{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px 8px;margin:14px 0}.api-key-field{background:transparent;border:none;outline:none;color:#fff;font-family:monospace;font-size:13px;flex:1;padding:6px 4px}.btn-key-toggle,.btn-copy-key{background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12px;transition:all .2s ease}.btn-key-toggle:hover,.btn-copy-key:hover{background:#ffffff1a;color:#fff}.api-key-actions{display:flex;align-items:center;justify-content:space-between}.btn-roll-key{background:transparent;border:none;color:var(--text-muted);font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:0;transition:color .2s ease}.btn-roll-key:hover{color:var(--accent-lime)}.api-key-note{font-size:11px;color:var(--text-muted)}.quota-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.quota-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.quota-label{color:var(--text-secondary)}.quota-val{font-weight:700;color:#fff}.endpoints-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.endpoint-item{display:flex;align-items:center;gap:10px;font-size:12px;font-family:monospace}.method-badge{font-weight:800;font-size:10px;padding:3px 6px;border-radius:4px}.method-badge.post{background:#10b981;color:#000}.method-badge.get{background:#3b82f6;color:#fff}.endpoint-path{color:var(--text-secondary)}.snippet-card{padding:24px}.snippet-header-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:12px;margin-bottom:16px}.snippet-lang-tabs{display:flex;gap:8px}.lang-tab{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease}.lang-tab.active{background:var(--accent-lime-subtle);color:var(--accent-lime);border-color:var(--accent-lime-border)}.btn-copy-snippet{background:#ffffff0d;border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.btn-copy-snippet:hover{background:#ffffff1a;color:#fff}.code-block pre{margin:0;padding:16px 20px;background:#090c0f;border-radius:var(--radius-md);overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.6;color:#e2e8f0;border:1px solid var(--border-subtle)}.code-block-footer{margin-top:14px}.sdk-hint{font-size:12px;color:var(--text-muted)}.sdk-hint code{background:#ffffff0f;padding:2px 6px;border-radius:4px;color:var(--accent-lime)}.webhook-json-box pre{margin:0;padding:14px 18px;background:#090c0f;border-radius:var(--radius-md);overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;color:#94a3b8;border:1px solid var(--border-subtle)}.api-badge-webhook{font-size:11px;font-family:monospace;color:var(--accent-lime);background:var(--accent-lime-subtle);padding:2px 8px;border-radius:4px}@media (max-width: 1200px){.api-dashboard-grid,.gallery-spotlight-hero{grid-template-columns:1fr}.model-stats-row,.projects-metrics-grid{grid-template-columns:repeat(2,1fr)}}.auth-tabs{display:flex;gap:6px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px;margin-bottom:16px}.auth-tab{flex:1;background:transparent;border:none;border-radius:var(--radius-full);padding:8px 12px;color:var(--text-secondary);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.auth-tab.active{background:var(--accent-lime-subtle);color:var(--accent-lime);box-shadow:0 0 12px -3px var(--accent-lime-glow)}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1a1a1a;border:none;border-radius:var(--radius-sm);padding:11px;font-size:13px;font-weight:700;cursor:pointer;transition:filter var(--transition-fast)}.auth-google-btn:hover{filter:brightness(.94)}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--text-secondary);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-form{display:flex;flex-direction:column}.auth-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin:8px 0 5px}.auth-input{width:100%;background:#ffffff0a;border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:11px 12px;color:var(--text-primary);font-size:13px;transition:border-color var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--accent-lime);box-shadow:0 0 12px -4px var(--accent-lime-glow)}.auth-input-wrap{position:relative;display:flex}.auth-input-wrap .auth-input{padding-right:42px}.auth-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:0;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.auth-eye:hover{color:var(--text-primary)}.auth-eye .eye-off,.auth-eye.showing .eye-open{display:none}.auth-eye.showing .eye-off{display:inline}.auth-error{margin-top:10px;padding:8px 10px;border-radius:var(--radius-sm);background:#ff4d4d1f;border:1px solid rgba(255,77,77,.4);color:#ff8080;font-size:12px}.auth-submit{width:100%;margin-top:14px}.auth-foot{margin-top:14px;font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.4}