/* Focused creator journey. Panels remain visible if JavaScript fails. */
.studio-skip{position:absolute;left:18px;top:-70px;z-index:100;background:#b4eee7;color:#08221f;padding:14px}.studio-skip:focus{top:12px}
main{max-width:1320px}.intro{padding:40px 0 22px}.intro h1{font-size:clamp(36px,4.6vw,60px)}.intro .lead{margin-bottom:0}.studio-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--line);padding:0 0 18px}.studio-steps button{display:flex;gap:12px;align-items:center;min-height:54px;text-align:left;border-color:transparent;color:#92a3b6;background:transparent}.studio-steps button span{font:11px ui-monospace,monospace;color:#718395}.studio-steps [aria-current=step]{background:#9ce8e510;border-color:#9ce8e54a;color:#d9fffa}.studio-steps [aria-current=step] span{color:#a7eeeb}.flow-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:16px}.flow-heading h2{font-size:23px;letter-spacing:-.6px;margin:0 0 7px}.flow-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.beta-pill{border:1px solid #9ce8e52b;color:#b2d7d4;padding:8px 12px;border-radius:50px;font:9px monospace;letter-spacing:1px;white-space:nowrap}
.workspace{grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:22px}.workspace .viewport{grid-column:2;grid-row:1}.workspace .stage-panel{grid-column:1;grid-row:auto}.flow-ready .stage-panel{display:none}.flow-ready[data-studio-stage="1"] #studio-design,.flow-ready[data-studio-stage="2"] #studio-review,.flow-ready[data-studio-stage="3"] #studio-publish,.flow-ready[data-studio-stage="4"] #studio-share{display:block;grid-row:1}.panel{border-radius:20px;background:linear-gradient(155deg,#14202dcc,#0b111a 65%)}.panel h3{font-size:25px;letter-spacing:-.7px;line-height:1.2}.panel .hint{font-size:12px}.stage-panel{padding-bottom:15px}.studio-details{border-top:1px solid var(--line);margin-top:20px;padding-top:2px}.studio-details summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;min-height:52px;align-items:center;font-size:12px;color:#c7dcdf;list-style:none}.studio-details summary::-webkit-details-marker{display:none}.studio-details[open] summary span{transform:rotate(45deg)}.studio-details button,.studio-details .button{width:100%;margin-bottom:8px}.workspace-details label.button{margin-top:0}.required{float:right;color:#7f94a8;font-size:10px;font-weight:400}.presets{gap:9px}.presets button{position:relative;min-height:112px;overflow:hidden;padding:64px 12px 12px;background:radial-gradient(ellipse at 75% 0%,#223749,#09111e 80%);line-height:1.4}.presets button::before{content:'';position:absolute;width:50px;height:50px;border-radius:50%;top:12px;left:13px;background:radial-gradient(circle at 28% 24%,transparent 16%,#030912 86%),var(--preset-texture) center/110px 55px;box-shadow:0 0 20px var(--preset-glow,#2a6988)}.presets button[aria-pressed=true]{background-color:#152e39;box-shadow:inset 0 0 0 1px #9ce8e52b}.presets button[aria-pressed=true]::after{content:'✓';position:absolute;top:15px;right:13px;color:#a7eeeb}.presets button small{font-size:10px;color:#839bb0}.palette{grid-template-columns:repeat(5,1fr)}.palette button{width:44px;height:44px;border-width:9px;min-height:44px}button,.button{min-height:46px}#identity{padding-bottom:3px}#identity .panel-top{margin:20px 0 0!important;padding:19px 0 12px}.world-copy h2{font-size:clamp(28px,3vw,40px)}#world-state{color:#b7d1d2;line-height:1.6;font-size:9px}.viewport{align-self:start}.viewport .canvas-wrap{background:#060c16}#planet{aspect-ratio:1.25}.tools button,.tools .button{max-width:none}.tools>.studio-details button{width:100%}.artwork-preview{border-radius:12px;overflow:hidden;border:1px solid #ffffff1c;background:#050c16;aspect-ratio:16/9;margin-bottom:14px}#artwork-image{display:block;width:100%;height:100%;object-fit:contain}#artwork-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7e9da9;font-size:11px;text-align:center;padding:12px}#artwork-placeholder span{font-size:42px;color:#9ce8e5}#artwork-placeholder p{margin:8px 0}.flow-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 0;border-bottom:1px solid var(--line)}#flow-count{color:#8297aa;font:11px monospace;flex:1;text-align:center}#flow-next{min-width:190px}#stage-title:focus{outline:none}body.viewer .workspace{grid-template-columns:minmax(0,1fr) 340px}body.viewer #studio-share{display:block;grid-column:2;grid-row:1}body.viewer .viewport{grid-column:1;grid-row:1}body.viewer .workspace .viewport{position:static}
@media(min-width:701px){.viewport{position:sticky;top:20px}.flow-ready[data-studio-stage="4"] .viewport{position:static}}
@media(max-width:700px){main{padding:0 5%}.intro{padding:22px 0 18px}.intro h1{font-size:36px;margin:12px 0}.intro-note{padding:12px 0 0}.studio-steps{position:sticky;top:0;z-index:15;gap:3px;padding:8px 0;background:#070c14f5;backdrop-filter:blur(14px);border-color:#ffffff17}.studio-steps button{display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:11px;padding:8px 3px;min-height:57px;border-radius:10px}.studio-steps button span{font-size:9px}.flow-heading{padding:18px 0}.flow-heading h2{font-size:21px}.flow-heading p{font-size:12px}.beta-pill{display:none}.workspace,body.viewer .workspace{display:flex;gap:16px}.workspace .viewport{position:static;order:-1;scroll-margin-top:82px}.workspace .panel{border-radius:16px}.workspace .presets button{min-height:112px;font-size:12px}.workspace .palette{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace .palette button{width:44px;max-width:100%;height:44px}.workspace #planet{max-height:none;aspect-ratio:1.25}.flow-ready[data-studio-stage="1"] .viewport .world-copy{display:none}.flow-ready[data-studio-stage="1"] .viewport #planet{height:230px;object-fit:contain}.flow-ready[data-studio-stage="3"] .viewport,.flow-ready[data-studio-stage="4"] .viewport{display:none}.flow-ready[data-studio-stage="2"] .viewport .world-copy{padding:22px}.flow-actions{padding:18px 0;flex-wrap:wrap}#flow-count{order:-1;flex-basis:100%;text-align:left;font-size:10px}#flow-next{flex:1;min-width:0;min-height:52px}#flow-back{min-height:52px}.tools .hint{font-size:13px}.workspace .tools>h3{font-size:26px}.studio-details summary{min-height:54px;font-size:13px}.scene-controls label{color:#d5e9ed}.workspace .scene-controls{left:12px;right:12px}.workspace .coordinate{font-size:7px}.studio-details .button{display:block}body.viewer #studio-share{order:1}body.viewer .viewport{display:block}.required{font-size:10px}.workspace #studio-design,.workspace #studio-publish{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Premium collection, with the same polished renderer for free worlds. */
.studio-premium-invite{padding:22px 18px;margin-top:20px;border:1px solid #91dcd33a;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#32566a45,transparent 70%),#111e29}.studio-premium-invite .eyebrow{font-size:9px;letter-spacing:.16em;color:#a5eadb;margin:0 0 12px}.studio-premium-invite h3{font-size:23px;margin:0 0 10px;line-height:1.15}.studio-premium-invite>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#9fb5c3}.studio-premium-invite button,.studio-premium-invite a{width:100%;margin-top:8px}.studio-premium-invite button[aria-pressed=true]{border-color:#a2e8d9;background:#9ce8d015}#premium-world-link{color:#b1edde;font-size:12px;background:#9ce8d00a}#planet{cursor:grab;touch-action:pan-y}#planet:active{cursor:grabbing}.coordinate{pointer-events:none}#render-tier{font-size:9px;letter-spacing:.08em}.viewer .studio-premium-invite{display:none}@media(max-width:700px){.flow-ready[data-studio-stage="1"] .viewport #planet{height:auto;aspect-ratio:1.25}.workspace .coordinate{font-size:8px}.scene-controls{background:#080f1bc9;border:1px solid #b0d6e021;border-radius:10px;padding:7px}.studio-premium-invite{padding:20px}.studio-premium-invite h3{font-size:24px}}

.graphics-status{font-size:11px;line-height:1.7;color:#a8c7ce;padding:0 24px}.graphics-status:empty{display:none}
.collection-tabs{display:flex;gap:7px;margin:0 0 14px}.collection-tabs button{flex:1;padding:11px 8px;font-size:11px;line-height:1.5;border-radius:9px}.collection-tabs button[aria-pressed=true]{background:#163239;border-color:#6fc7c0;color:#c6fff5}.presets [hidden]{display:none!important}.world-source{font-size:10px;line-height:1.6;color:#91a6b9;padding:0 20px;margin:0 0 15px}.world-source a{text-decoration:underline;white-space:nowrap}.studio-launch-handoff{border-top:1px solid #b6e9ed26;padding-top:18px;margin-top:20px}.studio-launch-handoff a[aria-disabled=true]{opacity:.45;cursor:not-allowed}.studio-launch-handoff .check{line-height:1.6;font-size:12px;align-items:flex-start}.studio-launch-handoff input[type=checkbox]{flex-shrink:0;margin-top:4px}

/* Saved-design recovery is available in both the preview and the mobile launch kit. */
.saved-look-status{display:flex;align-items:center;gap:14px;margin:16px 20px;padding:14px 16px;border:1px solid #8ddad22b;border-radius:10px;background:#10232d;color:#bbd9df}.saved-look-status[hidden]{display:none}.saved-look-status p{flex:1;margin:0;font-size:12px;line-height:1.6}.saved-look-status button{flex-shrink:0;font-size:12px;padding:10px 14px;min-height:44px}.saved-look-status button[hidden]{display:none}.saved-look-status[data-state=error]{border-color:#c3ad743d;background:#24251f;color:#eee0bc}#export-look-status{margin:0 0 16px;flex-wrap:wrap}#export-look-status button{width:100%}@media(max-width:700px){.saved-look-status{flex-wrap:wrap;margin:12px 16px}.saved-look-status p{flex-basis:100%}.saved-look-status button{width:100%}}