:root{color-scheme:dark;--bg:#070b12;--line:#ffffff14;--muted:#98a7b9;--accent:#9ce8e5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 30%,#12253155,transparent 50%),var(--bg);color:#ecf1f7;font:14px system-ui,sans-serif}a{color:inherit;text-decoration:none}header{padding:23px 4%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:18px;letter-spacing:3px;font-weight:650}.brand span{font-size:10px;letter-spacing:2px;color:var(--muted)}header>div{display:flex;align-items:center;gap:22px;font-size:12px}main{max-width:1700px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:end;padding:58px 0 38px;gap:20px}.eyebrow,.panel-top{font:10px ui-monospace,monospace;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(38px,4.5vw,68px);letter-spacing:-3px;line-height:1.04;margin:19px 0}h1 em{font-style:normal;color:#91d4d2}.lead{color:var(--muted);line-height:1.7;font-size:15px}.intro-note{font:10px ui-monospace,monospace;letter-spacing:1px;padding-bottom:18px}.intro-note p{color:var(--muted);line-height:1.8;letter-spacing:0;margin-top:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:8px}.workspace{display:grid;grid-template-columns:280px minmax(320px,1fr) 270px;gap:16px;align-items:start}.panel{border:1px solid var(--line);border-radius:16px;background:#0c121ccc;overflow:hidden}.panel> :not(.canvas-wrap):not(.world-copy){margin-left:21px;margin-right:21px}.panel-top{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:20px!important;line-height:1.6}.accent{color:var(--accent);letter-spacing:0;font-size:9px}label{display:block;font-size:11px;color:#b5c2d2;margin-top:18px;line-height:1.5}input,textarea,select{font:13px system-ui;width:100%;border:1px solid #ffffff1d;background:#080e16;color:#eef5ff;padding:11px;border-radius:7px;margin-top:7px;min-width:0}textarea{resize:vertical}small{display:block;color:var(--muted);font-size:10px;margin-top:5px}button,.button{cursor:pointer;display:inline-block;border:1px solid #ffffff25;border-radius:8px;color:#e8f2f5;background:#ffffff05;font:12px system-ui;padding:12px 14px;text-align:center;min-height:42px}button:hover,.button:hover{border-color:#95e5e4;background:#9ce8e514}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9ce8e5;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary{background:#a7eeeb;color:#071b21;border-color:#a7eeeb;font-weight:650}.tools button,.tools .button{width:calc(100% - 42px);margin-bottom:9px}.tools>div.editor-only button,.tools>div.editor-only .button{width:100%}.tools p{line-height:1.7}.hint{font-size:11px;color:var(--muted);line-height:1.7}.divider{height:1px;background:var(--line);margin-top:23px;margin-bottom:23px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:16px;margin:0;accent-color:#9ce8e5}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.palette button{background:var(--swatch);min-height:23px;padding:0;border:3px solid #0c121c;border-radius:50%;width:26px;height:26px}.palette [aria-pressed=true]{outline:1px solid #fff;outline-offset:2px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.presets button{text-align:left;font-size:11px;padding:10px}.presets button[aria-pressed=true]{border-color:var(--accent)}.viewport .panel-top{margin-bottom:0!important}.canvas-wrap{position:relative;background:radial-gradient(ellipse at center,#122632,#070b12 70%);overflow:hidden}#planet{width:100%;display:block;aspect-ratio:1.25}.coordinate{position:absolute;top:20px;left:22px;font:9px/1.8 ui-monospace,monospace;color:#a1bdcb88;letter-spacing:1px;pointer-events:none}.scene-controls{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.scene-controls button{font-size:10px;padding:8px;background:#07101bc9}.scene-controls label{margin:0;display:flex;gap:10px;align-items:center}.scene-controls input{width:85px;margin:0;padding:0;accent-color:#a7eeeb}.world-copy{padding:25px 28px 30px;border-top:1px solid var(--line)}.world-copy h2{font-size:38px;letter-spacing:-1.5px;margin:10px 0;overflow-wrap:anywhere}.world-copy>span{font:12px monospace;color:var(--accent)}#world-description{line-height:1.8;color:#b2c0d0;white-space:pre-wrap;overflow-wrap:anywhere}progress{width:100%;height:5px;accent-color:#9ce8e5}ul{padding-left:0;list-style:none;font-size:11px;line-height:2;color:#a9b9c9}footer{padding:35px 0;font:10px ui-monospace,monospace;letter-spacing:1.3px;color:#7f91a5;display:flex;justify-content:space-between;gap:15px}[hidden]{display:none!important}body.viewer .editor-only{display:none!important}body.viewer .workspace{grid-template-columns:minmax(320px,900px) 280px;justify-content:center;margin-top:40px}body.viewer .public-only{display:inline-block!important}body.viewer .tools{margin-top:0}@media(min-width:1101px){.viewport{position:sticky;top:18px}}@media(max-width:1100px){.workspace{grid-template-columns:260px 1fr}.tools{grid-column:1/-1}.tools button{max-width:450px}.intro-note{max-width:220px}}@media(max-width:700px){header{padding:17px 5%}.brand{font-size:14px;letter-spacing:2px}.brand span,header>div>a:first-child{display:none}main{padding:0 5%}.intro{padding:32px 0 20px;display:block}h1{letter-spacing:-1.8px}.intro-note{padding:10px 0}.workspace,body.viewer .workspace{display:flex;flex-direction:column}.workspace>*{width:100%}.viewport{order:-1}.canvas-wrap{max-height:410px}#planet{max-height:410px;object-fit:contain}.world-copy h2{font-size:30px}.tools button{max-width:none}footer{flex-direction:column}.coordinate{font-size:8px}.scene-controls{bottom:10px}body.viewer .tools{order:1}}