@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--layer-base:1;--layer-raised:2;--layer-floating:30;--layer-popover:100;--layer-shell:300;--layer-overlay:700;--layer-fullscreen:10000;--layer-modal:11000;--layer-notification:12000;--color-bg:#f6f7fb;--color-bg-soft:#eef2ff;--color-bg-warm:#fff7ed;--color-surface:#fff;--color-surface-raised:#f8fafc;--color-surface-glass:#ffffffe0;--color-ink:#0b1020;--color-ink-2:#3b4360;--color-muted:#6b7390;--color-line:#e2e8f0;--color-line-strong:#cbd5e1;--color-primary:#2d5bff;--color-primary-hover:#1d4ed8;--color-primary-ink:#1d3fd1;--color-primary-soft:#e9eeff;--color-success:#1f7d4f;--color-success-soft:#e8f7ee;--color-danger:#dc2626;--color-danger-soft:#fef2f2;--color-warning:#92400e;--color-warning-soft:#fffbeb;--shadow-card:0 1px 0 #0f172a0a, 0 1px 2px #0f172a0a;--shadow-panel:0 18px 40px #0f172a14;--shadow-popover:0 12px 32px #0f172a24;--shadow-modal:0 28px 80px #0f172a3d;--focus-ring:#2d5bff38;--modal-backdrop-bg:#0f172a99;--radius-panel:28px;--radius-card:24px;--radius-card-compact:18px;--radius-control:999px;--radius-control-compact:8px;--radius-modal:24px;--radius-avatar:50%;--action-primary-bg:var(--color-primary);--action-primary-hover-bg:var(--color-primary-hover);--action-primary-shadow:none;--action-primary-hover-shadow:none;--bg:var(--color-bg);--ink:var(--color-ink);--muted:var(--color-muted);--card:var(--color-surface-glass);--line:var(--color-line);--accent:var(--color-primary);--accent-soft:#2d5bff1a;--blue-soft:#2d5bff14;--explore-bg-1:#eaf0ff;--explore-bg-2:#f1eefb;--explore-bg-3:#eef2ff;--explore-ink:var(--color-ink);--explore-ink-2:var(--color-ink-2);--explore-muted:var(--color-muted);--explore-line:#e6e8f1;--explore-line-2:#eef0f7;--explore-primary:var(--color-primary);--explore-primary-ink:var(--color-primary-ink);--explore-primary-soft:var(--color-primary-soft);--explore-heart:#ff3a6e;--explore-heart-soft:#ffe6ee;--explore-surface:var(--color-surface);--explore-surface-soft:var(--color-surface-raised);--explore-shadow:var(--shadow-card);--explore-radius-card:8px;--explore-radius-control:999px;--explore-radius-modal:8px;--explore-modal-scrim:#0b10206b;--explore-player-overlay:#000000d1;--explore-player-bg:#0b1020;--explore-player-bar:#161c2e;--explore-player-heading:#fff;--explore-player-ink:#c8d0e8;--explore-player-muted:#b9c5dd;--explore-player-control-bg:#ffffff0f;--explore-player-control-border:#ffffff26;--explore-player-control-hover-bg:#ffffff1f;--explore-player-control-hover-border:#ffffff4d;--explore-player-control-hover-ink:#fff;--explore-player-cta-bg:#7dd3fc;--explore-player-cta-ink:#04111f;--explore-player-cta-shadow:0 18px 42px #7dd3fc57;--plans-ink:var(--color-ink);--plans-ink-2:var(--color-ink-2);--plans-muted:var(--color-muted);--plans-line:#e6e8f1;--plans-line-2:#eef0f7;--plans-primary:var(--color-primary);--plans-primary-ink:var(--color-primary-ink);--plans-primary-soft:var(--color-primary-soft);--plans-success:var(--color-success);--plans-danger:#c53d2e;--plans-surface:var(--color-surface);--plans-surface-soft:var(--color-surface-raised);--plans-shadow:var(--shadow-card);--home-bg:#f6f7fb;--home-bg-2:#eef2ff;--home-panel:#fff;--home-panel-2:#f7f9ff;--home-line:#2d5bff2e;--home-line-2:#2d5bff4d;--home-ink:#0b1020;--home-ink-2:#3b4360;--home-muted:#6b7390;--home-violet:#2d5bff;--home-violet-2:#6d5dfc;--home-pink:#ec4899;--home-cyan:#0891b2;--home-gold:#d97706;--home-green:#10b981;--home-shadow:0 18px 50px #0f172a1f;--home-nav-bg:#ffffffdb;--home-card-bg:#ffffffe0;--home-ribbon-bg:linear-gradient(100deg, #fffffff5, #f1f5f9f5);--home-link-hover:var(--home-ink)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a0614;--color-bg-soft:#170d33;--color-bg-warm:#1b0f3c;--color-surface:#120c26;--color-surface-raised:#171030;--color-surface-glass:#120c26e6;--color-ink:#f4f1ff;--color-ink-2:#c9c2e8;--color-muted:#8f87b5;--color-line:#9678ff2e;--color-line-strong:#9678ff57;--color-primary:#8b5cf6;--color-primary-hover:#a855f7;--color-primary-ink:#c4b5fd;--color-primary-soft:#8b5cf629;--color-success:#34d399;--color-success-soft:#34d39924;--color-danger:#fda4af;--color-danger-soft:#fb718524;--color-warning:#fbbf24;--color-warning-soft:#fbbf2424;--shadow-card:0 1px 0 #c4b5fd0f inset, 0 0 0 1px #8b5cf60f, 0 12px 34px #6d2de838;--shadow-panel:0 1px 0 #c4b5fd0f inset, 0 0 0 1px #8b5cf60f, 0 12px 34px #6d2de838;--shadow-popover:0 22px 60px #6d2de861, 0 12px 32px #06021499;--shadow-modal:0 30px 90px #6d2de857, 0 10px 40px #060214b3, 0 1px 0 #c4b5fd1a inset;--focus-ring:#8b5cf63d;--modal-backdrop-bg:#0a0614ad;--radius-panel:16px;--radius-card:16px;--radius-card-compact:12px;--radius-control:12px;--radius-control-compact:8px;--radius-modal:20px;--radius-avatar:9px;--action-primary-bg:linear-gradient(135deg, #8b5cf6 0%, #a855f7 55%, #ec4899 130%);--action-primary-hover-bg:linear-gradient(135deg, #9d75f8 0%, #b56bf9 55%, #f05fa8 130%);--action-primary-shadow:0 6px 20px #8b5cf66b;--action-primary-hover-shadow:0 8px 26px #8b5cf68c;--accent-soft:#8b5cf629;--blue-soft:#9678ff1a;--explore-bg-1:var(--color-bg-soft);--explore-bg-2:var(--color-bg-warm);--explore-bg-3:#100a26;--explore-line:var(--color-line);--explore-line-2:#9678ff1a;--explore-heart-soft:#ff3a6e29;--explore-radius-card:12px;--explore-radius-control:12px;--explore-radius-modal:20px;--explore-modal-scrim:#0a06149e;--explore-player-overlay:#0a0614d1;--explore-player-bg:var(--color-bg);--explore-player-bar:var(--color-surface);--explore-player-heading:var(--color-ink);--explore-player-ink:var(--color-ink-2);--explore-player-muted:var(--color-muted);--explore-player-control-bg:var(--color-surface-raised);--explore-player-control-border:var(--color-line);--explore-player-control-hover-bg:var(--color-primary-soft);--explore-player-control-hover-border:var(--color-line-strong);--explore-player-control-hover-ink:var(--color-primary-ink);--explore-player-cta-bg:var(--action-primary-bg);--explore-player-cta-ink:#fff;--explore-player-cta-shadow:var(--action-primary-shadow);--plans-line:var(--color-line);--plans-line-2:#9678ff1a;--plans-danger:var(--color-danger);--home-bg:#0a0614;--home-bg-2:#0d0820;--home-panel:#120c26;--home-panel-2:#171030;--home-line:#9678ff2e;--home-line-2:#9678ff4d;--home-ink:#f4f1ff;--home-ink-2:#c9c2e8;--home-muted:#8f87b5;--home-violet:#8b5cf6;--home-violet-2:#a855f7;--home-cyan:#22d3ee;--home-gold:#fbbf24;--home-green:#34d399;--home-shadow:0 18px 50px #060214b3;--home-nav-bg:#0a0614db;--home-card-bg:#0805129e;--home-ribbon-bg:linear-gradient(100deg, #1e123cf2, #140c2cf2);--home-link-hover:#fff}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(1200px 800px at 10% -10%, var(--color-bg-soft) 0%, transparent 60%), radial-gradient(1200px 800px at 110% 10%, var(--color-bg-warm) 0%, transparent 60%), var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{max-width:1120px;margin:0 auto;padding:40px 24px 72px}.app-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.app-brand-link{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.app-brand-link .sphera-brand-badge{width:32px;height:32px}.nav-pills{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.nav-pills a{border:1px solid var(--line);background:var(--color-surface-glass);border-radius:var(--radius-control);padding:11px 16px;font-weight:800}.hero-card,.panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--card);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card{padding:32px}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:800}.hero-card h1,.panel h2{margin:0}.hero-card h1{max-width:10ch;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.98}.lede{max-width:60ch;color:var(--muted);margin:20px 0 0;font-size:1.05rem;line-height:1.65}.hero-links{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-links a{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--color-surface);padding:12px 18px;font-weight:700}.hero-links a:first-child{background:var(--action-primary-bg);color:#fff;box-shadow:var(--action-primary-shadow);border-color:#0000}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.overview-grid,.account-shell,.billing-admin-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.billing-admin-aside{flex-direction:column;gap:20px;display:flex;position:sticky;top:20px}.billing-admin-main{flex-direction:column;gap:24px;display:flex}.admin-scroll-list{max-height:600px;padding-right:4px;overflow-y:auto}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:24px}.panel.accent{background:linear-gradient(180deg, var(--color-surface) 0%, var(--accent-soft) 100%)}.panel ul{color:var(--muted);margin:18px 0 0;padding-left:18px;line-height:1.7}.kid-card,.metric-card,.row-card,.picker-option,.subpanel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--color-surface-glass)}.kid-card{box-shadow:var(--shadow-card);padding:24px}.balance-card{background:linear-gradient(135deg, var(--accent-soft), var(--color-bg-soft))}.balance-card h2{margin:10px 0 12px;font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.balance-card p{color:var(--muted);max-width:36ch}.checkout-summary-card{background:linear-gradient(135deg, var(--color-success-soft), var(--color-surface-glass));margin-bottom:24px;padding:28px}.checkout-summary-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.checkout-summary-header h2{margin:0}.checkout-summary-copy{max-width:62ch;color:var(--muted);margin:12px 0 0;line-height:1.65}.checkout-summary-badge{border-radius:var(--radius-control);border:1px solid var(--color-success-soft);background:var(--color-surface-glass);color:var(--color-success);white-space:nowrap;justify-content:center;align-items:center;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex}.checkout-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.checkout-summary-stat{border:1px solid var(--line);border-radius:var(--radius-card-compact);background:var(--color-surface-glass);padding:16px}.checkout-summary-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;display:block}.checkout-summary-stat strong{margin-top:8px;line-height:1.35;display:block}.checkout-summary-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.checkout-summary-note{color:var(--muted);margin:14px 0 0}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.tag,.mini-tag,.pill-number{border-radius:var(--radius-control);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.tag,.mini-tag{border:1px solid var(--line);background:var(--color-surface);color:var(--muted)}.tag{padding:8px 12px;font-size:12px}.mini-tag{padding:6px 10px;font-size:11px}.pill-number{background:var(--accent-soft);min-width:56px;color:var(--ink);padding:10px 14px}.pill-number.positive{background:var(--blue-soft)}.stack-list,.support-list{flex-direction:column;gap:12px;display:flex}.row-card{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.route-card{display:block}.route-card h2{margin:4px 0 12px}.row-card strong,.metric-card strong,.panel-header h2{display:block}.row-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.row-card p,.support-list span,.empty-state p{color:var(--muted);margin:4px 0 0}.support-list a{color:var(--accent);font-weight:700}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.billing-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.billing-action-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-option-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--color-surface-raised);flex-direction:column;gap:14px;padding:18px;display:flex}.billing-option-card.active{border-color:var(--color-line-strong);background:linear-gradient(180deg, var(--accent-soft), var(--color-surface-glass))}.billing-option-metrics{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.billing-option-actions{flex-wrap:wrap;gap:10px;display:flex}.metric-grid.compact{margin-bottom:18px}.top-gap{margin-top:14px}.metric-card{padding:16px}.accent-card{background:linear-gradient(180deg, var(--accent-soft), var(--color-surface-glass))}.metric-card strong{color:var(--ink);font-size:1.2rem}.metric-card span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.admin-panel{background:linear-gradient(180deg, var(--color-surface-glass), var(--color-surface-raised))}.analytics-panel{grid-column:span 2}.analytics-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.subpanel{padding:16px}.subpanel-header{margin-bottom:12px}.user-row.active{border-color:var(--color-line-strong);box-shadow:inset 0 0 0 1px var(--focus-ring)}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.picker-option{align-items:center;gap:10px;padding:12px 14px;display:flex}.segmented-actions{gap:10px;margin-top:12px;display:flex}.ghost-button{border:1px solid var(--line);border-radius:var(--radius-control);font:inherit;background:var(--color-surface);color:var(--ink);cursor:pointer;padding:10px 14px;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.stack-field{margin-top:12px;display:block}.form-grid label,.stack-field{color:var(--muted);font-size:13px;font-weight:700}.form-grid span,.stack-field span{margin-bottom:8px;display:block}.form-grid input,.form-grid select,.stack-field input{border:1px solid var(--line);background:var(--color-surface);width:100%;font:inherit;color:var(--ink);border-radius:14px;padding:12px 14px}.form-actions{align-items:center;gap:14px;margin-top:18px;display:flex}.form-actions button{border-radius:var(--radius-control);font:inherit;background:var(--action-primary-bg);color:#fff;cursor:pointer;box-shadow:var(--action-primary-shadow);border:0;padding:12px 18px;font-weight:800}.auth-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--layer-overlay);background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.form-actions a{font-weight:700}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.inline-message{color:var(--muted);margin:0;font-size:14px}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-card);background:var(--color-surface-glass);padding:18px}.loading-card,.auth-card{max-width:760px;margin:0 auto}.auth-card{padding:28px}.mode-toggle{border-radius:var(--radius-control);background:var(--blue-soft);gap:8px;padding:6px;display:inline-flex}.mode-toggle a,.primary-button,.project-pill,.admin-list-item,.file-entry{font:inherit}.mode-toggle a{border-radius:var(--radius-control-compact);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 14px;font-weight:800;text-decoration:none}.mode-toggle a.active{background:var(--color-surface);color:var(--ink);box-shadow:var(--shadow-panel)}.auth-form,.form-stack{flex-direction:column;gap:14px;display:flex}.field{color:var(--muted);font-size:13px;font-weight:700;display:block}.field span{margin-bottom:8px;display:block}.field input,.field select,.field textarea{border-radius:var(--radius-card-compact);border:1px solid var(--line);background:var(--color-surface-glass);width:100%;font:inherit;color:var(--ink);padding:13px 14px}.field textarea{resize:vertical;min-height:190px}.form-error{color:var(--color-danger);margin:0;font-weight:700}.primary-button{border-radius:var(--radius-control);background:var(--action-primary-bg);color:#fff;cursor:pointer;box-shadow:var(--action-primary-shadow);border:0;padding:13px 18px;font-weight:800}.secondary-button{border:1px solid var(--color-line-strong);border-radius:var(--radius-control);font:inherit;background:var(--color-surface);color:var(--accent);cursor:pointer;padding:13px 18px;font-weight:800}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.file-entry:disabled{opacity:.5;cursor:not-allowed}.support-copy,.empty-copy{color:var(--muted);margin:0;line-height:1.6}.studio-grid{grid-template-columns:360px minmax(0,1fr);gap:20px;display:grid}.studio-sidebar,.studio-main{flex-direction:column;gap:18px;display:flex}.project-stack{flex-direction:column;gap:16px;display:flex}.panel-header.compact{margin-bottom:10px}.project-pill-list,.admin-list,.file-list{flex-direction:column;gap:10px;display:flex}.project-pill,.admin-list-item,.file-entry{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--color-surface-glass);text-align:left;cursor:pointer;width:100%;padding:14px 16px}.project-pill strong,.admin-list-item strong,.file-entry strong{margin-bottom:4px;display:block}.project-pill span,.admin-list-item span,.file-entry span,.admin-list-item small{color:var(--muted);display:block}.project-pill.active,.admin-list-item.active{border-color:var(--color-line-strong);box-shadow:inset 0 0 0 1px var(--focus-ring);background:linear-gradient(180deg, var(--accent-soft), var(--color-surface-glass))}.status-banner{border-radius:var(--radius-card);border:1px solid var(--color-line);background:linear-gradient(180deg, var(--accent-soft), var(--color-surface-glass));color:var(--ink);padding:14px 16px;font-weight:700}.status-banner.success{background:linear-gradient(180deg, var(--color-success-soft), var(--color-surface-glass));border-color:#16a34a29}.status-banner.error{background:linear-gradient(180deg, var(--color-danger-soft), var(--color-surface-glass));border-color:#dc262629}.status-chip{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--color-surface);color:var(--muted);justify-content:center;align-items:center;padding:10px 14px;font-weight:800;display:inline-flex}.prompt-card{flex-direction:column;gap:16px;display:flex}.action-row,.runtime-links,.mini-facts{flex-wrap:wrap;gap:12px;display:flex}.runtime-links a{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--color-surface);padding:11px 15px;font-weight:800}.workspace-columns,.json-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mini-facts{margin:16px 0 0;padding:0;list-style:none}.mini-facts li{border-radius:var(--radius-control);background:var(--blue-soft);color:var(--muted);padding:9px 12px;font-weight:700}.migration-admin-grid{grid-template-columns:320px 360px minmax(0,1fr);gap:20px;display:grid}.file-panel{margin-top:16px}.entry-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.entry-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.json-view pre{border-radius:var(--radius-card-compact);background:var(--color-ink);max-height:320px;color:var(--color-bg);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px;font-size:12px;line-height:1.55;overflow:auto}@media (max-width:780px){.page-shell{padding:24px 16px 48px}.app-header,.hero-card,.panel{border-radius:22px}.app-header,.account-shell,.admin-grid,.studio-grid,.migration-admin-grid,.overview-grid,.workspace-columns,.json-panels,.analytics-grid,.detail-grid,.metric-grid,.checkout-summary-grid,.billing-action-grid,.form-grid,.picker-grid,.entry-row{grid-template-columns:1fr}.panel-header,.checkout-summary-header,.row-card,.form-actions{flex-direction:column;align-items:stretch}}.sphera-loading-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-glass);max-width:420px;box-shadow:var(--shadow-panel);margin:72px auto;padding:24px}.sphera-explore-page{min-height:100vh;color:var(--explore-ink);background:radial-gradient(1200px 600px at -10% -10%, var(--explore-bg-1) 0%, transparent 60%), radial-gradient(1200px 700px at 110% 0%, var(--explore-bg-3) 0%, transparent 55%), radial-gradient(900px 500px at 50% 110%, var(--explore-bg-2) 0%, transparent 60%), var(--color-bg)}.sphera-explore-page *{box-sizing:border-box}.sphera-explore-page button,.sphera-explore-page input{font:inherit}.sphera-explore-page button{cursor:pointer}@keyframes sphera-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sphera-explore-page .skeleton{background:linear-gradient(90deg, var(--color-line) 25%, var(--color-surface-raised) 50%, var(--color-line) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s infinite sphera-shimmer;display:inline-block}.sphera-explore-page .explore-main{width:100%;max-width:1320px;margin:0 auto;padding:28px 36px 80px}.sphera-explore-page .topbar,.sphera-explore-page .top-actions,.sphera-explore-page .page-head,.sphera-explore-page .filters,.sphera-explore-page .section-head,.sphera-explore-page .gtop,.sphera-explore-page .gcreator,.sphera-explore-page .gstats,.sphera-explore-page .creator-row,.sphera-explore-page .spot-stats,.sphera-explore-page .spot-cta-row,.sphera-explore-page .modal-actions,.sphera-explore-page .toast{align-items:center;display:flex}.sphera-explore-page .topbar{justify-content:flex-end;gap:12px;margin-bottom:18px}.sphera-explore-page .top-search{border:1px solid var(--explore-line);border-radius:var(--explore-radius-control);background:var(--explore-surface);width:100%;color:var(--explore-muted);align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:13px;display:flex}.sphera-explore-page .top-search input{min-width:0;color:var(--explore-ink);background:0 0;border:0;outline:0;flex:1}.sphera-explore-page .top-actions{gap:10px}.sphera-explore-page .claim-btn,.sphera-explore-page .explore-btn,.sphera-explore-page .chip,.sphera-explore-page .sort,.sphera-explore-page .card-fork,.sphera-explore-page .follow-btn,.sphera-explore-page .t-link{border-radius:var(--explore-radius-control);justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.sphera-explore-page .claim-btn,.sphera-explore-page .btn-primary{background:var(--action-primary-bg);color:#fff;box-shadow:var(--action-primary-shadow);border:0}.sphera-explore-page .claim-btn{padding:8px 16px 8px 12px;font-size:13px}.sphera-explore-page .claim-btn svg{width:16px;height:16px}.sphera-explore-page .page-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:6px 0 22px}.sphera-explore-page h1,.sphera-explore-page h2,.sphera-explore-page h3,.sphera-explore-page p{letter-spacing:0}.sphera-explore-page h1{align-items:center;gap:10px;margin:0;font-size:28px;font-weight:800;display:flex}.sphera-explore-page .live-dot{background:#22c55e;border-radius:999px;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #22c55e2e}.sphera-explore-page .explore-lede{max-width:560px;color:var(--explore-muted);margin:6px 0 0;font-size:14px;line-height:1.5}.sphera-explore-page .head-meta{color:var(--explore-muted);text-align:right;font-size:12.5px;line-height:1.6}.sphera-explore-page .head-meta strong{color:var(--explore-ink-2);font-weight:600}.sphera-explore-page .spotlight,.sphera-explore-page .gcard,.sphera-explore-page .explore-panel,.sphera-explore-page .modal{border:1px solid var(--explore-line);border-radius:var(--explore-radius-card);background:var(--explore-surface);box-shadow:var(--explore-shadow)}.sphera-explore-page .spotlight{grid-template-columns:1.25fr 1fr;gap:22px;margin-bottom:26px;padding:18px;display:grid;position:relative;overflow:hidden}.sphera-explore-page .spot-thumb{aspect-ratio:16/10;border-radius:var(--explore-radius-card);color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;align-items:flex-end;min-height:250px;padding:18px;display:flex;position:relative;overflow:hidden}.sphera-explore-page .spot-thumb:disabled{cursor:default}.sphera-explore-page .spot-thumb:focus-visible{outline-offset:3px;outline:3px solid #7dd3fcb8}.sphera-explore-page .spot-thumb:before{content:"";background:radial-gradient(360px 220px at 18% 22%,#ffffff8c,#0000 60%),radial-gradient(420px 240px at 80% 80%,#141e5059,#0000 60%);position:absolute;inset:0}.sphera-explore-page .spot-glyph,.sphera-explore-page .badge-plays{border-radius:var(--explore-radius-control);font-size:11px;font-weight:600;position:absolute}.sphera-explore-page .spot-glyph{color:var(--explore-primary-ink);text-transform:uppercase;background:#ffffffd9;padding:4px 10px;top:14px;left:14px}.sphera-explore-page .spot-info{flex-direction:column;justify-content:center;gap:14px;padding:8px 4px 8px 0;display:flex}.sphera-explore-page .spot-info h2{margin:0;font-size:26px;font-weight:800;line-height:1.15}.sphera-explore-page .spot-info p{max-width:46ch;color:var(--explore-ink-2);margin:0;font-size:14px;line-height:1.55}.sphera-explore-page .creator-row{gap:10px}.sphera-explore-page .creator-row .avatar{width:32px;height:32px;font-size:12px}.sphera-explore-page .creator-name{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.sphera-explore-page .creator-handle{color:var(--explore-muted);font-size:12.5px}.sphera-explore-page .spot-stats{flex-wrap:wrap;gap:18px}.sphera-explore-page .stat{color:var(--explore-ink-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.sphera-explore-page .stat svg{width:14px;height:14px}.sphera-explore-page .stat .heart{color:var(--explore-heart)}.sphera-explore-page .spot-cta-row{gap:8px;margin-top:4px}.sphera-explore-page .explore-btn{border:0;font-size:13px}.sphera-explore-page .explore-btn svg{flex:none;width:14px;height:14px}.sphera-explore-page .btn-primary{padding:10px 18px}.sphera-explore-page .btn-ghost{border:1px solid var(--explore-line);background:var(--explore-surface);color:var(--explore-ink-2);padding:9px 14px}.sphera-explore-page .btn-ghost:hover,.sphera-explore-page .chip:hover,.sphera-explore-page .sort:hover,.sphera-explore-page .follow-btn:hover,.sphera-explore-page .card-fork:hover{border-color:var(--explore-line);color:var(--explore-primary-ink)}.sphera-explore-page .filters{flex-wrap:wrap;gap:8px;margin-bottom:18px}.sphera-explore-page .chip,.sphera-explore-page .sort{border:1px solid var(--explore-line);background:var(--explore-surface);color:var(--explore-ink-2);padding:6px 12px;font-size:12.5px}.sphera-explore-page .chip.active{border-color:var(--explore-line);background:var(--explore-primary-soft);color:var(--explore-primary-ink)}.sphera-explore-page .sep{background:var(--explore-line);width:1px;height:20px;margin:0 4px}.sphera-explore-page .grow{flex:1}.sphera-explore-page .explore-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.sphera-explore-page .section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0 12px}.sphera-explore-page .section-head h2,.sphera-explore-page .explore-panel h2{margin:0;font-size:15px;font-weight:700}.sphera-explore-page .section-head .see{color:var(--explore-primary-ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600;text-decoration:none}.sphera-explore-page .next-section{margin-top:32px}.sphera-explore-page .explore-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.sphera-explore-page .gcard{color:inherit;flex-direction:column;gap:10px;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.sphera-explore-page .gcard:hover{border-color:var(--explore-line);box-shadow:var(--shadow-panel);transform:translateY(-2px)}.sphera-explore-page .gthumb{aspect-ratio:16/10;border-radius:var(--explore-radius-card);color:#fff;justify-content:space-between;align-items:flex-end;padding:10px;font-size:11px;font-weight:600;display:flex;position:relative;overflow:hidden}.sphera-explore-page .gthumb:before{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0b102073);position:absolute;inset:0}.sphera-explore-page .badge-plays{color:#0b1020;background:#ffffffeb;align-items:center;gap:5px;padding:3px 9px;font-weight:700;display:inline-flex;position:relative}.sphera-explore-page .badge-plays svg{width:11px;height:11px}.sphera-explore-page .th-1{background:linear-gradient(135deg,#bfd3ff,#9eb6ff 60%,#7d99ff)}.sphera-explore-page .th-2{background:linear-gradient(135deg,#ffd9b8,#ffb27a 60%,#ff8a55)}.sphera-explore-page .th-3{background:linear-gradient(135deg,#c7f1d8,#8be0b1 60%,#52c98c)}.sphera-explore-page .th-4{background:linear-gradient(135deg,#e4ceff,#bd9cff 60%,#8e6df0)}.sphera-explore-page .th-5{background:linear-gradient(135deg,#fcc8d4,#f49ab1 60%,#ec6b8c)}.sphera-explore-page .th-6{background:linear-gradient(135deg,#bfeff9,#86d4e8 60%,#4eb5d0)}.sphera-explore-page .th-7{background:linear-gradient(135deg,#fff0a3,#ffd76b 60%,#f0b631)}.sphera-explore-page .th-8{background:linear-gradient(135deg,#d2d3df,#a9accc 60%,#7e83b3)}.sphera-explore-page .th-9{background:linear-gradient(135deg,#c9e1ff,#a8c8ff 50%,#7ea7ff)}.sphera-explore-page .th-10{background:linear-gradient(135deg,#ffd3eb,#f7a8d6 60%,#df6fb6)}.sphera-explore-page .th-11{background:linear-gradient(135deg,#b8f5e6,#73e2c6 60%,#3fc5a4)}.sphera-explore-page .th-12{background:linear-gradient(135deg,#dcdcff,#a8a8ff 60%,#7c7cf0)}.sphera-explore-page .gtop{justify-content:space-between;align-items:flex-start;gap:8px}.sphera-explore-page .gtitle{color:var(--explore-ink);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.sphera-explore-page .gcreator{min-width:0;color:var(--explore-muted);gap:8px;font-size:12px}.sphera-explore-page .avatar{border-radius:var(--radius-avatar);color:#fff;flex:none;place-items:center;font-weight:700;display:grid}.sphera-explore-page .gcreator .avatar{width:20px;height:20px;font-size:10px}.sphera-explore-page .gcreator .name{color:var(--explore-ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sphera-explore-page .gthumb-link{cursor:pointer;background:0 0;border:none;width:100%;padding:0;text-decoration:none;display:block}.sphera-explore-page .player-overlay{z-index:var(--layer-overlay);background:var(--explore-player-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sphera-explore-page .player-modal{border-radius:var(--explore-radius-modal);background:var(--explore-player-bg);flex-direction:column;width:min(95vw,1100px);height:min(90vh,720px);display:flex;overflow:hidden}.sphera-explore-page .player-bar{background:var(--explore-player-bar);flex:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sphera-explore-page .player-title{color:var(--explore-player-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sphera-explore-page .player-close{border:1px solid var(--explore-player-control-border);background:var(--explore-player-control-bg);color:var(--explore-player-ink);cursor:pointer;border-radius:var(--radius-control-compact);flex:none;padding:3px 9px;font-size:15px;transition:background .15s,color .15s}.sphera-explore-page .player-close:hover{background:var(--explore-player-control-hover-bg);color:var(--explore-player-control-hover-ink)}.sphera-explore-page .player-close svg{width:15px;height:15px;display:block}.sphera-explore-page .player-actions{flex:none;align-items:center;gap:8px;display:flex}.sphera-explore-page .player-btn-group{align-items:center;gap:4px;display:flex}.sphera-explore-page .player-divider{background:var(--explore-player-control-border);flex:none;width:1px;height:18px}.sphera-explore-page .player-like{border:1px solid var(--explore-player-control-border);background:var(--explore-player-control-bg);color:var(--explore-player-ink);cursor:pointer;border-radius:var(--explore-radius-control);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sphera-explore-page .player-like svg{width:14px;height:14px}.sphera-explore-page .player-like:hover{color:var(--explore-heart);background:#ff3a6e1f;border-color:#ff3a6e80}.sphera-explore-page .player-like.liked{color:var(--explore-heart);background:#ff3a6e26;border-color:#ff3a6e80}.sphera-explore-page .player-like:disabled{cursor:default;opacity:.4}.sphera-explore-page .player-fork{border:1px solid var(--explore-player-control-border);background:var(--explore-player-control-bg);color:var(--explore-player-ink);cursor:pointer;border-radius:var(--explore-radius-control);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sphera-explore-page .player-fork svg{width:13px;height:13px}.sphera-explore-page .player-fork:hover{border-color:var(--explore-player-control-hover-border);background:var(--explore-player-control-hover-bg);color:var(--explore-player-control-hover-ink)}.sphera-explore-page .player-fullscreen{border:1px solid var(--explore-player-control-border);background:var(--explore-player-control-bg);color:var(--explore-player-ink);cursor:pointer;border-radius:var(--explore-radius-control);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sphera-explore-page .player-fullscreen svg{flex:none;width:14px;height:14px}.sphera-explore-page .player-fullscreen:hover{border-color:var(--explore-player-control-hover-border);background:var(--explore-player-control-hover-bg);color:var(--explore-player-control-hover-ink)}.sphera-explore-page .player-frame{background:#000;border:none;flex:1;width:100%}.sphera-explore-page .gcreator{color:inherit;text-decoration:none}.sphera-explore-page .creator-who-link{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.sphera-explore-page .creator-who-link .who{flex:1;min-width:0}.sphera-explore-page .cfb-av{color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.sphera-explore-page .chip-creator{background:var(--explore-primary-soft);color:var(--explore-primary-ink);border-color:#cdd7ff;align-items:center;gap:6px;padding-left:6px;display:inline-flex}.sphera-explore-page .chip-dismiss{opacity:.55;margin-left:2px;font-size:10px}.sphera-explore-page .gstats{border-top:1px solid var(--explore-line-2);color:var(--explore-ink-2);gap:10px;padding-top:8px;font-size:12px;font-weight:600}.sphera-explore-page .gstats .s{align-items:center;gap:5px;display:inline-flex}.sphera-explore-page .gstats svg{width:13px;height:13px}.sphera-explore-page .gstats .s.likes svg,.sphera-explore-page .gstats .s.likes.liked{color:var(--explore-heart)}.sphera-explore-page .gstats button.s.likes{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.sphera-explore-page .gstats button.s.likes:hover{color:var(--explore-heart)}.sphera-explore-page .explore-btn:disabled,.sphera-explore-page .follow-btn:disabled,.sphera-explore-page .gstats button.s.likes:disabled{cursor:not-allowed;opacity:.55}.sphera-explore-page .card-fork{border:1px solid var(--explore-line);background:var(--explore-surface);color:var(--explore-ink-2);padding:4px 8px;font-size:11.5px}.sphera-explore-page .new-tag,.sphera-explore-page .hot-tag{color:#fff;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.sphera-explore-page .new-tag{background:linear-gradient(135deg,#22c55e,#10b981)}.sphera-explore-page .hot-tag{background:linear-gradient(135deg,#ff7a45,#ff3a6e)}.sphera-explore-page .av-a{background:#2d5bff}.sphera-explore-page .av-b{background:#d97757}.sphera-explore-page .av-c{background:#0ea5e9}.sphera-explore-page .av-d{background:#8b5cf6}.sphera-explore-page .av-e{background:#10b981}.sphera-explore-page .av-f{background:#f59e0b}.sphera-explore-page .av-g{background:#ef4444}.sphera-explore-page .av-h{background:#0891b2}.sphera-explore-page .av-i{background:#7c3aed}.sphera-explore-page .av-j{background:#475569}.sphera-explore-page .av-k{background:#ec4899}.sphera-explore-page .side-panel{flex-direction:column;gap:18px;display:flex;position:sticky;top:24px}.sphera-explore-page .explore-panel{padding:14px 14px 12px}.sphera-explore-page .explore-panel h2{align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.sphera-explore-page .explore-panel h2 svg{width:14px;height:14px;color:var(--explore-primary)}.sphera-explore-page .creator-li{border-top:1px solid var(--explore-line-2);color:inherit;align-items:center;gap:10px;padding:8px 0;display:flex}.sphera-explore-page .creator-li:first-of-type{border-top:0}.sphera-explore-page .creator-li .avatar{width:32px;height:32px;font-size:12px}.sphera-explore-page .creator-li .who{flex:1;min-width:0}.sphera-explore-page .creator-li .who .n{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.sphera-explore-page .creator-li .who .h{color:var(--explore-muted);font-size:11.5px}.sphera-explore-page .follow-btn{border:1px solid var(--explore-line);color:var(--explore-ink-2);background:0 0;padding:5px 11px;font-size:11.5px}.sphera-explore-page .follow-btn.following{border-color:var(--explore-line);background:var(--explore-primary-soft);color:var(--explore-primary-ink)}.sphera-explore-page .rank{width:18px;color:var(--explore-muted);text-align:right;font-size:11px;font-weight:700}.sphera-explore-page .empty-results{border:1px dashed var(--explore-line);border-radius:var(--explore-radius-card);background:var(--color-surface-glass);color:var(--explore-muted);margin-top:16px;padding:18px}.sphera-explore-page .load-more-row{justify-content:center;margin-top:28px;display:flex}.sphera-explore-page .modal-scrim{z-index:var(--layer-overlay);background:var(--explore-modal-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sphera-explore-page .modal{border-radius:var(--explore-radius-modal);width:100%;max-width:440px;box-shadow:var(--shadow-modal);overflow:hidden}.sphera-explore-page .modal-banner{background:var(--action-primary-bg);color:#fff;align-items:flex-end;height:96px;padding:12px 16px;display:flex;position:relative}.sphera-explore-page .modal-banner:before{content:"";background:radial-gradient(300px 160px at 80% 120%,#141e5059,#0000 60%);position:absolute;inset:0}.sphera-explore-page .modal-banner .glyph{border-radius:var(--explore-radius-card);background:var(--color-surface-glass);width:44px;height:44px;color:var(--explore-primary-ink);place-items:center;display:grid;position:relative}.sphera-explore-page .modal-banner .glyph svg{width:22px;height:22px}.sphera-explore-page .modal-body{padding:18px 20px 20px}.sphera-explore-page .modal-body h2{margin:0 0 4px;font-size:18px;font-weight:800}.sphera-explore-page .modal-body .sub{color:var(--explore-muted);margin:0 0 14px;font-size:13px}.sphera-explore-page .modal-body .sub strong{color:var(--explore-ink-2);font-weight:600}.sphera-explore-page .fork-steps{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.sphera-explore-page .fork-steps li{color:var(--explore-ink-2);align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.sphera-explore-page .fork-steps .ic{border-radius:var(--explore-radius-card);background:var(--explore-primary-soft);width:26px;height:26px;color:var(--explore-primary-ink);flex:none;place-items:center;margin-top:1px;display:grid}.sphera-explore-page .fork-steps .ic svg{width:14px;height:14px}.sphera-explore-page .fork-field{margin-bottom:16px;display:block}.sphera-explore-page .fork-field span{color:var(--explore-muted);text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.sphera-explore-page .fork-field input{border:1px solid var(--explore-line);border-radius:var(--explore-radius-card);background:var(--explore-surface);width:100%;color:var(--explore-ink);outline:0;padding:10px 12px;font-size:14px}.sphera-explore-page .fork-field input:focus{border-color:var(--explore-primary);box-shadow:0 0 0 3px var(--explore-primary-soft)}.sphera-explore-page .modal-actions{justify-content:flex-end;gap:8px}.sphera-explore-page .explore-btn:disabled{cursor:default;opacity:.55}.sphera-explore-page .toast{z-index:var(--layer-notification);border-radius:var(--explore-radius-card);background:var(--color-surface);color:#fff;max-width:90vw;box-shadow:var(--shadow-popover);gap:12px;padding:12px 14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.sphera-explore-page .toast .check{border-radius:var(--explore-radius-control);background:var(--color-success);flex:none;place-items:center;width:28px;height:28px;display:grid}.sphera-explore-page .toast .check svg{color:#fff;width:16px;height:16px}.sphera-explore-page .toast .t-main{font-size:13.5px;font-weight:600}.sphera-explore-page .toast .t-sub{color:#aab2cf;margin-top:1px;font-size:12px}.sphera-explore-page .toast .t-link{background:var(--explore-primary);color:#fff;white-space:nowrap;border:0;padding:7px 12px;font-size:12.5px}@media (max-width:1100px){.sphera-explore-page .explore-layout{grid-template-columns:1fr}.sphera-explore-page .side-panel{position:static}}@media (max-width:760px){.sphera-explore-page .topbar{display:none}.sphera-explore-page .explore-main{flex-direction:column;padding:72px 16px 56px;display:flex}.sphera-explore-page .top-search{order:1}.sphera-explore-page .filters{order:2}.sphera-explore-page .spotlight{order:3}.sphera-explore-page .explore-layout{order:4}.sphera-explore-page .page-head,.sphera-explore-page .spotlight{grid-template-columns:1fr;align-items:stretch}.sphera-explore-page .page-head{flex-direction:column}.sphera-explore-page .head-meta{text-align:left}.sphera-explore-page .spot-thumb{min-height:190px}.sphera-explore-page .spot-info{padding:0}.sphera-explore-page .filters .grow{display:none}.sphera-explore-page .sort{width:100%}.sphera-explore-page .player-modal{border-radius:var(--explore-radius-modal);width:95vw;height:auto}.sphera-explore-page .player-frame{aspect-ratio:16/9;flex:none}}.sphera-auth-shell{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sphera-auth-shell.admin{background:#0f172aa3}.sphera-auth-preview-page{background:#070410;min-height:100vh}.sphera-auth-preview-stage{background:radial-gradient(740px 520px at 50% 40%,#8b5cf63d,#0000 70%),linear-gradient(#0a0614,#070410);height:100dvh;min-height:100vh;position:relative;overflow:hidden}.sphera-auth-preview-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(9px);opacity:.72;min-height:100vh;position:relative;transform:scale(1.018)}.sphera-auth-preview-skeleton:after{content:"";background:linear-gradient(#0704101a,#070410b8),#07041033;position:absolute;inset:0}.sphera-auth-preview-card{z-index:var(--layer-raised);background:radial-gradient(520px 420px at 50% 42%,#8b5cf642,#0000 68%),#07041070;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.sphera-auth-preview-page .sphera-user-avatar{color:#0000;background:url(/icon.png) 50%/cover no-repeat;overflow:hidden}.sphera-auth-preview-card .sphera-auth-shell{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;min-height:0;padding:0}.sphera-auth-preview-card .sphera-auth-card{box-shadow:0 28px 80px #00000075}.sphera-auth-preview-avatar,.sphera-auth-preview-button,.sphera-auth-preview-chip,.sphera-auth-preview-pill,.sphera-auth-preview-line,.sphera-auth-preview-stack span,.sphera-auth-preview-play{background:linear-gradient(90deg, var(--color-line) 0%, var(--color-surface-raised) 48%, var(--color-primary-soft) 100%);border-radius:999px;display:block}.sphera-auth-preview-avatar{width:34px;height:34px}.sphera-auth-preview-pill{width:168px;height:34px}.sphera-auth-preview-pill.short{width:112px}.sphera-auth-preview-button{width:72px;height:36px}.sphera-auth-preview-button.wide{width:136px}.sphera-auth-preview-chip{width:76px;height:30px}.sphera-auth-preview-line{width:74%;height:12px;margin-bottom:12px}.sphera-auth-preview-line.heading{width:160px;height:20px}.sphera-auth-preview-line.small{width:46%}.sphera-auth-preview-line.wide{width:92%}.sphera-auth-preview-composer{border:1px solid var(--color-line);background:var(--color-surface);border-radius:22px;padding:18px}.sphera-auth-preview-stack{gap:12px;display:grid}.sphera-auth-preview-stack span{border-radius:16px;height:64px}.sphera-auth-preview-player{background:linear-gradient(135deg,#2563eb3d,#0ea5e924),#e0f2fe;border-radius:18px;place-items:center;min-height:520px;display:grid}.sphera-auth-preview-play{background:#ffffffb8;border-radius:50%;width:74px;height:74px}.sphera-auth-preview-player-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.sphera-auth-card{background:var(--color-surface);border-radius:var(--studio-modal-radius,var(--radius-modal,24px));width:100%;max-width:392px;box-shadow:var(--shadow-modal);padding:32px}.sphera-auth-card.studio{border:1px solid var(--color-line);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-modal)}.sphera-auth-card.admin{max-width:400px}.sphera-brand-row{align-items:center;gap:10px;margin-bottom:24px;display:flex}.sphera-brand-row strong{letter-spacing:.01em;font-size:18px}.sphera-brand-badge{border-radius:var(--studio-brand-radius,50%);background:var(--studio-brand-bg,url(/icon.png) center / cover no-repeat);width:36px;height:36px;box-shadow:var(--studio-brand-shadow,none);color:#0000;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.sphera-brand-badge:after{content:var(--studio-brand-letter,"");color:var(--studio-brand-letter-color,transparent);font-size:14px;font-weight:800}.sphera-auth-card.studio .sphera-brand-row strong{color:var(--color-ink)}.sphera-auth-copy{margin-bottom:24px}.sphera-auth-copy h1{margin:0 0 6px;font-size:1.3rem}.sphera-auth-copy p{color:var(--color-muted);margin:0;line-height:1.5}.sphera-auth-card.studio .sphera-auth-copy p{color:var(--color-muted)}.sphera-tab-switcher{border-radius:var(--studio-status-radius,var(--radius-card-compact,14px));background:var(--color-surface-raised);gap:4px;margin-bottom:20px;padding:4px;display:flex}.sphera-auth-card.studio .sphera-tab-switcher{border:1px solid var(--color-line);background:var(--color-surface-raised)}.sphera-tab-switcher button,.sphera-tab-row button{cursor:pointer;font:inherit;background:0 0;border:0}.sphera-tab-switcher button{border-radius:var(--studio-control-radius,var(--radius-control-compact,10px));color:var(--color-muted);flex:1;padding:10px 12px;font-weight:600}.sphera-auth-card.studio .sphera-tab-switcher button{color:var(--color-muted)}.sphera-tab-switcher button.active{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-card)}.sphera-auth-card.studio .sphera-tab-switcher button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7 55%,#ec4899 130%);box-shadow:0 10px 24px #8b5cf64d}.sphera-auth-error{border-radius:var(--studio-status-radius,var(--radius-card-compact,12px));background:var(--color-danger-soft);color:var(--color-danger);margin:0 0 16px;padding:10px 12px;font-size:14px}.sphera-auth-divider{align-items:center;gap:12px;margin:0 0 16px;display:flex}.sphera-auth-divider span{background:var(--color-line);flex:1;height:1px}.sphera-auth-card.studio .sphera-auth-divider span{background:var(--color-line)}.sphera-auth-divider small{color:var(--color-muted);font-size:12px}.sphera-auth-card.studio .sphera-auth-divider small{color:var(--color-muted)}.sphera-auth-form,.sphera-modal-form,.sphera-share-form{flex-direction:column;gap:14px;display:flex}.sphera-field{flex-direction:column;gap:6px;display:flex}.sphera-field span{color:var(--color-ink-2);font-size:14px;font-weight:500}.sphera-auth-card.studio .sphera-field span{color:var(--color-ink-2)}.sphera-field-hint{color:var(--color-muted);font-size:12px;line-height:1.4}.sphera-auth-card.studio .sphera-field-hint{color:var(--color-muted)}.sphera-register-code-summary{color:var(--color-ink-2);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.sphera-auth-card.studio .sphera-register-code-summary{color:var(--color-ink-2)}.sphera-register-code-summary button{color:var(--color-primary-ink);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:600}.sphera-field input,.sphera-field select,.sphera-field textarea,.sphera-field-display-button,.sphera-file-preview textarea,.sphera-admin-card-header input,.sphera-prompt-form textarea{border:1px solid var(--color-line);border-radius:var(--studio-status-radius,var(--radius-card-compact,14px));width:100%;font:inherit;color:var(--color-ink);background:var(--color-surface);padding:11px 13px}.sphera-prompt-form textarea::placeholder{color:var(--studio-field-placeholder,var(--color-muted))}.sphera-auth-card.studio .sphera-field input,.sphera-auth-card.studio .sphera-field select,.sphera-auth-card.studio .sphera-field textarea{border-color:var(--color-line);color:var(--color-ink);background:var(--color-surface)}.sphera-auth-card.studio .sphera-field input::placeholder,.sphera-auth-card.studio .sphera-field textarea::placeholder{color:var(--color-muted)}.sphera-field textarea,.sphera-prompt-form textarea{resize:none}.sphera-field-display-button{text-align:left;cursor:pointer;background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-raised) 100%);justify-content:space-between;align-items:center;gap:16px;display:flex}.sphera-field-display-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.sphera-field-display-value{color:var(--color-ink);font-size:15px;font-weight:600}.sphera-field-display-hint{color:var(--color-muted);font-size:12px}.sphera-field-display-action{border-radius:var(--studio-control-radius,var(--radius-control,999px));background:var(--color-primary-soft);color:var(--color-primary-ink);flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:600}.sphera-field input:focus,.sphera-field select:focus,.sphera-field textarea:focus,.sphera-field-display-button:focus,.sphera-file-preview textarea:focus,.sphera-admin-card-header input:focus,.sphera-prompt-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:0}.sphera-auth-card.studio .sphera-field input:focus,.sphera-auth-card.studio .sphera-field select:focus,.sphera-auth-card.studio .sphera-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--focus-ring)}.sphera-field-display-button:hover:not(:disabled){border-color:var(--color-line-strong)}.sphera-field-display-button:disabled{cursor:not-allowed;opacity:.7}.sphera-share-loading-copy{color:var(--color-ink-2);margin:0;font-weight:600}.sphera-primary-button,.sphera-primary-inline-button,.sphera-secondary-button,.sphera-table-button,.sphera-header-button,.sphera-secondary-link,.sphera-runtime-links a{border-radius:var(--studio-control-radius,var(--radius-control,999px));justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.sphera-primary-button,.sphera-primary-inline-button{background:var(--studio-primary-action-bg,var(--action-primary-bg));color:#fff;cursor:pointer;box-shadow:var(--studio-primary-action-shadow,none);border:0;transition:background-color .16s,box-shadow .16s,transform .16s}.sphera-primary-button:hover:not(:disabled),.sphera-primary-inline-button:hover:not(:disabled){background:var(--studio-primary-action-hover-bg,var(--action-primary-hover-bg));box-shadow:var(--studio-primary-action-hover-shadow,var(--studio-primary-action-shadow,none))}.sphera-auth-card.studio .sphera-primary-button{background:var(--studio-primary-action-bg,var(--action-primary-bg));box-shadow:var(--studio-primary-action-shadow,var(--action-primary-shadow))}.sphera-inline-button-content{justify-content:center;align-items:center;gap:8px;display:inline-flex}.sphera-inline-button-spinner{border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite spin}.sphera-primary-inline-button[data-state=success]{background:var(--color-success)}.sphera-primary-inline-button[data-state=error]{background:var(--color-danger)}.sphera-primary-inline-button[data-state=submitting]{box-shadow:var(--studio-primary-action-shadow,var(--action-primary-shadow))}.sphera-primary-button:disabled,.sphera-primary-inline-button:disabled,.sphera-secondary-button:disabled,.sphera-header-button:disabled,.sphera-table-button:disabled{opacity:.55;cursor:not-allowed}.sphera-secondary-button,.sphera-header-button,.sphera-table-button,.sphera-secondary-link,.sphera-runtime-links a{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-2);cursor:pointer}.sphera-table-button.danger{color:var(--color-danger);border-color:var(--color-danger-soft)}.sphera-link-button{color:var(--color-primary-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sphera-studio-page{--studio-bg-base:var(--color-bg);--studio-bg-1:var(--color-bg-soft);--studio-bg-2:var(--color-bg-warm);--studio-bg-3:var(--color-bg-soft);--studio-page-background:radial-gradient(1200px 800px at 10% -10%, var(--studio-bg-1) 0%, transparent 60%), radial-gradient(1200px 800px at 110% 10%, var(--studio-bg-2) 0%, transparent 60%), var(--studio-bg-base);--studio-panel-bg:var(--color-surface-glass);--studio-composer-bg:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-raised) 100%);--studio-composer-empty-bg:linear-gradient(180deg, var(--color-surface) 0%, var(--color-primary-soft) 100%);--studio-chip-bg:var(--color-primary-soft);--studio-banner-bg:var(--color-primary-soft);--studio-primary-action-bg:var(--action-primary-bg,var(--color-primary));--studio-primary-action-hover-bg:var(--action-primary-hover-bg,var(--color-primary-hover));--studio-primary-action-shadow:var(--action-primary-shadow,none);--studio-primary-action-hover-shadow:var(--action-primary-hover-shadow,none);--studio-target-pill-shadow:inset 0 1px 0 #ffffffa8;--studio-panel-shadow:var(--shadow-panel);--studio-card-shadow:var(--shadow-card);--studio-popover-shadow:var(--shadow-popover);--studio-banner-radius:16px;--studio-panel-radius:24px;--studio-composer-radius:22px;--studio-control-radius:999px;--studio-compact-action-radius:var(--studio-control-radius);--studio-tab-radius:10px 10px 0 0;--studio-status-radius:18px;--studio-player-radius:20px;--studio-modal-radius:24px;--studio-player-frame-bg:#fff;--studio-brand-radius:50%;--studio-brand-bg:url(/icon.png) center / cover no-repeat;--studio-brand-shadow:none;--studio-brand-letter:"";--studio-brand-letter-color:transparent;--studio-field-placeholder:var(--color-muted);background:var(--studio-page-background)}:root[data-theme=dark] .sphera-studio-page{--color-bg:#0a0614;--color-bg-soft:#170d33;--color-bg-warm:#1b0f3c;--color-surface:#120c26;--color-surface-raised:#171030;--color-surface-glass:#120c26e6;--color-ink:#f4f1ff;--color-ink-2:#c9c2e8;--color-muted:#8f87b5;--color-line:#9678ff2e;--color-line-strong:#9678ff57;--color-primary:#8b5cf6;--color-primary-hover:#a855f7;--color-primary-ink:#c4b5fd;--color-primary-soft:#8b5cf629;--color-success:#34d399;--color-success-soft:#34d39924;--color-danger:#fda4af;--color-danger-soft:#fb718524;--color-warning:#fbbf24;--color-warning-soft:#fbbf2424;--shadow-card:0 1px 0 #c4b5fd0f inset, 0 0 0 1px #8b5cf60f, 0 12px 34px #6d2de838;--shadow-panel:0 1px 0 #c4b5fd0f inset, 0 0 0 1px #8b5cf60f, 0 12px 34px #6d2de838;--shadow-popover:0 22px 60px #6d2de861, 0 12px 32px #06021499;--shadow-modal:0 30px 90px #6d2de857, 0 10px 40px #060214b3, 0 1px 0 #c4b5fd1a inset;--focus-ring:#8b5cf63d;--bg:var(--color-bg);--ink:var(--color-ink);--muted:var(--color-muted);--card:var(--color-surface-glass);--line:var(--color-line);--accent:var(--color-primary);--accent-soft:#8b5cf629;--blue-soft:#9678ff1a;--explore-bg-1:var(--color-bg-soft);--explore-bg-2:var(--color-bg-warm);--explore-bg-3:#100a26;--explore-ink:var(--color-ink);--explore-ink-2:var(--color-ink-2);--explore-muted:var(--color-muted);--explore-line:var(--color-line);--explore-line-2:#9678ff1a;--explore-primary:var(--color-primary);--explore-primary-ink:var(--color-primary-ink);--explore-primary-soft:var(--color-primary-soft);--studio-bg-base:var(--color-bg);--studio-bg-1:var(--color-bg-soft);--studio-bg-2:var(--color-bg-warm);--studio-bg-3:#100a26;--studio-page-background:radial-gradient(1200px 600px at -10% -10%, var(--studio-bg-1) 0%, transparent 60%), radial-gradient(1200px 700px at 110% 0%, var(--studio-bg-3) 0%, transparent 55%), radial-gradient(900px 500px at 50% 110%, var(--studio-bg-2) 0%, transparent 60%), var(--studio-bg-base);--studio-panel-bg:var(--color-surface);--studio-composer-bg:var(--color-surface-raised);--studio-composer-empty-bg:var(--color-surface-raised);--studio-chip-bg:#9678ff17;--studio-banner-bg:#8b5cf624;--studio-primary-action-bg:linear-gradient(135deg, #8b5cf6 0%, #a855f7 55%, #ec4899 130%);--studio-primary-action-hover-bg:linear-gradient(135deg, #9d75f8 0%, #b56bf9 55%, #f05fa8 130%);--studio-primary-action-shadow:0 6px 20px #8b5cf66b;--studio-primary-action-hover-shadow:0 8px 26px #8b5cf68c;--studio-target-pill-shadow:none;--studio-banner-radius:14px;--studio-panel-radius:16px;--studio-composer-radius:18px;--studio-control-radius:12px;--studio-compact-action-radius:5px;--studio-tab-radius:8px 8px 0 0;--studio-status-radius:12px;--studio-player-radius:12px;--studio-modal-radius:20px;--studio-player-frame-bg:#000;--studio-brand-radius:9px;--studio-brand-bg:linear-gradient(180deg, #a855f7, #7c3aed);--studio-brand-shadow:inset 0 1px 0 #ffffff38, 0 0 14px #a855f780;--studio-brand-letter:"S";--studio-brand-letter-color:#fff;--studio-field-placeholder:#6f668f}:root[data-theme=dark]:has(.sphera-studio-page){--color-bg:#0a0614;--color-bg-soft:#170d33;--color-bg-warm:#1b0f3c;--color-surface:#120c26;--color-surface-raised:#171030;--color-surface-glass:#120c26e6;--color-ink:#f4f1ff;--color-ink-2:#c9c2e8;--color-muted:#8f87b5;--color-line:#9678ff2e;--color-line-strong:#9678ff57;--color-primary:#8b5cf6;--color-primary-hover:#a855f7;--color-primary-ink:#c4b5fd;--color-primary-soft:#8b5cf629;--color-success:#34d399;--color-success-soft:#34d39924;--color-danger:#fda4af;--color-danger-soft:#fb718524;--color-warning:#fbbf24;--color-warning-soft:#fbbf2424;--shadow-card:0 1px 0 #c4b5fd0f inset, 0 0 0 1px #8b5cf60f, 0 12px 34px #6d2de838;--shadow-panel:0 1px 0 #c4b5fd0f inset, 0 0 0 1px #8b5cf60f, 0 12px 34px #6d2de838;--shadow-popover:0 22px 60px #6d2de861, 0 12px 32px #06021499;--shadow-modal:0 30px 90px #6d2de857, 0 10px 40px #060214b3, 0 1px 0 #c4b5fd1a inset;--focus-ring:#8b5cf63d;--bg:var(--color-bg);--ink:var(--color-ink);--muted:var(--color-muted);--card:var(--color-surface-glass);--line:var(--color-line);--accent:var(--color-primary);--accent-soft:#8b5cf629;--blue-soft:#9678ff1a;--explore-bg-1:var(--color-bg-soft);--explore-bg-2:var(--color-bg-warm);--explore-bg-3:#100a26;--explore-ink:var(--color-ink);--explore-ink-2:var(--color-ink-2);--explore-muted:var(--color-muted);--explore-line:var(--color-line);--explore-line-2:#9678ff1a;--explore-primary:var(--color-primary);--explore-primary-ink:var(--color-primary-ink);--explore-primary-soft:var(--color-primary-soft);--studio-bg-base:var(--color-bg);--studio-bg-1:var(--color-bg-soft);--studio-bg-2:var(--color-bg-warm);--studio-bg-3:#100a26;--studio-page-background:radial-gradient(1200px 600px at -10% -10%, var(--studio-bg-1) 0%, transparent 60%), radial-gradient(1200px 700px at 110% 0%, var(--studio-bg-3) 0%, transparent 55%), radial-gradient(900px 500px at 50% 110%, var(--studio-bg-2) 0%, transparent 60%), var(--studio-bg-base);--studio-panel-bg:var(--color-surface);--studio-composer-bg:var(--color-surface-raised);--studio-composer-empty-bg:var(--color-surface-raised);--studio-chip-bg:#9678ff17;--studio-banner-bg:#8b5cf624;--studio-primary-action-bg:linear-gradient(135deg, #8b5cf6 0%, #a855f7 55%, #ec4899 130%);--studio-primary-action-hover-bg:linear-gradient(135deg, #9d75f8 0%, #b56bf9 55%, #f05fa8 130%);--studio-primary-action-shadow:0 6px 20px #8b5cf66b;--studio-primary-action-hover-shadow:0 8px 26px #8b5cf68c;--studio-target-pill-shadow:none;--studio-banner-radius:14px;--studio-panel-radius:16px;--studio-composer-radius:18px;--studio-control-radius:12px;--studio-compact-action-radius:5px;--studio-tab-radius:8px 8px 0 0;--studio-status-radius:12px;--studio-player-radius:12px;--studio-modal-radius:20px;--studio-player-frame-bg:#000;--studio-brand-radius:9px;--studio-brand-bg:linear-gradient(180deg, #a855f7, #7c3aed);--studio-brand-shadow:inset 0 1px 0 #ffffff38, 0 0 14px #a855f780;--studio-brand-letter:"S";--studio-brand-letter-color:#fff;--studio-field-placeholder:#6f668f}.sphera-studio-shell{height:max(100vh,1000px);color:var(--color-ink);background:var(--studio-page-background);flex-direction:column;padding:0 24px;display:flex;overflow:hidden}.sphera-studio-shell.locked{position:relative}.sphera-studio-header,.sphera-admin-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding:16px 0;display:flex}.sphera-header-actions{color:var(--color-muted);align-items:center;gap:12px;font-size:14px;display:flex}.sphera-header-link{border:1px solid var(--color-line);border-radius:var(--studio-control-radius,var(--radius-control,999px));background:var(--color-primary-soft);color:var(--color-primary-ink);justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.sphera-header-link:hover{border-color:var(--color-line-strong);background:var(--color-surface-raised)}.sphera-user-avatar-wrap{position:relative}.sphera-user-avatar{border-radius:var(--studio-brand-radius,var(--radius-avatar));background:var(--accent);color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:var(--studio-primary-action-shadow,none);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:opacity .15s;display:inline-flex}.sphera-user-avatar:hover{opacity:.85}.sphera-user-dropdown{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--studio-status-radius,var(--radius-card-compact,12px));min-width:180px;box-shadow:var(--studio-popover-shadow,var(--shadow-popover));z-index:var(--layer-popover);flex-direction:column;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0}.sphera-user-avatar-wrap:hover .sphera-user-dropdown,.sphera-user-avatar:focus+.sphera-user-dropdown,.sphera-user-dropdown:hover{display:flex}.sphera-user-dropdown-name{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px;padding:6px 8px 10px;font-size:12px;font-weight:600;display:block}.sphera-user-dropdown-item{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .1s;display:block}.sphera-user-dropdown-item:hover{background:var(--blue-soft);color:var(--accent)}.sphera-user-dropdown-signout{color:var(--color-danger);border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.sphera-user-dropdown-signout:hover{background:var(--color-danger-soft);color:var(--color-danger)}.sphera-claim-banner{border-radius:var(--studio-banner-radius,var(--radius-card-compact,16px));background:var(--studio-banner-bg,var(--color-primary-soft));border:1px solid var(--color-line);width:100%;max-width:1280px;color:var(--color-primary-ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 12px;padding:12px 18px;font-size:14px;display:flex}.sphera-claim-link{appearance:none;cursor:pointer;white-space:nowrap;color:var(--color-primary-ink);font-weight:700;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.sphera-claim-link:hover,.sphera-claim-link:focus-visible{color:var(--color-primary-hover)}.sphera-project-bar{border-radius:var(--studio-panel-radius,var(--radius-panel,24px));border:1px solid var(--color-line);background:var(--studio-panel-bg);width:100%;max-width:1280px;box-shadow:var(--studio-panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:12px;margin:0 auto 16px;padding:14px 18px;display:flex}.sphera-project-label,.sphera-project-empty{color:var(--color-muted);font-size:14px}.sphera-project-pill-row{flex-wrap:nowrap;flex:1;gap:8px;min-width:240px;padding-bottom:2px;display:flex;overflow-x:auto}.sphera-project-pill-shell{flex:none;position:relative}.sphera-project-pill{border:1px solid var(--color-line);background:var(--studio-chip-bg);color:var(--color-primary-ink);border-radius:var(--studio-control-radius,var(--radius-control,999px));font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:9px 38px 9px 14px;overflow:hidden}.sphera-project-pill.active{background:var(--studio-primary-action-bg,var(--color-primary));color:#fff;box-shadow:var(--studio-primary-action-shadow,none);border-color:#0000}.sphera-project-pill-remove{appearance:none;box-shadow:none;color:inherit;opacity:0;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .14s,color .14s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sphera-project-pill-shell:hover .sphera-project-pill-remove,.sphera-project-pill-shell:focus-within .sphera-project-pill-remove{opacity:1;pointer-events:auto}.sphera-project-pill-remove svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;width:12px;height:12px}.sphera-project-actions{align-items:center;gap:10px;display:flex}.sphera-credit-pill,.sphera-version-label{border-radius:var(--studio-control-radius,var(--radius-control,999px));justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.sphera-credit-pill{background:var(--color-primary-soft);color:var(--color-primary-ink)}.sphera-studio-header .sphera-credit-pill{white-space:nowrap}.sphera-version-label{background:var(--color-surface-raised);color:var(--color-muted);border:1px solid var(--color-line)}.sphera-version-controls{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.sphera-studio-workspace{flex:1;grid-template-columns:360px minmax(0,1fr);gap:24px;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding-bottom:16px;display:grid;overflow:hidden}.sphera-prompt-card,.sphera-player-card,.sphera-admin-card{border:1px solid var(--color-line);background:var(--studio-panel-bg,var(--color-surface-glass));border-radius:var(--studio-panel-radius,var(--radius-panel,24px));box-shadow:var(--studio-panel-shadow,var(--shadow-panel))}.sphera-prompt-card,.sphera-player-card{min-height:0;padding:24px;overflow:hidden}.sphera-panel-heading,.sphera-admin-card-header,.sphera-file-preview-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sphera-panel-heading h2,.sphera-admin-card-header h2{margin:0 0 8px;font-size:1.25rem}.sphera-project-name-row{align-items:center;gap:6px;min-width:0;margin:0 0 8px;display:flex}.sphera-prompt-heading-main{flex:auto;justify-items:start;gap:18px;min-width:0;display:grid}.sphera-prompt-heading-main .sphera-project-name-row{max-width:100%;margin:0}.sphera-project-name-row h2{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sphera-project-rename-button{appearance:none;border-radius:var(--studio-control-radius,var(--radius-control-compact));width:26px;height:26px;color:var(--color-muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .14s,background .14s,color .14s;display:inline-flex}.sphera-project-name-row:hover .sphera-project-rename-button,.sphera-project-name-row:focus-within .sphera-project-rename-button{opacity:1;pointer-events:auto}.sphera-project-rename-button:hover{background:var(--color-surface-raised);color:var(--color-primary-ink)}.sphera-project-rename-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}@media (hover:none){.sphera-project-rename-button{opacity:1;pointer-events:auto}}.sphera-panel-heading p,.sphera-admin-card-header p{color:var(--color-muted);margin:0}.sphera-prompt-card{flex-direction:column;gap:18px;display:flex}.sphera-composer-shell{border-radius:var(--studio-composer-radius,var(--radius-card,22px));border:1px solid var(--color-line);background:var(--studio-composer-bg);box-shadow:var(--studio-card-shadow,var(--shadow-card));flex-direction:column;gap:0;transition:border-color .14s,box-shadow .14s,background .14s;display:flex}.sphera-composer-shell.is-empty{border-color:var(--color-line-strong);background:var(--studio-composer-empty-bg)}.sphera-composer-shell:focus-within{border-color:var(--color-line-strong);box-shadow:var(--studio-panel-shadow,var(--shadow-panel)), 0 0 0 4px var(--focus-ring)}.sphera-prompt-credit-strip{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sphera-composer-shell.is-empty .sphera-prompt-credit-strip{border-bottom-color:var(--color-line)}.sphera-prompt-credit-copy{gap:0;min-width:0;display:grid}.sphera-prompt-credit-metric{color:var(--color-ink-2);font-size:.92rem;font-weight:500}.sphera-prompt-credit-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.sphera-credit-strip-button{appearance:none;border-radius:var(--studio-compact-action-radius,var(--studio-control-radius,var(--radius-control,999px)));background:var(--studio-primary-action-bg,var(--action-primary-bg));color:#fff;font:inherit;cursor:pointer;white-space:nowrap;box-shadow:var(--studio-primary-action-shadow,var(--action-primary-shadow));border:0;padding:6px 10px;font-size:.72rem;font-weight:700;transition:transform .14s,box-shadow .14s,opacity .14s}.sphera-credit-strip-button:hover{background:var(--studio-primary-action-hover-bg,var(--action-primary-hover-bg));box-shadow:var(--studio-primary-action-hover-shadow,var(--action-primary-hover-shadow));transform:translateY(-1px)}.sphera-empty-panel{border-radius:var(--studio-status-radius,var(--radius-card-compact));border:1px dashed var(--color-line-strong);min-height:220px;color:var(--color-muted);text-align:center;justify-content:center;align-items:center;display:flex}.sphera-prompt-form{flex-direction:column;gap:12px;padding:10px 14px 14px;display:flex}.sphera-target-elements-row{align-items:center;min-width:0;display:flex}.sphera-target-elements-pill{border:1px solid var(--color-line);border-radius:var(--studio-control-radius,var(--radius-control,999px));background:var(--color-primary-soft);max-width:100%;min-height:32px;color:var(--color-primary-ink);box-shadow:var(--studio-target-pill-shadow);align-items:center;gap:8px;padding:5px 8px 5px 10px;font-size:.82rem;font-weight:400;line-height:1.2;display:inline-flex}.sphera-target-elements-pill>span{overflow-wrap:anywhere;min-width:0}.sphera-target-elements-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:0 0 18px;width:18px;height:18px}.sphera-target-elements-clear{appearance:none;width:24px;height:24px;color:var(--color-primary-ink);cursor:pointer;background:0 0;border:0;border-radius:0;flex:0 0 24px;justify-content:center;align-items:center;transition:color .14s,transform .14s,opacity .14s;display:inline-flex}.sphera-target-elements-clear:hover:not(:disabled),.sphera-target-elements-clear:focus-visible{color:var(--color-primary-hover);transform:translateY(-1px)}.sphera-target-elements-clear:disabled{cursor:not-allowed;opacity:.64}.sphera-target-elements-clear svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.4px;width:15px;height:15px}.sphera-composer-shell .sphera-prompt-form textarea{background:0 0;border:0;border-radius:0;min-height:176px;padding:6px 2px 4px}.sphera-composer-shell .sphera-prompt-form textarea:focus{box-shadow:none;border-color:#0000}.sphera-validation-toggle{width:fit-content;color:var(--color-muted);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:inline-flex}.sphera-validation-toggle input{width:16px;height:16px;accent-color:var(--color-primary);margin:0}.sphera-player-validation-row{justify-content:center;display:flex}.sphera-dev-tools-wrapper{z-index:var(--layer-popover);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.sphera-dev-tools-toggle{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--studio-control-radius,var(--radius-control));color:var(--color-muted);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:600;transition:background .14s,border-color .14s,color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 2px 10px #0f172a1a}.sphera-dev-tools-toggle:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-line-strong);color:var(--color-ink-2);box-shadow:0 4px 14px #0f172a24}.sphera-dev-tools-toggle:disabled{opacity:.4;cursor:not-allowed}.sphera-dev-tools-toggle[aria-expanded=true]{background:var(--color-surface-raised);border-color:var(--color-line-strong);color:var(--color-ink-2)}.sphera-dev-tools-chevron{border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;transition:transform .14s}.sphera-dev-tools-toggle[aria-expanded=true] .sphera-dev-tools-chevron{transform:rotate(180deg)}.sphera-dev-tools-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--studio-status-radius,var(--radius-card-compact));width:320px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-popover);flex-direction:column;gap:14px;padding:16px;display:flex}.sphera-dev-version-file{flex-direction:column;gap:8px;display:flex}.sphera-dev-version-row{align-items:center;gap:6px;min-width:0;display:flex}.sphera-dev-version-label{color:var(--color-muted);flex-shrink:0}.sphera-dev-version-number{overflow-wrap:anywhere;min-width:0}.sphera-dev-version-alias{font-weight:800}.sphera-dev-version-alias.is-stable{color:var(--color-primary-ink)}.sphera-dev-version-alias.is-local{color:var(--color-success)}.sphera-dev-version-content,.sphera-dev-version-empty{border:1px solid var(--color-line);border-radius:var(--studio-status-radius,var(--radius-card-compact));background:var(--color-surface-raised);color:var(--color-ink-2);margin:0;font-size:.76rem;line-height:1.45}.sphera-dev-version-content{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:auto}.sphera-dev-version-empty{color:var(--color-muted);padding:10px}.sphera-dev-level-table{border-collapse:collapse;width:100%}.sphera-dev-level-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);border-bottom:1px solid var(--color-line);text-align:center;padding:0 6px 8px;font-size:.68rem;font-weight:700}.sphera-dev-level-table thead th:first-child{text-align:left;padding-left:0}.sphera-dev-level-table tbody td{border-bottom:1px solid var(--color-line);text-align:center;vertical-align:middle;padding:5px 6px}.sphera-dev-level-table tbody tr:last-child td{border-bottom:none}.sphera-dev-level-table tbody td:first-child{text-align:left;padding-left:0}.sphera-dev-level-table tbody tr.is-active td{background:var(--color-primary-soft)}.sphera-dev-level-table tbody tr:not(.is-active):hover td{background:var(--color-surface-raised)}.sphera-dev-level-name{color:var(--color-ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.sphera-dev-level-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sphera-dev-download-btn{border-radius:var(--studio-control-radius,var(--radius-control-compact));border:1px solid var(--color-line);background:var(--color-surface);width:28px;height:28px;color:var(--color-muted);cursor:pointer;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.sphera-dev-download-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-line-strong);color:var(--color-primary-ink);box-shadow:0 1px 4px #2563eb26}.sphera-dev-download-btn:active:not(:disabled){background:var(--color-primary-soft)}.sphera-dev-download-btn:disabled{opacity:.35;cursor:not-allowed}.sphera-composer-empty-panel{background:var(--color-surface);border-color:var(--color-line);min-height:190px;margin:0 14px 14px}.sphera-prompt-actions,.sphera-modal-actions,.sphera-player-actions,.sphera-file-preview-actions,.sphera-admin-toolbar{flex-wrap:wrap;gap:10px;display:flex}.sphera-save-scene-dirty:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-ink);box-shadow:0 0 0 0 var(--focus-ring);animation:2.8s ease-out infinite sphera-save-scene-pulse}@keyframes sphera-save-scene-pulse{0%{box-shadow:0 0 0 0 var(--focus-ring)}to{box-shadow:0 0 0 8px #0000}}@keyframes sphera-tab-number-update{0%{opacity:1;transform:scale(1)}18%{opacity:0;transform:scale(.78)}55%{opacity:1;color:var(--color-primary);transform:scale(1.12)}to{opacity:1;color:inherit;transform:scale(1)}}.sphera-claim-modal-actions{justify-content:center}.sphera-tab-row{border-bottom:1px solid var(--color-line);gap:16px;padding-bottom:10px;display:flex}.sphera-tab-row button{color:var(--color-muted);padding:0;font-weight:600}.sphera-tab-row button.active{color:var(--color-primary-ink)}.sphera-level-controls{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-end;gap:12px;margin:-6px -24px 0;padding:0 24px;display:flex}.sphera-level-tab-list{align-items:flex-end;gap:2px;min-width:0;max-width:100%;display:flex;overflow:auto hidden}.sphera-level-tab-shell{flex:none;align-items:flex-end;display:inline-flex;position:relative}.sphera-level-tab-shell.is-draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sphera-level-tab-list.is-drag-active .sphera-level-tab-shell:not(.is-dragging){transition:transform .16s}.sphera-level-tab-list.is-reorder-pending{opacity:.5;pointer-events:none}.sphera-level-controls:has(.sphera-level-tab-list.is-reorder-pending){cursor:progress}.sphera-level-tab-shell.is-dragging{z-index:var(--layer-floating);cursor:grabbing}.sphera-level-tab-shell.is-dragging .sphera-level-tab{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-line);box-shadow:var(--studio-card-shadow,0 4px 10px #0f172a1f)}.sphera-level-tab-remove{width:15px;height:15px;color:var(--color-muted);cursor:pointer;opacity:0;pointer-events:none;z-index:var(--layer-raised);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:opacity .12s,color .12s;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.sphera-level-tab-remove svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;width:10px;height:10px}.sphera-level-tab-shell:hover .sphera-level-tab-remove,.sphera-level-tab-shell:focus-within .sphera-level-tab-remove{opacity:1;pointer-events:auto}.sphera-level-tab-shell:has(.sphera-level-tab-remove) .sphera-level-tab{padding-right:22px}.sphera-level-tab-remove:hover{color:var(--color-danger)}.sphera-level-tab-remove:disabled{opacity:0;pointer-events:none}.sphera-level-tab{min-height:40px;color:var(--color-muted);border-radius:var(--studio-tab-radius,var(--radius-control-compact,10px) var(--radius-control-compact,10px) 0 0);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:6px;margin-bottom:-1px;padding:0 12px;font-family:inherit;font-size:.85rem;font-weight:600;transition:color .12s,background .12s,border-color .12s;display:inline-flex;overflow:visible}.sphera-level-tab-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.sphera-level-tab:hover:not(:disabled){color:var(--color-ink-2);background:var(--color-surface-raised)}.sphera-level-tab.active{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-line);border-bottom-color:var(--color-surface)}.sphera-level-tab.active .sphera-level-tab-icon{color:var(--color-primary-ink)}.sphera-level-tab.is-pulsing span{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards sphera-tab-number-update;display:inline-block}.sphera-level-add-button{border-radius:var(--studio-tab-radius,var(--radius-control-compact,10px) var(--radius-control-compact,10px) 0 0);width:34px;min-width:34px;height:40px;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;margin-bottom:-1px;font-family:inherit;font-size:21px;font-weight:400;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex;overflow:visible}.sphera-level-add-button:hover:not(:disabled){background:var(--color-surface-raised);color:var(--color-primary-ink)}.sphera-level-add-spinner{border:2px solid #64748b47;border-top-color:var(--color-primary);border-radius:50%;width:14px;height:14px;animation:.75s linear infinite spin}.sphera-level-add-tooltip{outline:none;align-items:flex-end;display:inline-flex;position:relative}.sphera-level-add-tooltip[data-tooltip]{cursor:not-allowed}.sphera-level-add-tooltip[data-tooltip] .sphera-level-add-button:disabled{pointer-events:none}.sphera-level-add-tooltip[data-tooltip]:before,.sphera-level-add-tooltip[data-tooltip]:after{opacity:0;pointer-events:none;z-index:var(--layer-floating);transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(4px)}.sphera-level-add-tooltip[data-tooltip]:before{content:"";border:6px solid #0000;border-bottom-color:var(--color-surface-raised);top:calc(100% + 2px)}.sphera-level-add-tooltip[data-tooltip]:after{content:attr(data-tooltip);border-radius:var(--studio-status-radius,var(--radius-card-compact,8px));background:var(--color-surface-raised);color:#fff;text-align:left;white-space:normal;width:max-content;max-width:220px;box-shadow:var(--studio-popover-shadow,0 12px 28px #0f172a2e);padding:8px 10px;font-size:.76rem;font-weight:600;line-height:1.25}.sphera-level-add-tooltip[data-tooltip]:hover:before,.sphera-level-add-tooltip[data-tooltip]:hover:after,.sphera-level-add-tooltip[data-tooltip]:focus:before,.sphera-level-add-tooltip[data-tooltip]:focus:after,.sphera-level-add-tooltip[data-tooltip]:focus-within:before,.sphera-level-add-tooltip[data-tooltip]:focus-within:after{opacity:1;transform:translateY(0)}.sphera-level-add-button:disabled{opacity:.45;cursor:not-allowed}.sphera-tab-panel{height:220px;max-height:220px;overflow-y:auto}.sphera-status-stack,.sphera-list-panel,.sphera-activity-list,.sphera-share-form{flex-direction:column;gap:12px;display:flex}.sphera-status-box{border-radius:var(--studio-status-radius,var(--radius-card-compact,18px));background:var(--color-surface-raised);color:var(--color-ink-2);flex-direction:column;gap:8px;height:100%;padding:14px 16px;line-height:1.6;display:flex;overflow-y:auto}.sphera-status-line{color:var(--color-muted);overflow-wrap:anywhere}.sphera-status-line.is-current{color:var(--color-ink);font-weight:600}.sphera-mini-section{border-radius:var(--studio-status-radius,var(--radius-card-compact,18px));background:var(--color-surface-raised);padding:16px}.sphera-mini-section-header{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.sphera-activity-row{border-radius:var(--studio-status-radius,var(--radius-card-compact,16px));background:var(--color-surface);border:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sphera-activity-row strong{display:block}.sphera-activity-row span,.sphera-muted-copy{color:var(--color-muted)}.sphera-changes-panel{gap:14px}.sphera-change-version-row{border:1px solid var(--color-line);border-radius:var(--studio-status-radius,var(--radius-card-compact,14px));background:var(--color-surface);padding:14px}.sphera-change-version-header{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.sphera-change-version-header>div{min-width:0}.sphera-change-version-header strong,.sphera-change-version-header span{display:block}.sphera-change-version-header span,.sphera-change-version-header time{color:var(--color-muted);font-size:.84rem}.sphera-change-version-header time{flex-shrink:0}.sphera-change-version-prompt{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sphera-change-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sphera-change-item{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:10px;display:grid}.sphera-change-kind{border-radius:var(--studio-control-radius,var(--radius-control,999px));background:var(--color-primary-soft);width:72px;min-height:24px;color:var(--color-primary-ink);text-transform:uppercase;letter-spacing:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;display:inline-flex}.sphera-change-kind.is-add,.sphera-change-kind.is-initial,.sphera-change-kind.is-map{background:var(--color-success-soft);color:var(--color-success)}.sphera-change-kind.is-remove,.sphera-change-kind.is-reset{background:var(--color-danger-soft);color:var(--color-danger)}.sphera-change-kind.is-lighting,.sphera-change-kind.is-move{background:var(--color-warning-soft);color:var(--color-warning)}.sphera-change-copy{min-width:0}.sphera-change-copy small{display:block}.sphera-change-title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.sphera-change-copy strong{color:var(--color-ink);min-width:0;font-size:.9rem;line-height:1.35}.sphera-change-copy small{color:var(--color-muted);overflow-wrap:anywhere;font-size:.78rem;line-height:1.45}.sphera-change-count{border-radius:var(--studio-control-radius,var(--radius-control,999px));background:var(--color-surface-raised);min-height:24px;color:var(--color-ink-2);flex-shrink:0;align-items:center;gap:6px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.sphera-change-count-dots{gap:2px;display:inline-flex}.sphera-change-count-dots span{background:var(--color-muted);border-radius:50%;width:5px;height:7px}.sphera-change-level-row{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.sphera-change-level-chip{border-radius:var(--studio-control-radius,var(--radius-control,999px));border:1px solid var(--color-line-strong);background:var(--color-primary-soft);max-width:100%;min-height:24px;color:var(--color-primary-ink);white-space:nowrap;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.sphera-change-level-name{align-items:center;display:inline-flex}.sphera-activity-row em{color:var(--color-ink);font-style:normal;font-weight:700}.sphera-player-card{flex-direction:column;gap:18px;display:flex}.sphera-player-stage{flex:1;place-items:start center;min-height:0;display:grid;container-type:size}.sphera-player-viewport{aspect-ratio:843/494;border-radius:var(--studio-player-radius,var(--radius-card,20px));background:#000;width:min(100cqw,170.648cqh);max-width:100%;height:min(100cqh,58.6002cqw);max-height:100%;overflow:hidden}.sphera-player-frame{background:var(--studio-player-frame-bg,#fff);border:0;width:100%;height:100%}.sphera-stage-placeholder{color:#ffffffdb;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.sphera-runtime-links{flex-wrap:wrap;gap:10px;display:flex}.sphera-runtime-links a.disabled{pointer-events:none;opacity:.45}.sphera-modal-backdrop{background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--layer-modal);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sphera-modal-card{border-radius:var(--studio-modal-radius,var(--radius-modal,24px));background:var(--color-surface);width:100%;max-width:392px;box-shadow:var(--shadow-modal);padding:32px}.sphera-share-modal-card{max-width:520px}.sphera-modal-card h2{margin:0 0 18px}.sphera-create-project-modal{flex-direction:column;max-width:520px;max-height:calc(100vh - 48px);padding:0;display:flex;overflow:hidden}.sphera-create-project-modal.is-template-step{max-width:880px}.sphera-create-modal-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px 0;display:flex}.sphera-create-modal-head h2{color:var(--color-ink);letter-spacing:0;margin:0;font-size:22px;line-height:1.2}.sphera-create-modal-head p{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;margin:6px 0 0;font-size:12px;font-weight:700}.sphera-create-step-progress{gap:8px;padding:14px 26px 0;display:flex}.sphera-create-step-progress span{border-radius:var(--radius-control);background:var(--color-line);flex:1;height:4px}.sphera-create-step-progress span.is-active{background:var(--color-primary)}.sphera-create-project-form{flex-direction:column;flex:1;min-height:0;display:flex}.sphera-create-modal-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 26px 4px;display:flex;overflow-y:auto}.sphera-create-modal-body .sphera-field textarea{min-height:74px;line-height:1.5}.sphera-template-picker{border:0;min-width:0;margin:0;padding:0}.sphera-template-picker legend{color:var(--color-ink-2);margin:0 0 10px;padding:0;font-size:14px;font-weight:600}.sphera-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.sphera-template-card{border:1px solid var(--color-line);border-radius:var(--radius-card-compact);background:var(--color-surface);min-width:0;color:var(--color-ink);text-align:left;cursor:pointer;flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.sphera-template-card:hover{border-color:var(--color-line-strong);transform:translateY(-1px)}.sphera-template-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.sphera-template-image{aspect-ratio:16/10;background:var(--color-surface-raised);width:100%;display:block;position:relative;overflow:hidden}.sphera-template-image img{object-fit:cover;width:100%;height:100%;display:block}.sphera-template-copy{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.sphera-template-title{color:var(--color-ink);font-size:14px;font-weight:700;line-height:1.3}.sphera-template-description{color:var(--color-muted);font-size:12px;line-height:1.45}.sphera-template-check{border:1.5px solid var(--color-line-strong);border-radius:var(--radius-control);background:var(--color-surface);width:24px;height:24px;color:var(--color-primary-ink);place-items:center;transition:background-color .16s,border-color .16s,color .16s;display:grid;position:absolute;top:10px;right:10px}.sphera-template-check svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:14px;height:14px;transition:opacity .16s}.sphera-template-card.selected .sphera-template-check{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.sphera-template-card.selected .sphera-template-check svg{opacity:1}.sphera-create-modal-footer{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:14px 26px 20px;display:flex}.sphera-create-modal-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.sphera-onboarding-welcome{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px 32px 36px;display:flex}.sphera-onboarding-hero-icon{border-radius:var(--radius-card);background:var(--action-primary-bg);width:72px;height:72px;box-shadow:var(--action-primary-shadow);flex-shrink:0;justify-content:center;align-items:center;animation:3.2s ease-in-out infinite sphera-hero-float;display:flex}@keyframes sphera-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.sphera-onboarding-copy h2{color:var(--color-ink);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.2}.sphera-onboarding-copy p{color:var(--color-muted);margin:0;font-size:15px;line-height:1.5}.sphera-bonus-card{border-radius:var(--radius-card-compact);background:var(--color-primary-soft);border:1.5px solid var(--color-line);align-items:center;gap:14px;width:100%;padding:18px 20px;display:flex}.sphera-bonus-gem{border-radius:var(--radius-card-compact);background:#6366f11f;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sphera-bonus-info{text-align:left;flex-direction:column;gap:1px;min-width:0;display:flex}.sphera-bonus-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-ink);font-size:10px;font-weight:700}.sphera-bonus-amount{color:var(--color-primary-ink);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.sphera-bonus-subtext{color:var(--color-muted);margin-top:2px;font-size:12px}.sphera-ready-prompt-preview{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.sphera-ready-prompt-card{align-items:initial;padding:16px 18px;display:block}.sphera-ready-prompt-card .sphera-bonus-subtext{color:var(--color-ink-2);margin:0;line-height:1.5;display:block}.sphera-claim-button{border-radius:var(--radius-card-compact);background:var(--action-primary-bg);color:#fff;letter-spacing:-.01em;cursor:pointer;width:100%;box-shadow:var(--action-primary-shadow);border:0;padding:17px 28px;font-size:17px;font-weight:700;transition:transform .1s,box-shadow .15s,background .3s;animation:2.6s ease-in-out infinite sphera-claim-glow;position:relative;overflow:hidden}@keyframes sphera-claim-glow{0%,to{box-shadow:var(--action-primary-shadow)}50%{box-shadow:var(--action-primary-hover-shadow)}}.sphera-claim-button:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 25%,#ffffff47 50%,#0000 75%);animation:2.4s ease-in-out infinite sphera-claim-shimmer;position:absolute;inset:0;transform:translate(-120%)}@keyframes sphera-claim-shimmer{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}.sphera-claim-button:hover:not(:disabled){box-shadow:var(--action-primary-hover-shadow);animation-play-state:paused;transform:translateY(-2px)scale(1.015)}.sphera-claim-button:active:not(:disabled){box-shadow:var(--action-primary-shadow);transition-duration:60ms;transform:scale(.965)}.sphera-claim-button:disabled{cursor:default;animation:none}.sphera-claim-button:disabled:before{opacity:0;animation:none}.sphera-claim-button.is-success{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-primary-hover) 100%);animation:.4s cubic-bezier(.34,1.56,.64,1) forwards sphera-claim-success}@keyframes sphera-claim-success{0%{transform:scale(.97)}60%{transform:scale(1.03)}to{transform:scale(1)}}.sphera-claim-button.is-success:before{display:none}.sphera-claim-button-inner{z-index:var(--layer-raised);justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.sphera-claim-icon{font-size:16px;line-height:1}.sphera-onboarding-intro{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:44px 32px 40px;display:flex}.sphera-onboarding-intro-icon{border-radius:var(--radius-card-compact);background:var(--action-primary-bg);width:60px;height:60px;box-shadow:var(--action-primary-shadow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sphera-onboarding-intro-copy h2{color:var(--color-ink);letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.25}.sphera-onboarding-intro-copy p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.5}.sphera-onboarding-cta-button{border-radius:var(--radius-card-compact);background:var(--action-primary-bg);color:#fff;letter-spacing:-.01em;cursor:pointer;width:100%;box-shadow:var(--action-primary-shadow);border:0;padding:15px 28px;font-size:16px;font-weight:700;transition:background-color .15s,transform .12s,box-shadow .15s}.sphera-onboarding-cta-button:hover{background:var(--action-primary-hover-bg);box-shadow:var(--action-primary-hover-shadow);transform:translateY(-1px)}.sphera-onboarding-cta-button:disabled{cursor:wait;opacity:.72;transform:none}.sphera-onboarding-cta-button:active{box-shadow:var(--action-primary-shadow);transition-duration:70ms;transform:scale(.98)}.sphera-confirmation-modal{gap:16px;max-width:420px;display:grid}.sphera-modal-close{appearance:none;color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-self:end;margin:0 0 -4px;padding:0}.sphera-modal-close svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:22px;height:22px}.sphera-modal-close:disabled{opacity:.45;cursor:not-allowed}.sphera-confirmation-modal h2{color:var(--color-ink);margin:0;font-size:28px;line-height:1.12}.sphera-confirmation-modal p{color:var(--color-ink-2);margin:0;font-size:14px;line-height:1.6}.sphera-confirmation-actions{margin-top:4px}.sphera-billing-status-actions{justify-content:center}.sphera-project-rename-form{gap:16px;display:grid}.sphera-project-delete-modal{text-align:center}.sphera-project-delete-warning{border:1px solid var(--color-warning-soft);border-radius:var(--radius-card-compact);background:var(--color-warning-soft);color:var(--color-warning);padding:10px 12px;font-weight:600}.sphera-project-delete-modal .sphera-confirmation-actions{justify-content:center}.sphera-map-generation-modal-copy{gap:10px;display:grid}.sphera-map-generation-modal-kicker{border:1px solid var(--color-line-strong);border-radius:var(--studio-control-radius,var(--radius-control,999px));color:var(--color-primary-ink);background:var(--color-primary-soft);justify-self:start;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2}.sphera-map-generation-actions,.sphera-unsaved-changes-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sphera-unsaved-changes-cancel{grid-column:1/-1}.sphera-level-creation-copy{gap:10px;display:grid}.sphera-level-creation-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sphera-danger-inline-button{border-radius:var(--radius-control);background:var(--color-danger);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;transition:background-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.sphera-danger-inline-button:disabled{opacity:.55;cursor:not-allowed}.sphera-notification-region{width:min(100vw - 32px,480px);z-index:var(--layer-notification);pointer-events:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.sphera-notification-card{border-radius:var(--radius-card-compact);color:#fff;text-align:center;box-shadow:var(--shadow-popover);flex-direction:column;gap:6px;padding:14px 18px;display:flex}.sphera-notification-card strong{font-size:14px;font-weight:700}.sphera-notification-card span{font-size:14px;line-height:1.5}.sphera-notification-card.error{background:#7f1d1df5;border:1px solid #fecaca6b}.sphera-notification-card.info{background:#1e40aff5;border:1px solid #bfdbfe75}.sphera-modal-creating{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 0 16px;display:flex}.sphera-modal-creating p{color:var(--ink);margin:0;font-size:14px;font-weight:600}.sphera-modal-spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sphera-admin-shell{background:var(--color-bg);min-height:100vh}.sphera-admin-header{max-width:1152px;z-index:var(--layer-floating);background:var(--color-surface-glass);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 24px;position:sticky;top:0}.sphera-admin-title{align-items:center;gap:12px;display:flex}.sphera-admin-title strong{font-size:1.1rem}.sphera-admin-title span{border-radius:var(--radius-control);background:var(--color-danger-soft);color:var(--color-danger);padding:4px 8px;font-size:12px;font-weight:600}.sphera-admin-main{flex-direction:column;gap:24px;max-width:1152px;margin:0 auto;padding:32px 24px 48px;display:flex}.sphera-admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.sphera-admin-stat-card{border-radius:var(--radius-card-compact);background:var(--color-surface);box-shadow:var(--shadow-card);padding:18px}.sphera-admin-stat-card strong{margin-bottom:6px;font-size:1.6rem;display:block}.sphera-admin-stat-card span{color:var(--color-muted)}.sphera-admin-card{overflow:hidden}.sphera-admin-card-header{border-bottom:1px solid var(--color-line);padding:20px 24px}.sphera-admin-card-header input{width:208px;padding:9px 12px}.sphera-admin-card-header em{color:var(--color-primary-ink);font-style:normal}.sphera-admin-table-wrap{overflow-x:auto}.sphera-admin-table{border-collapse:collapse;width:100%;font-size:14px}.sphera-admin-table thead{background:var(--color-surface-raised)}.sphera-admin-table th{text-align:left;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 24px;font-size:12px}.sphera-admin-table td{border-top:1px solid var(--color-line);vertical-align:top;padding:16px 24px}.sphera-admin-table td strong{margin-bottom:4px;display:block}.sphera-admin-table td span{color:var(--color-muted);font-size:12px}.sphera-table-action-row{flex-wrap:wrap;gap:8px;display:flex}.sphera-admin-tag-row{flex-wrap:wrap;gap:6px;display:flex}.sphera-admin-tag{border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-muted);text-transform:capitalize;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.sphera-admin-tag.admin{background:var(--color-danger-soft);color:var(--color-danger)}.analytics-events-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding:24px 32px;display:flex}.analytics-events-header h1{margin:4px 0 0;font-size:1.8rem}.analytics-events-header p:not(.eyebrow){max-width:760px;color:var(--color-muted);margin:8px 0 0;line-height:1.5}.analytics-events-filters{margin-bottom:24px}.analytics-events-filters form{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.analytics-filter-field{gap:6px;display:grid}.analytics-filter-field span{color:var(--color-ink-2);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.analytics-filter-field input,.analytics-filter-field select{border:1px solid var(--color-line);border-radius:var(--radius-control-compact);background:var(--color-surface);width:100%;color:var(--color-ink);font:inherit;padding:10px 12px}.analytics-filter-actions{align-items:center;gap:8px;display:flex}.analytics-events-card{background:var(--color-surface)}.analytics-events-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.analytics-events-table td{min-width:160px}.analytics-id-cell code{max-width:240px;color:var(--color-ink-2);overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.analytics-payload-details{min-width:320px}.analytics-payload-details summary{cursor:pointer;color:var(--color-primary-ink);font-weight:700}.analytics-payload-details pre{border-radius:var(--radius-card-compact);background:var(--color-ink);max-height:360px;color:var(--color-bg);white-space:pre-wrap;word-break:break-word;margin:12px 0 0;padding:14px;font-size:12px;line-height:1.55;overflow:auto}.sphera-admin-table tr.selected{background:var(--color-primary-soft)}.sphera-admin-empty-row{color:var(--color-muted)}.sphera-admin-detail-grid{grid-template-columns:1.25fr 1fr;gap:24px;display:grid}.sphera-file-grid,.sphera-json-grid{gap:16px;display:grid}.sphera-file-grid{grid-template-columns:1fr 1fr;padding:24px}.sphera-file-grid-modal{flex:1;min-height:0;padding:0;overflow:hidden}.sphera-json-grid{grid-template-columns:1fr 1fr;padding:24px}.sphera-file-list{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.sphera-file-row{border-radius:var(--radius-card-compact);background:var(--color-surface-raised);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.sphera-file-open{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.sphera-file-open strong{margin-bottom:4px;display:block}.sphera-file-open span{color:var(--color-muted);font-size:12px}.sphera-file-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.sphera-file-preview{flex-direction:column;gap:14px;min-height:0;padding:24px;display:flex;overflow:hidden}.sphera-file-preview textarea{resize:none;flex:1;width:100%;min-height:0}.sphera-code-editor-shell{border:1px solid var(--color-line);border-radius:var(--radius-card-compact);background:var(--color-surface);flex:1;min-height:360px;overflow:hidden}.sphera-code-editor,.sphera-code-editor-shell textarea{width:100%;height:100%;min-height:360px}.sphera-code-editor-shell textarea{background:var(--color-surface);color:var(--color-ink);border:0;border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.sphera-file-preview-header p{color:var(--color-muted);margin:6px 0 0;font-size:12px}.sphera-file-empty-state{border-radius:var(--radius-card-compact);border:1px dashed var(--color-line-strong);color:var(--color-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.sphera-file-preview pre,.sphera-json-panel pre,.sphera-version-preview{border-radius:var(--radius-card-compact);background:var(--color-surface-raised);color:var(--color-ink-2);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px;font-size:12px;line-height:1.55;overflow:auto}.sphera-validation-events{border:1px solid var(--color-line);border-radius:var(--radius-card-compact);background:var(--color-surface-raised);gap:12px;margin-bottom:16px;padding:16px;display:grid}.sphera-validation-events h3{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin:0;font-size:13px}.sphera-validation-events ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sphera-validation-events li{border-radius:var(--radius-card-compact);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:auto minmax(120px,1fr) 2fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.sphera-validation-events strong{color:var(--color-ink);word-break:break-word;font-size:12px}.sphera-validation-events p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.5}.sphera-llm-validation-grid{gap:16px;display:grid}.sphera-llm-validation-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sphera-llm-validation-controls label,.sphera-llm-validation-payload{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;gap:6px;font-size:12px;font-weight:700;display:grid}.sphera-llm-validation-controls p{color:var(--color-muted);text-transform:none;letter-spacing:normal;grid-column:1/-1;margin:0;font-size:13px}.sphera-llm-validation-controls select{border:1px solid var(--color-line);border-radius:var(--radius-card-compact);background:var(--color-surface);width:100%;color:var(--color-ink);font:inherit;text-transform:none;letter-spacing:normal;padding:10px 12px}.sphera-llm-validation-payload textarea{border:1px solid var(--color-line);border-radius:var(--radius-card-compact);color:#f8fafc;resize:vertical;text-transform:none;letter-spacing:normal;background:#0f172a;min-height:340px;padding:14px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.sphera-json-panel{flex-direction:column;gap:12px;display:flex}.sphera-json-panel strong{padding:0 4px}.sphera-file-modal-backdrop{z-index:var(--layer-modal);background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sphera-file-modal-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:var(--radius-modal);width:min(1240px,100%);height:calc(100vh - 48px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-modal);flex-direction:column;display:flex;overflow:hidden}.sphera-file-modal-header,.sphera-file-modal-toolbar,.sphera-file-modal-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px;padding:10px 24px;font-size:13px;display:flex}.sphera-file-breadcrumb-seg{cursor:pointer;color:var(--ink);border-radius:var(--radius-control-compact);background:0 0;border:none;padding:2px 4px;font-size:13px;font-weight:600;transition:background .1s,color .1s}.sphera-file-breadcrumb-seg:hover{background:var(--blue-soft);color:var(--accent)}.sphera-file-breadcrumb-sep{color:var(--muted);-webkit-user-select:none;user-select:none;padding:0 2px}.sphera-file-modal-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-start;gap:16px;padding-top:24px;padding-bottom:20px;display:flex}.sphera-file-modal-header h2{margin:0 0 8px;font-size:1.5rem}.sphera-file-modal-header p,.sphera-file-modal-breadcrumb span{color:var(--color-muted);margin:0}.sphera-file-modal-toolbar{background:var(--color-surface-raised);border-bottom:1px solid var(--color-line);flex-wrap:wrap;gap:10px;padding-top:16px;padding-bottom:16px;display:flex}.sphera-file-modal-breadcrumb{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;padding-bottom:14px;display:flex}.sphera-file-modal-close{color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:32px;line-height:1}.admin-with-sidebar{background:var(--color-bg);min-height:100vh;display:flex}.admin-sidebar{background:var(--color-surface);border-right:1px solid var(--color-line);flex-direction:column;flex-shrink:0;width:220px;min-width:220px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-brand{border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding:20px;display:flex}.admin-sidebar-brand-link{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.admin-sidebar-brand-link .sphera-brand-badge,.admin-topbar-brand .sphera-brand-badge{width:28px;height:28px}.admin-sidebar-brand strong{color:var(--color-ink);font-size:14px;font-weight:700}.admin-badge{border-radius:var(--radius-control);background:var(--color-danger-soft);color:var(--color-danger);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:600}.admin-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.admin-sidebar-tab{border-radius:var(--radius-control-compact);cursor:pointer;text-align:left;width:100%;color:var(--color-ink-2);background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:flex}.admin-sidebar-external-icon{opacity:.75;margin-left:auto;font-size:12px;line-height:1}.admin-sidebar-tab:hover{background:var(--color-surface-raised);color:var(--color-ink)}.admin-sidebar-tab.active{background:var(--color-primary-soft);color:var(--color-primary-ink);font-weight:600}.admin-sidebar-footer{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.admin-sidebar-user{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.admin-sidebar-signout{border-radius:var(--radius-control-compact);border:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;padding:4px 8px;font-size:12px}.admin-sidebar-signout:hover{background:var(--color-surface-raised);color:var(--color-ink)}.admin-topbar{display:none}.admin-topbar-burger{border-radius:var(--radius-control-compact);cursor:pointer;width:32px;height:32px;color:var(--color-ink);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:grid}.admin-topbar-burger:hover{background:var(--color-surface-raised)}.admin-topbar-brand{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.admin-topbar-brand strong{color:var(--color-ink);font-size:14px;font-weight:700}.admin-sidebar-backdrop{display:none}@media (max-width:1024px){.admin-topbar{height:52px;z-index:calc(var(--layer-shell) + 2);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.admin-with-sidebar{padding-top:52px}.admin-sidebar{opacity:0;border-right:none;border-bottom:1px solid var(--color-line);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);width:100%;min-width:0;height:auto;max-height:0;box-shadow:var(--shadow-panel);z-index:calc(var(--layer-shell) + 1);padding:0 16px;transition:max-height .22s,opacity .18s,padding .18s;position:fixed;top:52px;left:0;right:0;overflow:hidden}.admin-sidebar.expanded{opacity:1;max-height:500px;box-shadow:var(--shadow-panel);padding:12px 16px 16px}.admin-sidebar-brand{display:none}.admin-sidebar-backdrop{z-index:var(--layer-shell);cursor:default;background:#00000040;display:block;position:fixed;inset:0}}.admin-content{background:var(--color-bg);flex:1;min-width:0;overflow-y:auto}.plans-credits-shell{gap:24px;display:grid}.plans-credits-header,.plans-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.plans-credits-header h1,.plans-section-heading h2{margin:0 0 8px;font-size:clamp(1.9rem,3vw,2.4rem);line-height:1.05}.plans-credits-header p,.plans-section-heading p{color:var(--color-muted);max-width:640px;margin:0}.plans-transactions-link{color:var(--color-primary-ink);align-items:center;gap:8px;margin-top:18px;font-weight:800;text-decoration:none;display:inline-flex}.plans-transactions-link:hover{color:var(--color-primary-hover)}.plans-credits-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.plans-summary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.plans-summary-card,.plans-plan-card,.plans-topup-card{border-radius:var(--radius-panel);border:1px solid var(--color-line);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-raised) 100%);box-shadow:var(--shadow-card)}.plans-summary-card{gap:20px;padding:26px;display:grid}.plans-summary-copy{align-items:start;gap:16px;display:grid}.plans-summary-copy h2,.plans-balance-topline h2{margin:0 0 8px;font-size:clamp(1.9rem,3vw,2.35rem);line-height:1.05}.plans-summary-copy p,.plans-credit-row p,.plans-plan-copy p,.plans-topup-card p{color:var(--color-muted);margin:0}.plans-feature-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.plans-feature-list.compact{gap:10px}.plans-feature-list li{color:var(--color-ink-2);padding-left:28px;line-height:1.5;position:relative}.plans-feature-list li:before{content:"✓";color:var(--color-ink);font-size:1.05rem;font-weight:700;position:absolute;top:-1px;left:0}.plans-summary-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.plans-status-pill{border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-ink-2);align-items:center;padding:8px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.plans-muted-metric{color:var(--color-muted);font-size:.95rem}.plans-balance-topline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.plans-balance-inline{letter-spacing:-.05em;font-size:clamp(2.4rem,4vw,3.25rem);line-height:1}.plans-progress-track{border-radius:var(--radius-control);background:var(--color-line);width:100%;height:16px;overflow:hidden}.plans-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary) 0%, #7b3ff2 100%);height:100%;display:block}.plans-credit-breakdown{gap:18px;display:grid}.plans-credit-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.plans-credit-row strong,.plans-topup-metrics strong,.plans-price-lockup strong{color:var(--color-ink)}.plans-credit-row span,.plans-topup-metrics span,.plans-price-lockup span{color:var(--color-muted)}.plans-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plans-topup-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.plans-plan-card{gap:16px;min-height:100%;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.plans-plan-card:hover,.plans-topup-card:hover{box-shadow:var(--shadow-panel);transform:translateY(-3px)}.plans-plan-card.current{border-color:var(--color-line-strong);box-shadow:var(--shadow-panel);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-primary-soft) 100%)}.plans-plan-copy{gap:14px;display:grid}.plans-plan-copy h2,.plans-topup-card h3{margin:0 0 8px;font-size:1.72rem;line-height:1}.plans-price-lockup{gap:4px;display:grid}.plans-price-lockup strong{letter-spacing:-.05em;font-size:1.88rem;line-height:1}.plans-card-actions,.plans-topup-card button{margin-top:auto}.plans-card-actions button,.plans-topup-card button{border-radius:var(--radius-control);justify-content:center;width:100%;min-height:50px}.plans-topup-section{gap:18px;display:grid}.plans-topup-card{gap:14px;padding:18px;display:grid}.plans-topup-card h3{font-size:1.08rem;line-height:1.15}.plans-topup-card p{font-size:.9rem;line-height:1.42}.plans-topup-metrics{gap:4px;display:grid}.plans-transactions-section{gap:18px;scroll-margin-top:24px;display:grid}.plans-transactions-count{border-radius:var(--radius-control);border:1px solid var(--color-line);background:var(--color-surface);min-height:34px;color:var(--color-muted);white-space:nowrap;justify-content:center;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.plans-transaction-filters{flex-wrap:wrap;gap:10px;display:flex}.plans-transaction-filter{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink-2);cursor:pointer;font:inherit;padding:10px 14px;font-size:.9rem;font-weight:700;line-height:1}.plans-transaction-filter:hover{border-color:var(--color-primary);color:var(--color-primary-ink)}.plans-transaction-filter.active{border-color:var(--color-line-strong);background:var(--color-primary-soft);color:var(--color-primary-ink)}.plans-transactions-card,.plans-transactions-empty{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.plans-transactions-empty{padding:28px}.plans-transactions-table-wrap{overflow-x:auto}.plans-transactions-table{border-collapse:collapse;width:100%;min-width:760px}.plans-transactions-table thead{background:var(--color-surface-raised)}.plans-transactions-table th{color:var(--color-muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:16px 24px;font-size:.76rem;font-weight:800}.plans-transactions-table td{border-top:1px solid var(--color-line);vertical-align:middle;padding:18px 24px}.plans-transaction-date{width:150px}.plans-transaction-date strong,.plans-transaction-balance,.plans-transaction-amount{color:var(--color-ink);font-weight:800}.plans-transaction-date span,.plans-transaction-activity p{color:var(--color-muted);margin:4px 0 0;font-size:.85rem;display:block}.plans-transaction-activity{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;display:grid}.plans-transaction-activity strong{color:var(--color-ink);display:block}.plans-transaction-icon{border-radius:var(--radius-card-compact);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary-ink);justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:inline-flex}.plans-transaction-icon.generations,.plans-transaction-type.generations{background:var(--color-danger-soft);color:var(--color-danger)}.plans-transaction-icon.daily,.plans-transaction-type.daily{background:var(--color-warning-soft);color:var(--color-warning)}.plans-transaction-icon.credit-packs,.plans-transaction-type.credit-packs{background:var(--color-success-soft);color:var(--color-success)}.plans-transaction-icon.plan-grants,.plans-transaction-type.plan-grants,.plans-transaction-icon.admin-grants,.plans-transaction-type.admin-grants{background:var(--color-primary-soft);color:var(--color-primary-ink)}.plans-transaction-icon.refunds,.plans-transaction-type.refunds{background:var(--plans-line-2);color:var(--color-muted)}.plans-transaction-type{border-radius:var(--radius-control);background:var(--plans-line-2);color:var(--color-muted);white-space:nowrap;justify-content:center;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.plans-transaction-amount{white-space:nowrap}.plans-transaction-amount.positive{color:var(--color-success)}.plans-transaction-amount.negative{color:var(--color-danger)}.plans-transaction-balance{text-align:right;white-space:nowrap}.plans-transactions-load-more{border-top:1px solid var(--color-line);background:var(--color-surface-raised);justify-content:center;padding:18px 24px;display:flex}.plans-transactions-load-more button{justify-content:center;min-width:150px}@media (max-width:1100px){.sphera-studio-workspace,.sphera-admin-detail-grid,.sphera-file-grid,.sphera-json-grid,.sphera-admin-stats,.analytics-events-filters form,.plans-summary-grid,.sphera-llm-validation-controls{grid-template-columns:1fr}.sphera-studio-shell{height:auto;min-height:100vh;overflow:visible}.sphera-studio-workspace{overflow:visible}.sphera-player-stage{aspect-ratio:843/494;flex:none;width:100%}.plans-plan-card,.plans-topup-card,.plans-summary-card{padding:24px}}@media (max-width:900px){.plans-card-grid,.plans-topup-grid{grid-template-columns:1fr}}@media (max-width:920px){.sphera-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px),(max-width:950px) and (max-height:500px){.sphera-studio-shell,.sphera-admin-main,.sphera-admin-header{padding-left:16px;padding-right:16px}.sphera-studio-header,.sphera-admin-header,.sphera-claim-banner,.sphera-project-bar,.sphera-panel-heading,.sphera-admin-card-header,.sphera-file-preview-header,.analytics-events-header,.analytics-filter-actions,.sphera-header-actions,.sphera-composer-shell,.sphera-prompt-credit-strip,.sphera-project-actions,.sphera-prompt-actions,.sphera-modal-actions,.sphera-player-actions,.sphera-file-preview-actions,.sphera-admin-toolbar,.plans-credits-header,.plans-credits-header-actions,.plans-section-heading,.plans-summary-actions,.plans-credit-row,.sphera-file-row{flex-direction:column;align-items:stretch}.sphera-admin-card-header input{width:100%}.sphera-studio-header .sphera-header-actions{flex-direction:row;justify-content:flex-end;align-items:center}.sphera-claim-modal-actions{align-items:center}.plans-summary-copy{grid-template-columns:1fr}.sphera-modal-backdrop{padding:16px}.sphera-create-modal-head,.sphera-create-step-progress,.sphera-create-modal-body,.sphera-create-modal-footer{padding-left:20px;padding-right:20px}.sphera-template-grid{grid-template-columns:1fr}.sphera-player-card{height:0;min-height:0;box-shadow:none;background:0 0;padding:0;overflow:visible}.sphera-player-card>.sphera-panel-heading{display:none}.sphera-player-card .sphera-player-stage{aspect-ratio:auto;width:0;height:0;min-height:0;overflow:visible;container-type:normal}.sphera-player-card .sphera-player-viewport{border-radius:0;width:0;height:0}.sphera-player-card .sphera-player-viewport[class*=mobileLandscapeViewport],.sphera-player-card .sphera-player-viewport[class*=mobileFullscreenViewport]{z-index:var(--layer-fullscreen);aspect-ratio:auto;width:100vw;max-width:none;height:100dvh;max-height:none;position:fixed;inset:0}.sphera-prompt-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.sphera-prompt-actions .sphera-primary-inline-button{width:100%;min-width:0}.sphera-prompt-actions .sphera-secondary-button{min-width:82px;padding-inline:14px}.sphera-create-modal-footer,.sphera-create-modal-actions{flex-direction:column;align-items:stretch}.sphera-confirmation-modal{width:min(100%,100vw - 24px);padding:24px}.sphera-confirmation-modal h2{font-size:24px}.sphera-level-creation-actions{grid-template-columns:1fr}.plans-balance-topline{flex-direction:column}.plans-summary-card,.plans-plan-card,.plans-topup-card,.plans-transactions-card,.plans-transactions-empty{border-radius:var(--radius-panel)}}@media (max-width:1024px){.sphera-studio-page .sphera-studio-header{display:none}.sphera-studio-page .sphera-studio-shell{padding-top:52px}.sphera-project-pill-row{min-width:0}}