.studio-forge-search{width:100%;max-width:none;margin-top:0}.studio-forge-search .studio-forge-search-glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:1.25rem;align-items:stretch;height:auto;min-height:3.25rem;padding:.7rem 1rem;transition:transform .22s cubic-bezier(.32,.72,0,1),box-shadow .22s,border-color .22s;display:flex;position:relative}.studio-forge-search .studio-forge-search-glass--borderless{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;padding:.35rem .15rem}.studio-forge-search .studio-forge-search-glass--borderless:focus-within,.studio-forge-search .studio-forge-search-glass--borderless.is-focused{box-shadow:none;border:none;transform:none}.studio-forge-search .studio-forge-search-glass--borderless .studio-forge-search-ambient{opacity:0}.studio-forge-search .studio-forge-search-glass:not(.studio-forge-search-glass--borderless):hover,.studio-forge-search .studio-forge-search-glass:not(.studio-forge-search-glass--borderless):focus-within{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent,#7c3aed) 22%, transparent), 0 0 28px color-mix(in srgb, var(--accent,#7c3aed) 12%, transparent);transform:scale(1.01)}.studio-forge-search .studio-forge-search-glass.is-focused:not(.studio-forge-search-glass--borderless){border-color:color-mix(in srgb, var(--accent,#7c3aed) 55%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#7c3aed) 28%, transparent), 0 0 32px color-mix(in srgb, var(--accent,#7c3aed) 18%, transparent);transform:scale(1.012)}.studio-forge-search .studio-forge-search-glass.is-focused:hover:not(.studio-forge-search-glass--borderless),.studio-forge-search .studio-forge-search-glass.is-focused:focus-within:not(.studio-forge-search-glass--borderless){transform:scale(1.012)}.studio-forge-search-input{resize:none;width:100%;min-height:1.5rem;color:var(--fg);caret-color:var(--accent,#7c3aed);background:0 0;border:none;outline:none;margin:0;padding:0;font-size:.9rem;line-height:1.55}.studio-forge-search-input::placeholder{color:var(--muted)}.studio-forge-search-ambient{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in srgb, var(--accent,#7c3aed) 8%, transparent), transparent 70%);transition:opacity .35s;position:absolute;inset:0}.studio-forge-search .studio-forge-search-glass:focus-within .studio-forge-search-ambient{opacity:1}html[data-theme=light] .studio-forge-search .studio-forge-search-glass{border-color:color-mix(in srgb, var(--accent,#7c3aed) 18%, #d4d4d8);background:#ffffffd1}html[data-theme=light] .studio-forge-search-input{color:#18181b}html[data-theme=dark] .studio-forge-search .studio-forge-search-glass{background:color-mix(in srgb, var(--bg) 75%, #ffffff0a)}.studio-forge-nav-link--subtle,.studio-forge-nav-btn--subtle{overflow:visible;animation:none!important}.studio-forge-nav-link--subtle:before,.studio-forge-nav-btn--subtle .studio-forge-btn-aurora{display:none!important}.studio-forge-nav-link--subtle{transition:color .2s,border-color .25s,box-shadow .25s,transform .2s}.studio-forge-nav-link--subtle:hover{box-shadow:0 0 20px color-mix(in srgb, var(--accent,#7c3aed) 22%, transparent);border-color:color-mix(in srgb, var(--accent,#7c3aed) 38%, transparent);transform:translateY(-1px)}.studio-forge-nav-btn--subtle{transition:box-shadow .25s,transform .2s,filter .2s}.studio-forge-nav-btn--subtle:hover{box-shadow:0 0 24px color-mix(in srgb, var(--accent,#7c3aed) 32%, transparent);filter:brightness(1.05);transform:translateY(-1px)}.studio-forge-btn--subtle-action{animation:none!important}.studio-forge-btn--subtle-action .studio-forge-btn-aurora,.studio-forge-btn--subtle-action .studio-forge-btn-sparks{display:none!important}.studio-forge-btn--subtle-action:hover:not(:disabled){box-shadow:0 0 22px color-mix(in srgb, var(--accent,#7c3aed) 28%, transparent);transform:translateY(-1px)}.studio-forge-improve-btn.studio-forge-btn--subtle-action{background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#7c3aed) 42%, var(--bg)), color-mix(in srgb, var(--accent,#7c3aed) 22%, var(--bg)))}.studio-forge-build-btn.studio-forge-btn--subtle-action{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.studio-mobile-app{z-index:1;width:100%;min-height:100dvh;min-height:-webkit-fill-available;max-height:100dvh;max-height:-webkit-fill-available;padding-bottom:calc(3.85rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:relative;overflow:hidden}.studio-dashboard--forge{min-height:100dvh;min-height:-webkit-fill-available}.studio-dashboard--forge:has(.studio-mobile-app){min-height:100dvh;height:100dvh;min-height:-webkit-fill-available;height:-webkit-fill-available;overflow:hidden}:is(.studio-dashboard--forge:has(.studio-mobile-app) .studio-dashboard-bg,.studio-dashboard--forge:has(.studio-mobile-app) .studio-ambient-layer){opacity:.55}.studio-mobile-topbar{padding:calc(.55rem + env(safe-area-inset-top,0px)) .85rem .55rem;border-bottom:1px solid color-mix(in srgb, var(--accent) 16%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);flex-shrink:0;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.studio-mobile-logo{flex-shrink:0}.studio-mobile-topbar-actions{align-items:center;gap:.45rem;min-width:0;display:flex}.studio-mobile-new-btn{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--fg);cursor:pointer;border-radius:999px;flex-shrink:0;padding:.42rem .75rem;font-size:.72rem;font-weight:650}.studio-mobile-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-mobile-pane{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.studio-mobile-pane[hidden]{display:none!important}.studio-mobile-pane--preview{flex-direction:column;padding:.35rem .65rem .65rem;display:flex}.studio-mobile-app .studio-forge-prompt-panel{border:none;height:auto;max-height:none;padding:.85rem .85rem 1rem}.studio-mobile-preview{flex-direction:column;flex:1;gap:.55rem;min-height:0;display:flex}.studio-mobile-preview-head{justify-content:space-between;align-items:center;gap:.65rem;padding:.15rem .15rem 0;display:flex}.studio-mobile-preview-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:.88rem;font-weight:650;overflow:hidden}.studio-mobile-preview-export{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--fg);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border-radius:999px;flex-shrink:0;padding:.38rem .72rem;font-size:.68rem;font-weight:700}.studio-mobile-preview-export:disabled{opacity:.45;cursor:not-allowed}.studio-mobile-preview-stage{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--bg) 72%, #000);min-height:min(62dvh,560px);box-shadow:0 16px 40px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 #ffffff14;border-radius:1.1rem;flex-direction:column;flex:1;display:flex;overflow:hidden}.studio-mobile-preview-frame{flex:1;width:100%;height:100%;min-height:0}.studio-mobile-preview-stage .studio-forge-stage-inner{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:14rem;padding:1rem;display:flex}.studio-mobile-preview-stage .preview-generating-skeleton{flex:1;min-height:14rem}.studio-mobile-empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.65rem;padding:2rem 1.25rem;font-size:.88rem;display:flex}.studio-mobile-empty-icon{opacity:.55;font-size:2rem}.studio-mobile-tabs{z-index:290;padding:.35rem .55rem calc(.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--bg) 94%, #000);-webkit-backdrop-filter:blur(20px);grid-template-columns:repeat(3,1fr);gap:.15rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000059}.studio-mobile-tab{min-height:2.85rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;padding:.28rem .35rem;transition:color .2s,background .2s;display:flex;position:relative}.studio-mobile-tab.is-active{color:var(--fg);background:color-mix(in srgb, var(--accent) 15%, transparent)}.studio-mobile-tab-icon{font-size:1.05rem;line-height:1}.studio-mobile-tab-label{letter-spacing:.02em;font-size:.6rem;font-weight:700}.studio-mobile-tab-badge{background:#34d399;border-radius:50%;width:.42rem;height:.42rem;animation:1.6s ease-in-out infinite studioMobileTabPulse;position:absolute;top:.35rem;right:calc(50% - 1.15rem);box-shadow:0 0 8px #34d399bf}@keyframes studioMobileTabPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}body.studio-mobile-active .mobile-bottom-nav{display:none!important}body.studio-mobile-active main{padding-bottom:0!important}body.studio-mobile-active .interface-controls,body.studio-mobile-active .left-edge-dock{display:none!important}@media (min-width:769px){.studio-mobile-app{display:none}}
.studio-dashboard--forge{flex-direction:column;grid-template-columns:none;display:flex}.studio-dashboard--forge .studio-dashboard-bg{background:0 0}.studio-forge{z-index:5;pointer-events:auto;isolation:isolate;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.studio-forge--boot{min-height:100dvh;min-height:-webkit-fill-available;color:var(--fg);background:color-mix(in srgb, var(--bg,#050508) 96%, transparent);pointer-events:auto;justify-content:center;align-items:center;gap:1rem}.studio-forge-boot-spinner{border:2px solid color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:color-mix(in srgb, var(--accent) 85%, #fff);border-radius:50%;width:2.25rem;height:2.25rem;animation:.85s linear infinite studioForgeBootSpin}.studio-forge-boot-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--fg) 65%, transparent);margin:0;font-size:.82rem;font-weight:600}@keyframes studioForgeBootSpin{to{transform:rotate(360deg)}}.studio-forge-topbar{z-index:40;border-bottom:1px solid color-mix(in srgb, var(--accent,#7c3aed) 18%, transparent);background:color-mix(in srgb, var(--bg) 94%, #000 6%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:relative}.studio-forge-topbar-brand{align-items:center;gap:.65rem;display:flex}.studio-forge-topbar-title{letter-spacing:.04em;color:var(--fg);opacity:.85;font-size:.88rem;font-weight:600}html[data-theme=dark] .studio-forge-topbar-logo .brand-logo-img{filter:brightness(0) invert(1) drop-shadow(0 2px 12px color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent))}.studio-forge-topbar-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.studio-forge-nav-link,.studio-forge-nav-btn{border-radius:999px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .25s,color .2s}.studio-forge-nav-link{color:var(--fg);border:1px solid color-mix(in srgb, var(--accent,#7c3aed) 28%, transparent);background:color-mix(in srgb, var(--accent,#7c3aed) 10%, var(--bg))}.studio-forge-nav-link:hover{color:var(--fg);border-color:color-mix(in srgb, var(--accent,#7c3aed) 50%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent,#7c3aed) 25%, transparent)}.studio-forge-nav-link--menu{font-weight:600}.studio-forge-nav-btn{border:1px solid color-mix(in srgb, var(--accent,#7c3aed) 50%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#7c3aed) 55%, #5b21b6), color-mix(in srgb, var(--accent,#7c3aed) 30%, var(--bg)));color:#fff;cursor:pointer;box-shadow:0 4px 20px color-mix(in srgb, var(--accent,#7c3aed) 30%, transparent);animation:3.5s ease-in-out infinite forgeNavNewPulse}.studio-forge-nav-btn:hover{box-shadow:0 8px 28px color-mix(in srgb, var(--accent,#7c3aed) 42%, transparent);transform:translateY(-1px)}@keyframes forgeNavNewPulse{0%,to{filter:brightness()}50%{filter:brightness(1.06)}}.studio-forge-split{flex:1;grid-template-columns:minmax(300px,420px) 1fr;gap:0;min-height:0;display:grid}.studio-forge-split--half-preview{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr)}.studio-forge-split--full-preview{grid-template-rows:auto 1fr;grid-template-columns:1fr}.studio-forge-split--full-preview .studio-forge-stage{grid-row:2;min-height:0}.studio-forge-full-prompt-strip{z-index:3;grid-column:1/-1;padding:.35rem .75rem 0}.studio-forge-prompt-restore-fab{top:calc(env(safe-area-inset-top,0px) + 3.5rem);z-index:520;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);width:2.35rem;height:2.35rem;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;position:fixed;left:50%;transform:translate(-50%)}.studio-forge-prompt-panel--compact{box-shadow:none;background:0 0;border:none;gap:.35rem;padding:.35rem .5rem .5rem}.studio-forge-prompt-compact-head{justify-content:flex-end;min-height:0;display:flex}.studio-forge-prompt-hide-btn{background:color-mix(in srgb, var(--fg) 8%, transparent);width:1.75rem;height:1.75rem;color:var(--fg);cursor:pointer;border:none;border-radius:999px;font-size:1.1rem;line-height:1}.studio-forge-actions--inline{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-flow:wrap;align-items:center;gap:.45rem;margin-top:0;padding-top:0;position:static}.studio-forge-actions--inline .studio-forge-improve-wrap,.studio-forge-actions--inline .studio-forge-build-btn,.studio-forge-actions--inline .studio-forge-stop-btn{flex:auto;min-width:6rem}.studio-forge-split--half-preview .studio-forge-stage,.studio-forge-split--half-preview .studio-preview-shell--half-pane{height:100%;min-height:0}.studio-forge-split--half-preview .studio-preview-frame-wrap{flex:1;min-height:0}.studio-forge-split--half-preview .studio-forge-preview-frame{height:100%;min-height:0!important}.studio-forge-split--preview-collapsed{grid-template-columns:1fr 3.75rem}.studio-forge-split--preview-collapsed .studio-forge-stage{height:100%;min-height:0}.studio-forge-split--preview-collapsed .studio-forge-preview-column{height:100%;min-height:0;display:flex}.studio-forge-prompt,.studio-forge-prompt-panel{border-right:1px solid color-mix(in srgb, var(--accent,#7c3aed) 12%, var(--fg) 8%);height:100%;min-height:0;box-shadow:inset -1px 0 0 color-mix(in srgb, var(--fg) 5%, transparent);z-index:2;pointer-events:auto;overscroll-behavior:contain;background:0 0;border-radius:0;flex-direction:column;gap:1rem;padding:1.25rem 1.15rem 1.5rem;display:flex;position:relative;overflow-y:auto}.studio-forge-composer-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:.65rem;min-height:0;padding-bottom:.25rem;display:flex;overflow-y:auto}.studio-forge-search{flex:0 auto;min-height:0;max-height:min(42vh,380px)}.studio-forge-search .liquid-search-textarea,.studio-forge-search .studio-forge-search-input{word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;field-sizing:fixed;width:100%;min-height:4.5rem;white-space:pre-wrap!important;resize:none!important;max-height:min(36vh,320px)!important;overflow:hidden auto!important}.studio-forge-search.hero-search-grow:not(.is-expanded) .liquid-search-textarea{text-overflow:unset;white-space:pre-wrap!important;overflow-y:auto!important}.studio-forge-actions{z-index:4;background:linear-gradient(to top, color-mix(in srgb, var(--bg) 96%, transparent) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;flex-shrink:0;gap:.55rem;margin-top:auto;padding-top:.65rem;display:flex;position:sticky;bottom:0}html[data-theme=light] .studio-forge-prompt-panel{background:#ffffff8c}html[data-theme=dark] .studio-forge-prompt-panel{background:color-mix(in srgb, var(--bg) 82%, #12121a);border-right-color:color-mix(in srgb, var(--accent,#7c3aed) 22%, transparent);box-shadow:inset -1px 0 0 color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--fg) 4%, transparent)}html[data-theme=dark] .studio-forge-prompt{background:color-mix(in srgb, var(--bg) 90%, #0c0c14)}html[data-theme=dark] .studio-preview-frame-wrap{border-color:color-mix(in srgb, var(--accent) 32%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--fg) 4%, transparent), 0 12px 40px #00000059}html[data-theme=dark] .studio-forge-topbar{background:color-mix(in srgb, var(--bg) 90%, #000);border-bottom-color:color-mix(in srgb, var(--accent) 24%, transparent)}body.studio-forge-fullscreen .studio-forge-topbar,body.studio-forge-fullscreen .neural-nav,body.studio-forge-fullscreen footer,body.studio-forge-fullscreen .left-edge-dock{display:none!important}body.studio-forge-fullscreen .studio-forge-split--full-preview{grid-template-rows:1fr}body.studio-forge-fullscreen .studio-forge-stage{grid-row:1;min-height:100dvh}.studio-preview-tool-btn--icon:disabled{opacity:.4;cursor:not-allowed}.studio-forge-topbar-logo:hover .brand-logo-glow{opacity:.75}.studio-forge-autosaved{color:#a78bfaf2;margin:.45rem 0 0;font-size:.72rem;animation:2s forwards studioAutosavedFade}@keyframes studioAutosavedFade{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}.studio-forge-prompt-head{flex-shrink:0}.studio-forge-prompt-title{letter-spacing:-.02em;color:var(--fg);margin:0;font-size:1.15rem;font-weight:600}.studio-forge-prompt-title--glow{text-shadow:0 0 20px color-mix(in srgb, var(--accent,#7c3aed) 45%, transparent), 0 0 40px color-mix(in srgb, var(--accent,#7c3aed) 18%, transparent)}html[data-theme=light] .studio-forge-prompt-title--glow{text-shadow:0 0 18px color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent), 0 1px 0 #fffc}.studio-forge-generation-note{color:var(--muted);max-width:36rem;margin:.45rem 0 0;font-size:.78rem;line-height:1.45}.studio-forge-field{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex}.studio-forge-textarea{resize:none;border:1px solid color-mix(in srgb, var(--accent,#7c3aed) 38%, var(--fg) 12%);background:color-mix(in srgb, var(--bg) 92%, #fff 8%);width:100%;min-height:12rem;color:var(--fg);border-radius:.85rem;outline:none;flex:1;padding:.85rem 1rem;font-size:.88rem;line-height:1.55;transition:border-color .2s,box-shadow .25s}.studio-forge-textarea::placeholder{color:var(--muted);opacity:.95}.studio-forge-textarea:focus{border-color:color-mix(in srgb, var(--accent,#7c3aed) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#7c3aed) 22%, transparent)}.studio-forge-error{color:#f87171;margin:0;font-size:.75rem}.studio-forge-actions-placeholder{display:none}.studio-forge-improve-wrap{position:relative}.studio-forge-improve-btn{border:1px solid color-mix(in srgb, var(--accent,#7c3aed) 42%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#7c3aed) 32%, transparent), color-mix(in srgb, var(--accent,#7c3aed) 12%, var(--bg)));width:100%;color:var(--fg);cursor:pointer;border-radius:.75rem;padding:.7rem 1rem;font-size:.8rem;font-weight:600;transition:transform .25s,box-shadow .3s;position:relative;overflow:hidden}.studio-forge-improve-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #7c3aed66}.studio-forge-improve-btn:disabled{opacity:.65;cursor:wait}.studio-forge-improve-shine{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff1a 50%,#0000 65%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.studio-forge-improve-btn:hover:not(:disabled) .studio-forge-improve-shine{transform:translate(120%)}.studio-forge-btn--ideal{border:1px solid color-mix(in srgb, #c4b5fd 55%, var(--accent,#7c3aed));background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#7c3aed) 55%, #4c1d95), color-mix(in srgb, #a78bfa 40%, var(--accent,#7c3aed)));color:#fafafa;box-shadow:0 0 0 1px #e9d5ff40, 0 8px 28px color-mix(in srgb, var(--accent,#7c3aed) 40%, transparent);animation:3.2s ease-in-out infinite forgeBtnPulseIdeal}.studio-forge-btn--ideal:hover:not(:disabled){box-shadow:0 0 0 1px #e9d5ff66, 0 14px 36px color-mix(in srgb, var(--accent,#7c3aed) 50%, transparent);transform:translateY(-2px)scale(1.01)}@keyframes forgeBtnPulseIdeal{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.studio-forge-tooltip{z-index:30;border:1px solid color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent);background:color-mix(in srgb, var(--bg) 94%, #000 6%);color:var(--fg);opacity:0;visibility:hidden;pointer-events:none;border-radius:.65rem;padding:.65rem .85rem;font-size:.72rem;line-height:1.45;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;bottom:calc(100% + 10px);left:0;right:0;transform:translateY(6px);box-shadow:0 12px 32px #00000073}.studio-forge-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.studio-forge-build-btn,.studio-forge-stop-btn{cursor:pointer;border:none;border-radius:.75rem;width:100%;min-height:2.75rem;font-size:.88rem;font-weight:600;transition:transform .2s,box-shadow .25s}.studio-forge-build-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 0 32px #7c3aed59}.studio-forge-build-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #7c3aed80}.studio-forge-build-btn:disabled{opacity:.5;cursor:not-allowed}.studio-forge-btn--build{box-shadow:0 0 0 1px #ddd6fe4d, 0 6px 28px color-mix(in srgb, var(--accent,#7c3aed) 45%, transparent);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 45%,#5b21b6 100%);animation:2.8s ease-in-out infinite forgeBtnPulseBuild}.studio-forge-btn--build:hover:not(:disabled){box-shadow:0 0 0 1px #ede9fe59, 0 12px 40px color-mix(in srgb, var(--accent,#7c3aed) 55%, transparent);transform:translateY(-2px)scale(1.02)}@keyframes forgeBtnPulseBuild{0%,to{box-shadow:0 0 0 1px #ddd6fe40, 0 6px 28px color-mix(in srgb, var(--accent,#7c3aed) 42%, transparent)}50%{box-shadow:0 0 0 1px #ede9fe66, 0 10px 36px color-mix(in srgb, var(--accent,#7c3aed) 55%, transparent)}}html[data-theme=light] .studio-forge-btn--ideal{color:#fff}.studio-forge-stop-btn{color:#fecaca;background:#ef444433;border:1px solid #ef444466}.studio-forge-hint{color:#a78bfae6;margin:0;font-size:.72rem}.studio-forge-stage{z-index:1;pointer-events:auto;justify-content:center;align-items:center;height:100%;min-height:0;padding:1.5rem;display:flex;position:relative;overflow:hidden}.studio-forge-pulse-wrap,.studio-forge-orb-wrap{pointer-events:none;place-items:center;width:100%;min-height:200px;display:grid}.studio-forge-pulse{aspect-ratio:1;place-items:center;width:min(200px,48vw);display:grid;position:relative}.studio-forge-pulse-halo{background:radial-gradient(circle, color-mix(in srgb, var(--accent,#7c3aed) 45%, transparent), transparent 68%);filter:blur(22px);border-radius:50%;animation:4s ease-in-out infinite studioPulseHalo;position:absolute;inset:-20%}.studio-forge-pulse-ring{opacity:.5;border:1px solid #e9d5ff59;border-radius:50%;position:absolute;inset:0}.studio-forge-pulse-ring--1{animation:8s linear infinite studioPulseRing}.studio-forge-pulse-ring--2{border-color:color-mix(in srgb, var(--accent,#7c3aed) 40%, transparent);animation:12s linear infinite reverse studioPulseRing;inset:12%}.studio-forge-pulse-core{width:28%;height:28%;box-shadow:0 0 32px color-mix(in srgb, var(--accent,#7c3aed) 55%, transparent);background:radial-gradient(circle at 35% 30%,#fff,#c4b5fd 40%,#7c3aed 100%);border-radius:50%;animation:3s ease-in-out infinite studioPulseCore}.studio-forge-pulse.is-active .studio-forge-pulse-halo{opacity:1;animation-duration:2.2s}.studio-forge-pulse.is-active .studio-forge-pulse-core{animation-duration:1.4s}.studio-forge-pulse.is-done .studio-forge-pulse-core{background:radial-gradient(circle at 35% 30%,#fff,#6ee7b7 35%,#059669 100%);box-shadow:0 0 28px #10b98173}@keyframes studioPulseHalo{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes studioPulseRing{to{transform:rotate(360deg)}}@keyframes studioPulseCore{0%,to{transform:scale(.92)}50%{transform:scale(1.08)}}.studio-forge-profile-btn{border:1px solid color-mix(in srgb, var(--accent,#7c3aed) 28%, transparent);background:color-mix(in srgb, var(--bg) 75%, transparent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:.35rem;padding:0;transition:box-shadow .25s,border-color .25s;display:inline-flex}.studio-forge-profile-btn:hover,.studio-forge-profile-btn.is-open{box-shadow:0 0 20px color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent);border-color:color-mix(in srgb, var(--accent,#7c3aed) 50%, transparent)}.premium-forge-orb,.premium-forge-orb *{pointer-events:none!important}.studio-forge-stage-inner{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:520px;display:flex}.studio-forge-orb-wrap{aspect-ratio:1;place-items:center;width:min(280px,70vw);display:grid}.studio-forge-orb{place-items:center;width:100%;height:100%;display:grid;position:relative}.studio-forge-orb-aura{background:radial-gradient(circle, color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent) 0%, transparent 68%);filter:blur(12px);opacity:.85;border-radius:50%;animation:4s ease-in-out infinite forgeAuraBreath;position:absolute;inset:-8%}.studio-forge-orb-glass{pointer-events:none;border-radius:50%;position:absolute}.studio-forge-orb-glass--outer{background:radial-gradient(circle at 32% 28%, #ffffff47, color-mix(in srgb, var(--accent,#7c3aed) 22%, transparent) 42%, transparent 72%);border:1px solid color-mix(in srgb, #fff 22%, var(--accent,#7c3aed) 35%);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 40px #ffffff1f, 0 0 60px color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent);inset:6%}.studio-forge-orb-glass--inner{background:radial-gradient(circle at 38% 32%, #ffffff73, #c4b5fd59 38%, color-mix(in srgb, var(--accent,#7c3aed) 25%, transparent) 70%);opacity:.9;border:1px solid #ffffff59;inset:22%}.studio-forge-orb-highlight{filter:blur(2px);opacity:.7;pointer-events:none;background:radial-gradient(circle,#ffffffbf,#0000 70%);border-radius:50%;width:28%;height:18%;position:absolute;top:18%;left:22%}.studio-forge-orb-core{z-index:2;width:38%;height:38%;box-shadow:inset 0 -8px 20px #4c1d958c, inset 0 10px 18px #ffffff40, 0 0 48px color-mix(in srgb, var(--accent,#7c3aed) 65%, transparent), 0 0 90px #a78bfa66;background:radial-gradient(circle at 35% 28%,#f5f3ff,#c4b5fd 28%,#7c3aed 52%,#4c1d95 100%);border-radius:50%;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .6s;position:relative}@keyframes forgeAuraBreath{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}html[data-theme=light] .studio-forge-orb-glass--outer{border-color:color-mix(in srgb, var(--accent,#7c3aed) 35%, #fff);box-shadow:inset 0 0 32px #ffffff8c, 0 0 48px color-mix(in srgb, var(--accent,#7c3aed) 28%, transparent)}html[data-theme=light] .studio-forge-orb-core{box-shadow:inset 0 -6px 16px #5b21b659, inset 0 8px 14px #ffffffa6, 0 0 40px color-mix(in srgb, var(--accent,#7c3aed) 45%, transparent), 0 0 72px #a78bfa4d}.studio-forge-orb.is-active .studio-forge-orb-core{animation:2.2s ease-in-out infinite forgeCorePulse}.studio-forge-orb.is-done .studio-forge-orb-core{animation:none;transform:scale(1);box-shadow:0 0 32px #34d39973,0 0 48px #7c3aed40}@keyframes forgeCorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.studio-forge-orb-ring{opacity:.7;border:1px solid #a78bfa40;border-radius:50%;position:absolute;inset:8%}.studio-forge-orb-ring--1{animation:12s linear infinite forgeRingSpin}.studio-forge-orb-ring--2{border-color:#7c3aed59;animation:18s linear infinite reverse forgeRingSpin;inset:2%}.studio-forge-orb-ring--3{opacity:.4;animation:8s linear infinite forgeRingSpin;inset:18%}.studio-forge-orb.is-active .studio-forge-orb-ring--1,.studio-forge-orb.is-active .studio-forge-orb-ring--2,.studio-forge-orb.is-active .studio-forge-orb-ring--3{animation-duration:4s,6s,3s}.studio-forge-orb.is-done .studio-forge-orb-ring{opacity:.35;animation:none}@keyframes forgeRingSpin{to{transform:rotate(360deg)}}.studio-forge-orb-particles{opacity:0;background:radial-gradient(circle,#0000 55%,#a78bfa14 70%,#0000 75%);border-radius:50%;position:absolute;inset:0}.studio-forge-orb.is-active .studio-forge-orb-particles{opacity:1;animation:3s ease-in-out infinite forgeParticles}@keyframes forgeParticles{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.studio-forge-phase-label{text-align:center;color:var(--fg);text-shadow:0 0 24px color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent);max-width:28ch;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.studio-forge-phase-label.is-done{color:#6ee7b7;text-shadow:0 0 20px #34d39959}.studio-forge-eta{justify-content:center;align-items:center;gap:.65rem;width:100%;display:flex}.studio-forge-eta-icon{flex-shrink:0;width:22px;height:22px;position:relative}.studio-forge-eta-orbit{border:2px solid #0000;border-top-color:color-mix(in srgb, var(--accent,#7c3aed) 85%, #fff);border-right-color:#a78bfa8c;border-radius:50%;animation:1.1s linear infinite forgeEtaSpin;position:absolute;inset:0}.studio-forge-eta-core{background:radial-gradient(circle at 35% 30%, #e9d5ff, var(--accent,#7c3aed));box-shadow:0 0 12px color-mix(in srgb, var(--accent,#7c3aed) 55%, transparent);border-radius:50%;animation:1.4s ease-in-out infinite forgeEtaCorePulse;position:absolute;inset:5px}@keyframes forgeEtaSpin{to{transform:rotate(360deg)}}@keyframes forgeEtaCorePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.studio-forge-eta-text{flex-direction:column;gap:.05rem;font-size:.72rem;line-height:1.2;display:flex}.studio-forge-eta-label{color:var(--muted)}.studio-forge-eta-time{color:var(--fg);letter-spacing:.02em;font-weight:700}.studio-forge-preview-column{width:100%;min-height:0}.studio-forge-preview{width:100%;height:min(52vh,480px)}.studio-forge-preview-frame{border-radius:inherit;background:0 0;border:none;width:100%;height:100%}@media (max-width:900px){.studio-forge-split{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow-y:auto}.studio-forge-prompt{border-bottom:1px solid #a78bfa1f;border-right:none;max-height:50vh}.studio-forge-textarea{min-height:8rem}.studio-forge-stage{min-height:320px}.studio-forge-split--preview-collapsed{grid-template-rows:auto auto;grid-template-columns:1fr}.studio-preview-collapsed-rail{border-left:none;border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:.75rem;flex-direction:row;justify-content:flex-start;width:100%;min-height:2.75rem;padding:.5rem .85rem}.studio-preview-collapsed-rail-title{writing-mode:horizontal-tb;max-height:none;transform:none}}@media (prefers-reduced-motion:reduce){.studio-forge-orb-core,.studio-forge-orb-ring,.studio-forge-orb-particles{animation:none!important}}html[data-theme=light] .studio-forge-topbar{border-bottom-color:color-mix(in srgb, var(--fg) 12%, transparent);background:#ffffffeb}html[data-theme=light] .studio-forge-topbar-logo .brand-logo-img{filter:drop-shadow(0 2px 10px color-mix(in srgb, var(--accent,#7c3aed) 40%, transparent))}html[data-theme=light] .studio-forge-prompt{background:#ffffffe6}html[data-theme=light] .studio-forge-textarea{border-color:color-mix(in srgb, var(--accent,#7c3aed) 32%, #a1a1aa 25%);color:#18181b;background:#fff}html[data-theme=light] .studio-forge-textarea::placeholder{color:#52525b}html[data-theme=light] .studio-forge-improve-btn{background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#7c3aed) 18%, #fff), #fff);color:#18181b}html[data-theme=light] .studio-forge-tooltip{border-color:color-mix(in srgb, var(--accent,#7c3aed) 28%, #d4d4d8);color:#27272a;background:#fff;box-shadow:0 12px 32px #0000001f}html[data-theme=light] .studio-forge-autosaved,html[data-theme=light] .studio-forge-hint{color:#6d28d9}html[data-theme=light] .studio-forge-nav-btn{color:#fff}html[data-theme=light] .studio-forge-prompt.liquid-glass-panel{background:color-mix(in srgb, #fff 96%, var(--accent,#7c3aed) 4%);border-color:color-mix(in srgb, var(--accent,#7c3aed) 24%, #d4d4d8);box-shadow:0 4px 24px #0000000f}html[data-theme=light] .studio-forge-phase-label.is-done{color:#059669;text-shadow:none}html[data-theme=light] .studio-forge-preview-frame{border-color:color-mix(in srgb, var(--accent,#7c3aed) 28%, #d4d4d8);background:#fff;box-shadow:0 8px 32px #00000014}html[data-theme=light] .studio-forge-build-btn{color:#fff}@media (max-width:900px){.studio-forge-split{-webkit-overflow-scrolling:touch;grid-template-rows:minmax(0,auto) minmax(280px,1fr);grid-template-columns:1fr;overflow-y:auto}.studio-forge-prompt-panel{border-right:none;border-bottom:1px solid color-mix(in srgb, var(--accent) 14%, transparent);max-height:none}.studio-forge-stage{min-height:min(52dvh,520px)}.studio-forge-stage-inner{max-width:none;min-height:min(48dvh,480px)}.studio-forge-topbar-nav{gap:.35rem}.studio-forge-nav-link,.studio-forge-nav-btn{padding:.35rem .65rem;font-size:.72rem}}
.studio-preview-scrim{display:none}.studio-preview-collapsed-rail{border:none;border-left:3px solid color-mix(in srgb, var(--accent) 55%, transparent);border-top:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--bg)), color-mix(in srgb, var(--bg) 92%, #000));width:100%;height:100%;min-height:min(52vh,480px);color:var(--fg);cursor:pointer;border-radius:1rem 0 0 1rem;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:.65rem .35rem;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.studio-preview-collapsed-rail:hover{border-left-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:-4px 0 24px color-mix(in srgb, var(--accent) 14%, transparent)}.studio-preview-collapsed-rail-icon{opacity:.95;font-size:1.2rem;line-height:1}.studio-preview-collapsed-rail-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-height:12rem;font-size:.68rem;font-weight:700;overflow:hidden;transform:rotate(180deg)}.studio-preview-toolbar--minimal{padding:.2rem .1rem 0}.studio-preview-toolbar--minimal .studio-preview-toolbar-title{max-width:9rem;font-size:.66rem}.studio-preview-tool-btn--icon{place-items:center;width:2rem;height:2rem;min-height:2rem;padding:0;font-size:.95rem;line-height:1;display:grid}.studio-preview-tool-btn--export{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent);width:2.55rem;height:2.55rem;min-height:2.55rem;box-shadow:0 4px 18px color-mix(in srgb, var(--accent) 18%, transparent);font-size:1.15rem}.studio-preview-shell--collapsed{flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:3.5rem;padding:.35rem;display:flex;position:relative}.studio-preview-restore-fab,.studio-preview-back-fab{z-index:12;border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);width:2.35rem;height:2.35rem;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:999px;place-items:center;padding:0;font-size:1rem;line-height:1;transition:transform .2s,box-shadow .2s;display:grid;position:absolute;box-shadow:0 8px 24px #00000047}.studio-preview-restore-fab{bottom:.35rem;right:.35rem}.studio-preview-back-fab{top:calc(env(safe-area-inset-top,0px) + .65rem);left:calc(env(safe-area-inset-left,0px) + .65rem)}.studio-preview-full-bar{top:calc(env(safe-area-inset-top,0px) + .5rem);left:calc(env(safe-area-inset-left,0px) + .5rem);right:calc(env(safe-area-inset-right,0px) + .5rem);z-index:14;pointer-events:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:absolute}.studio-preview-full-bar>*{pointer-events:auto}.studio-preview-back-fab--labeled{border-radius:999px;align-items:center;gap:.45rem;width:auto;min-height:2.75rem;padding:0 1rem 0 .75rem;font-size:.82rem;font-weight:600;display:inline-flex;position:static}.studio-preview-full-reload{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);min-width:2.75rem;min-height:2.75rem;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;font-size:1.1rem}.studio-preview-tool-btn--open{align-items:center;gap:.35rem;min-height:2.35rem;padding-inline:.95rem;font-size:.72rem;display:inline-flex}.studio-preview-restore-fab:hover,.studio-preview-back-fab:hover{box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-1px)}.studio-preview-dock-slot--mini{opacity:.92;width:100%}.studio-preview-frame-wrap--fullscreen{border:none;border-radius:0;flex:1;min-height:0}.studio-preview-shell--expanded .studio-preview-frame-wrap--fullscreen,.studio-preview-shell--expanded .studio-preview-frame-wrap--fullscreen .studio-forge-preview-frame{min-height:100dvh}.studio-preview-shell{flex-direction:column;gap:.55rem;width:100%;min-height:0;display:flex}.studio-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.35rem .15rem 0;display:flex}.studio-preview-toolbar-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.72rem;font-weight:650;overflow:hidden}.studio-preview-toolbar-actions{flex-wrap:wrap;gap:.35rem;display:flex}.studio-preview-tool-btn{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--fg) 5%, transparent);min-height:2.1rem;color:var(--fg);cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.68rem;font-weight:650}.studio-preview-tool-btn--primary{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 45%, #5b21b6), color-mix(in srgb, var(--accent) 22%, transparent));color:#fff}.studio-preview-frame-wrap{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--bg) 90%, #000);pointer-events:auto;border-radius:1rem;flex:1;min-height:min(52vh,480px);overflow:hidden}.studio-preview-frame-wrap .studio-forge-preview-frame{pointer-events:auto;touch-action:manipulation;border:none;width:100%;height:100%;min-height:min(52vh,480px);display:block}.studio-preview-frame-inner{width:100%;height:100%;min-height:inherit}.studio-preview-skeleton{background:color-mix(in srgb, var(--bg) 88%, #0a0a14);flex-direction:column;gap:.85rem;width:100%;height:100%;min-height:min(52vh,480px);padding:1rem 1.1rem 1.25rem;display:flex}.studio-preview-skeleton-chrome{gap:.35rem;display:flex}.studio-preview-skeleton-dot{background:color-mix(in srgb, var(--fg) 22%, transparent);border-radius:999px;width:.45rem;height:.45rem}.studio-preview-skeleton-body{flex-direction:column;flex:1;gap:.55rem;display:flex}.studio-preview-skeleton-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--fg) 8%, transparent) 0%, color-mix(in srgb, var(--accent) 18%, transparent) 50%, color-mix(in srgb, var(--fg) 8%, transparent) 100%);background-size:200% 100%;border-radius:999px;width:72%;height:.55rem;animation:1.6s ease-in-out infinite studioPreviewSkeletonPulse;display:block}.studio-preview-skeleton-bar--lg{width:88%;height:.7rem}.studio-preview-skeleton-bar--sm{width:48%}.studio-preview-skeleton-card{border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--fg) 5%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));background-size:200% 200%;border-radius:.85rem;flex:1;min-height:6rem;margin-top:.35rem;animation:1.8s ease-in-out infinite studioPreviewSkeletonPulse;display:block}.studio-preview-skeleton-row{gap:.45rem;display:flex}.studio-preview-skeleton-pill{background:color-mix(in srgb, var(--fg) 9%, transparent);border-radius:999px;width:5.5rem;height:1.65rem;animation:1.5s ease-in-out infinite studioPreviewSkeletonPulse;display:block}.studio-preview-skeleton-pill--short{width:3.5rem;animation-delay:.2s}.studio-preview-skeleton-caption{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;margin:0;font-size:.68rem;font-weight:600}.studio-preview-phase-bar{border-bottom:1px solid color-mix(in srgb, var(--accent) 16%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin-bottom:.15rem;padding-bottom:.55rem;display:grid;position:relative}.studio-preview-phase-bar-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, #fff), color-mix(in srgb, var(--accent) 35%, transparent));border-radius:999px;height:2px;transition:width .45s cubic-bezier(.32,.72,0,1);position:absolute;bottom:-1px;left:0}.studio-preview-phase-step{letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb, var(--muted) 85%, transparent);text-align:center;font-size:.52rem;font-weight:650;line-height:1.25;transition:color .3s}.studio-preview-phase-step.is-active{color:color-mix(in srgb, var(--fg) 78%, var(--accent))}.studio-preview-phase-step.is-current{color:var(--fg)}@keyframes studioPreviewSkeletonPulse{0%,to{opacity:.55;background-position:0%}50%{opacity:1;background-position:100%}}.studio-preview-dock-slot{flex-shrink:0}.studio-preview-closed{flex-direction:column;gap:.75rem;height:100%;min-height:0;display:flex}.studio-preview-closed-card{text-align:center;border:1px dashed color-mix(in srgb, var(--accent,#7c3aed) 35%, transparent);background:color-mix(in srgb, var(--accent,#7c3aed) 6%, transparent);border-radius:1rem;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:12rem;padding:1.25rem 1rem;display:flex}.studio-preview-closed-badge{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--accent,#7c3aed) 80%, #fff);font-size:.68rem;font-weight:700}.studio-preview-closed-title{color:var(--fg);margin:.5rem 0 0;font-size:1rem;font-weight:650}.studio-preview-closed-hint{color:var(--muted);max-width:18rem;margin:.45rem 0 .85rem;font-size:.8125rem;line-height:1.45}.studio-preview-closed-actions{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.studio-preview-shell--half-pane{flex-direction:column;gap:.45rem;height:100%;min-height:0;display:flex}.studio-preview-shell--half-pane .studio-preview-frame-wrap{flex:1;min-height:0}.studio-preview-back-btn{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--fg) 6%, transparent);min-height:2.1rem;color:var(--fg);cursor:pointer;border-radius:999px;padding:.35rem .85rem;font-size:.75rem;font-weight:650}.studio-preview-shell--full.studio-preview-shell--expanded{z-index:500;border-radius:0;width:100vw;height:100dvh;max-height:100dvh;animation:.45s cubic-bezier(.32,.72,0,1) studioPreviewFullIn;position:fixed;inset:0;transform:none}@keyframes studioPreviewFullIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.studio-forge-split--full-preview .studio-preview-shell--full.studio-preview-shell--expanded{z-index:1;width:100%;height:100%;min-height:0;max-height:none;animation:none;position:relative;inset:auto}.lumons-topup-backdrop{z-index:560;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lumons-topup-modal{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--bg) 94%, #000);border-radius:1.15rem;width:min(100%,42rem);max-height:min(88dvh,640px);padding:1.25rem 1rem 1rem;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000073}.lumons-topup-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:.65rem;right:.75rem}.lumons-topup-title{margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.lumons-topup-sub{color:var(--muted);margin:0 0 1rem;font-size:.875rem;line-height:1.45}.lumons-topup-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.lumons-topup-pack{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);width:100%;min-height:6.5rem;color:var(--fg);text-align:left;cursor:pointer;border-radius:.85rem;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.75rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.lumons-topup-pack:hover{box-shadow:0 8px 28px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-2px)}.lumons-topup-pack-name{opacity:.75;font-size:.72rem;font-weight:700}.lumons-topup-pack-period{opacity:.6;font-size:.68rem}.lumons-topup-pack-lumens{margin-top:auto;font-size:1rem}.lumons-topup-pack-price{opacity:.85;font-size:.78rem}.lumons-topup-pack-bonus{color:#4ade80;background:#22c55e1f;border:1px solid #4ade804d;border-radius:999px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.lumons-topup-pack-badge{color:#fff;background:linear-gradient(90deg,#8b5cf6,#d946ef);border-radius:999px;padding:.12rem .35rem;font-size:.58rem;font-weight:700;position:absolute;top:.45rem;right:.45rem}.lumons-topup-pack-badge--best{color:#111;background:linear-gradient(90deg,#f59e0b,#fbbf24)}html[data-theme=light] .lumons-topup-modal{background:#fff}body.site-intro-active .neural-nav,body.site-intro-active footer,body.site-intro-active .left-edge-dock,body.site-intro-active .interface-controls{visibility:hidden;pointer-events:none}.site-intro-cover-logo{object-fit:contain;filter:none;width:min(220px,52vw);height:auto;box-shadow:none}.app-runner{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.app-runner-frame{background:#0a0a12;border:none;flex:1;width:100%;min-height:0}.app-runner-build-error,.app-runner-healing{color:#fecaca;background:#ef44441f;border-radius:8px;margin:0 0 .35rem;padding:.45rem .65rem;font-size:.78rem}.app-runner-heal-bar{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.app-runner-heal-bar button{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .65rem;font-size:.72rem}.app-runner-debug-toggle{z-index:20;border:1px solid color-mix(in srgb, var(--fg) 20%, transparent);background:color-mix(in srgb, var(--bg) 90%, transparent);color:var(--muted);cursor:pointer;border-radius:6px;padding:.25rem .5rem;font-size:.65rem;position:absolute;bottom:.5rem;right:.5rem}.runner-debug-panel{z-index:25;border:1px solid color-mix(in srgb, var(--fg) 15%, transparent);background:color-mix(in srgb, var(--bg) 94%, transparent);width:min(92vw,320px);max-height:40vh;color:var(--fg);border-radius:10px;padding:.65rem;font-size:.68rem;position:absolute;bottom:2rem;right:.5rem;overflow:auto}.runner-debug-panel header{margin-bottom:.35rem;font-weight:700}.runner-debug-panel dl{grid-template-columns:auto 1fr;gap:.15rem .5rem;margin:0 0 .5rem;display:grid}.runner-debug-error{white-space:pre-wrap;color:#fca5a5;margin:0 0 .5rem;font-size:.62rem}.runner-debug-panel ul{margin:0;padding-left:1rem}
.studio-ambient{z-index:1;contain:strict;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.studio-ambient-nova{filter:blur(64px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite studioNovaDrift;position:absolute}.studio-ambient-nova--1{background:#7c3aed6b;width:340px;height:340px;top:18%;left:-8%}.studio-ambient-nova--2{background:#a78bfa59;width:280px;height:280px;animation-duration:22s;animation-delay:-6s;bottom:12%;right:-6%}.studio-ambient-ring{opacity:.35;border:1px solid #a78bfa47;border-radius:50%;animation:12s ease-in-out infinite studioRingPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-ambient-ring--1{width:min(120vw,900px);height:min(120vw,900px)}.studio-ambient-ring--2{border-color:#7c3aed38;width:min(90vw,640px);height:min(90vw,640px);animation-delay:-3s}.studio-ambient-ring--3{opacity:.5;width:min(60vw,420px);height:min(60vw,420px);animation-delay:-5s}.studio-ambient-beam{filter:blur(1px);opacity:.4;background:linear-gradient(#0000,#c4b5fd8c,#0000);width:2px;height:55%;animation:10s ease-in-out infinite studioBeamSway;position:absolute;top:10%}.studio-ambient-beam--1{left:22%;transform:rotate(-8deg)}.studio-ambient-beam--2{animation-delay:-4s;right:20%;transform:rotate(10deg)}.studio-ambient-vortex{filter:blur(24px);opacity:.65;background:conic-gradient(#0000,#a78bfa1f,#0000,#7c3aed1a,#0000);border-radius:50%;width:min(70vw,520px);height:min(70vw,520px);animation:40s linear infinite studioVortexSpin;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.studio-ambient-spark{opacity:.7;width:4px;height:4px;animation:8s ease-in-out infinite studioSparkFloat;animation-delay:calc(var(--spark-i,0) * -.55s);background:#e9d5ff;border-radius:50%;position:absolute;box-shadow:0 0 12px #c4b5fde6}.studio-ambient-spark--1{top:24%;left:12%}.studio-ambient-spark--2{top:18%;left:78%}.studio-ambient-spark--3{top:72%;left:65%}.studio-ambient-spark--4{top:68%;left:28%}.studio-ambient-spark--5{top:12%;left:48%}.studio-ambient-spark--6{top:48%;left:88%}.studio-dashboard-bg{z-index:0;background:radial-gradient(55% 45% at 72% 38%,#7c3aed29,#0000 62%),radial-gradient(50% 40% at 18% 62%,#a78bfa1f,#0000 58%);position:absolute;inset:0;pointer-events:none!important}html[data-theme=light] .studio-dashboard-bg{background:radial-gradient(55% 45% at 72% 38%,#7c3aed1a,#0000 62%),radial-gradient(50% 40% at 18% 62%,#a78bfa14,#0000 58%)}@keyframes studioNovaDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12px,-16px)scale(1.06)}}@keyframes studioRingPulse{0%,to{opacity:.25;transform:translate(-50%,-50%)scale(.98)}50%{opacity:.45;transform:translate(-50%,-50%)scale(1.02)}}@keyframes studioBeamSway{0%,to{opacity:.25;transform:rotate(-8deg)scaleY(.95)}50%{opacity:.55;transform:rotate(-4deg)scaleY(1.05)}}@keyframes studioVortexSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes studioSparkFloat{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.95;transform:translate(6px,-10px)}}@media (prefers-reduced-motion:reduce){.studio-ambient-nova,.studio-ambient-ring,.studio-ambient-beam,.studio-ambient-vortex,.studio-ambient-spark{animation:none!important}}