:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-light-start:#f5faf6;--bg-light-end:#ebf5ee;--text-primary:#1f3323;--text-secondary:#4a604f;--text-muted:#7f9985;--accent-green:#2b8a4c;--accent-green-hover:#1e6b38;--accent-green-light:#eaf6ee;--accent-green-glow:#2b8a4c26;--accent-green-glow-strong:#2b8a4c47;--accent-amber:#d35400;--accent-amber-light:#fdf2ea;--accent-brown:#8d5e3a;--card-bg:#ffffffe0;--card-border:#2b8a4c1f;--card-border-hover:#2b8a4c42;--shadow-sm:0 2px 8px #1f33230a;--shadow-md:0 8px 24px #1f332314;--shadow-lg:0 16px 36px #1f33231f;--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:all .35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(circle at 50% 0%, #ddf2e5 0%, var(--bg-light-start) 45%), var(--bg-light-end);color:var(--text-primary);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px;border-radius:4px}.ambient-glow{z-index:0;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#d354000f 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:fixed;top:-10vw;right:-10vw}.ambient-glow-2{z-index:0;pointer-events:none;filter:blur(90px);background:radial-gradient(circle,#2b8a4c14 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:fixed;bottom:-15vw;left:-15vw}header#header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);background:#f5faf6e0;align-items:center;height:72px;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1320px;margin:0 auto;padding:0 24px;display:flex}.logo-group{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon-img{object-fit:contain;border-radius:10px;width:38px;height:38px}.logo-text{font-family:var(--font-title);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.logo-text span{color:var(--accent-green)}.studio-pill-tag{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-green-light);color:var(--accent-green);border:1px solid #2b8a4c33;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.header-actions-group{align-items:center;gap:14px;display:flex}.nav-link-item{color:var(--text-secondary);transition:var(--transition-fast);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.nav-link-item:hover,.nav-link-item.active{color:var(--accent-green);background:var(--accent-green-light)}.credit-badge-link{border:1px solid var(--card-border);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:var(--transition-fast);background:#fff;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.credit-badge-link:hover{border-color:var(--accent-green);transform:translateY(-1px)}.credit-badge-link .gem-icon{color:var(--accent-amber)}.btn-user-avatar{background:var(--accent-green-light);border:1px solid var(--card-border);width:36px;height:36px;color:var(--accent-green);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.btn-user-avatar:hover{border-color:var(--accent-green)}.avatar-pill{border:1px solid var(--card-border);box-shadow:var(--shadow-sm);color:var(--text-primary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);background:#fff;border-radius:9999px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:.85rem;font-weight:600;display:flex;position:relative}.avatar-pill:hover{background:#f9fafb;border-color:#10b98166}.avatar-dropdown-menu{border:1px solid var(--card-border);z-index:1000;background:#fff;border-radius:14px;flex-direction:column;width:200px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.avatar-dropdown-menu.show{display:flex}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-header{border-bottom:1px solid #f3f4f6;margin-bottom:4px;padding:10px 12px 8px}.dropdown-user-header .user-name{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.2}.dropdown-user-header .user-email{color:var(--text-secondary);margin-top:2px;font-size:.76rem}.dropdown-menu-item{color:var(--text-primary);transition:var(--transition-fast);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.dropdown-menu-item:hover{color:var(--accent-green);background:#f3f4f6}.dropdown-menu-item.logout{color:#ef4444}.dropdown-menu-item.logout:hover{color:#dc2626;background:#fef2f2}.user-avatar-mini{background:var(--accent-green-light);width:26px;height:26px;color:var(--accent-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.user-name-text{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:600}.studio-main-body{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1320px;margin:0 auto;padding:32px 24px 60px;display:flex}.glass-panel-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);border-radius:20px}.btn-primary-action{background:linear-gradient(135deg, var(--accent-green) 0%, var(--accent-green-hover) 100%);color:#fff;font-family:var(--font-title);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #2b8a4c40}.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2b8a4c59}.btn-secondary-action{color:var(--text-primary);border:1px solid var(--card-border);cursor:pointer;transition:var(--transition-fast);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary-action:hover{border-color:var(--accent-green);color:var(--accent-green)}footer.official-footer{border-top:1px solid var(--card-border);z-index:10;background:#f5faf6f2;margin-top:auto;padding:36px 0 24px}.footer-container{width:100%;max-width:1320px;margin:0 auto;padding:0 24px}.footer-grid-row{border-bottom:1px solid #2b8a4c14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.footer-links-group{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-link-item{color:var(--text-secondary);transition:var(--transition-fast);font-size:.88rem;font-weight:500;text-decoration:none}.footer-link-item:hover{color:var(--accent-green)}.footer-copyright-text{color:var(--text-muted);text-align:center;padding-top:18px;font-size:.8rem}@media (width<=768px){header#header{height:62px}.header-container,.studio-main-body,.footer-container{padding-left:16px;padding-right:16px}.studio-main-body{padding-top:20px}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;opacity:0;visibility:hidden;transition:var(--transition-smooth);background:#0f1d1399;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop.active{opacity:1;visibility:visible}.insufficient-modal-card{text-align:center;background:#fff;border:1px solid #fffc;border-radius:28px;width:100%;max-width:580px;max-height:90vh;padding:36px 32px 32px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:scale(.94);box-shadow:0 25px 60px -15px #0003,0 0 1px #0000001a}.modal-backdrop.active .insufficient-modal-card{transform:scale(1)}.modal-icon-wrap{color:#f97316;background:linear-gradient(135deg,#fff5ec 0%,#ffedd5 100%);border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;font-size:1.6rem;display:inline-flex;box-shadow:0 8px 20px -4px #f9731633}.modal-title{font-family:var(--font-title);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:1.5rem;font-weight:800}.modal-desc{color:var(--text-secondary);max-width:440px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.5}.modal-cost-breakdown{text-align:center;background:#faf7f2;border:1px solid #f9731626;border-radius:14px;flex-direction:column;gap:6px;margin-bottom:22px;padding:12px 18px;font-size:.9rem;display:flex}.modal-recharge-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.modal-tier-item{text-align:center;cursor:pointer;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:16px;padding:14px 10px;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative}.modal-tier-item:hover{background:#fff;border-color:#f97316;transform:translateY(-2px);box-shadow:0 6px 16px -4px #f973161f}.modal-tier-item.selected{background:#fffdfb;border-color:#f97316;box-shadow:0 0 0 3.5px #f9731626,0 4px 12px #f9731614}.modal-tier-item .m-bonus{color:#fff;background:linear-gradient(135deg,#ff6b00 0%,#ea580c 100%);border-radius:9999px;padding:2px 7px;font-size:.68rem;font-weight:700;position:absolute;top:-10px;right:8px;box-shadow:0 2px 6px #ea580c4d}.modal-tier-credits{color:#064e3b;font-size:1.1rem;font-weight:800;font-family:var(--font-mono);margin-bottom:4px}.modal-tier-price{color:#4b5563;font-size:.85rem;font-weight:600}.modal-actions{flex-direction:column;gap:12px;display:flex}.btn-modal-close{color:#6b7280;cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:inline-flex;position:absolute;top:18px;right:18px}.btn-modal-close:hover{color:#111827;background:#e5e7eb}._wideActions_1pmmo_10{align-items:center;gap:14px;display:flex}._narrowActions_1pmmo_16{display:none}._creditsBadge_1pmmo_21{cursor:pointer;font-family:inherit}._creditsLow_1pmmo_26{background:#fff9f5;border-color:#d3540066}._creditsValue_1pmmo_31{color:var(--accent-amber)}._creditsLowTag_1pmmo_35{color:#e11d48;font-size:.72rem;font-weight:700}._avatarTrigger_1pmmo_41{font-family:inherit}._chevron_1pmmo_45{color:var(--text-secondary);margin-left:2px;font-size:.7rem}._newBtn_1pmmo_51{padding:7px 16px;font-size:.85rem}._newBtnDisabled_1pmmo_56{opacity:.6;pointer-events:none}._hamburger_1pmmo_61{border:1px solid var(--card-border);width:38px;height:38px;color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:1rem;display:flex}._hamburger_1pmmo_61:hover{border-color:var(--accent-green);color:var(--accent-green)}._dropdownPanel_1pmmo_87{border:1px solid var(--card-border);z-index:1000;background:#fff;border-radius:14px;flex-direction:column;width:220px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) _dropdownFadeIn_1pmmo_1;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}._dropdownPanel_1pmmo_87 button.dropdown-menu-item{text-align:left;background:0 0;border:none;width:100%;font-family:inherit;font-size:.85rem}._dropdownPanel_1pmmo_87 [data-disabled]{opacity:.5;pointer-events:none}._separator_1pmmo_116{background:#f3f4f6;height:1px;margin:4px 0}@keyframes _dropdownFadeIn_1pmmo_1{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){header#header ._wideActions_1pmmo_10{display:none}header#header ._narrowActions_1pmmo_16{align-items:center;display:flex}header#header ._studioPill_1pmmo_148,header#header ._creditsLabel_1pmmo_152{display:none}header#header ._actionsGroup_1pmmo_156{gap:10px}}