:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#172b30;background:#e5e9e6;font-size:13px;--accent:#b85b34;--line:#dce1da}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:#fff;color:inherit;transition:.15s}button:hover{border-color:#8a9e99;background:#f2f5ef}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:default}header{height:64px;background:#142c32;color:#f4f5ec;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:19px;letter-spacing:2px;font-weight:700}.mark{font-size:36px;font-weight:400;color:#eda17a}.brand small{font-size:9px;letter-spacing:1.9px;margin-left:16px;color:#a8bdbb}.actions{display:flex;gap:8px;align-items:center}.actions button{background:transparent;color:#e0e9e4;border-color:#40565b}.actions span{font-size:11px;color:#a3b9b6;margin-right:12px}main{display:grid;grid-template-columns:330px 1fr;height:calc(100dvh - 64px)}aside{background:#f9faf5;overflow:auto;border-right:1px solid var(--line)}.intro{padding:26px 24px 20px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:1.7px;font-weight:700}h1{font-weight:500;font-size:30px;letter-spacing:-1px;line-height:1.15;margin:12px 0}p{color:#74817b;line-height:1.6;font-size:12px}details{border-top:1px solid var(--line)}summary{padding:17px 24px;cursor:pointer;font-weight:650;letter-spacing:.15px}details[open] summary{padding-bottom:12px}.controls{padding:0 24px 20px}.field{margin:13px 0}.labelrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:12px}.labelrow label{font-size:12px;color:#4b625f}.numberwrap{display:flex;align-items:center;gap:4px;color:#88948d;font-size:10px}.numberwrap input{width:69px;text-align:right;background:white;border:1px solid var(--line);border-radius:4px;padding:5px;color:#23413e}input[type=range]{width:100%;accent-color:var(--accent);height:4px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}.lock{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px}.explain{font-size:11px;background:#eef1e8;padding:10px;border-radius:5px;margin:10px 0}.exports{padding:12px 24px 26px;border-top:1px solid var(--line)}.exports button{width:100%;margin-bottom:8px;text-align:left}.primary{background:#24483e!important;color:#fff!important;border-color:#24483e!important}.workspace{position:relative;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 50% 40%,#f1f3ed,#cfdad6)}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none;width:100%;height:100%}.toolbar{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;z-index:2;pointer-events:none}.toolbar>*{pointer-events:auto}.segmented{display:flex;padding:3px;background:#fffC;border:1px solid #fff;border-radius:8px;backdrop-filter:blur(12px)}.segmented button{border:0;background:transparent;padding:8px 14px}.segmented .active{background:#25473f;color:white}.layers{position:absolute;bottom:84px;left:22px;right:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:12px;background:#fffD;border:1px solid #fff;border-radius:8px;backdrop-filter:blur(12px)}.layers label{display:flex;align-items:center;gap:3px;font-size:12px;cursor:pointer}.layers button{padding:5px 9px;font-size:11px}.bottom{position:absolute;bottom:0;left:0;right:0;height:65px;padding:14px 22px;background:#edf1e9e8;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #cbd7cf}.bottom strong{font-size:12px;font-weight:600}.bottom small{display:block;margin-top:3px;margin-left:15px;color:#6b8179;font-size:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#719b7b;margin-right:9px}.hint{font-size:10px;color:#788b84;max-width:220px;line-height:1.5}#notice{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#213d34;color:white;padding:10px 17px;border-radius:6px;opacity:0;transition:.2s;pointer-events:none;max-width:90%}#notice.show{opacity:1}#error{position:absolute;inset:80px 24px auto;background:#fff1e5;padding:20px;border-radius:8px;z-index:5}#error[hidden]{display:none}@media(max-width:950px){.hint,.brand small,.actions span{display:none}main{grid-template-columns:285px 1fr}.intro{padding:20px}.controls{padding:0 20px 18px}.toolbar{left:12px;right:12px}.segmented button{padding:8px 9px}.layers{left:12px;right:12px;gap:7px}.toolbar>button{padding:8px}}@media(max-width:650px){header{height:54px;padding:0 13px}.brand{font-size:16px}.actions button{font-size:11px;padding:7px}main{height:auto;display:flex;flex-direction:column}.workspace{height:65dvh;min-height:390px;order:-1}aside{max-height:none}.intro{padding:20px 24px}h1{font-size:25px}h1 br{display:none}.toolbar{top:12px}.layers{bottom:66px;padding:9px;gap:7px}.bottom{height:55px;padding:9px 14px}.exports{display:grid;grid-template-columns:1fr 1fr;gap:6px}.exports h3,.exports p{grid-column:1/-1}.exports button{margin:0}}

.orbit-help{position:absolute;top:78px;left:24px;color:#48655b;font-size:12px;pointer-events:none}.orbit-pad{position:absolute;right:24px;bottom:151px;display:flex;gap:6px}.orbit-pad button{font-size:24px;padding:4px 15px;background:#ffffffdb}.toolbar{justify-content:flex-start}.toolbar #orbit{margin-left:auto}.toolbar #orbit[aria-pressed=true]{background:#24483e;color:white}.toolbar #fit{white-space:nowrap}@media(max-width:650px){.toolbar{flex-wrap:wrap;gap:5px}.toolbar #orbit{margin-left:0}.toolbar #fit{font-size:11px}.orbit-help{top:103px;font-size:11px}.orbit-help span{display:none}.orbit-pad{bottom:160px;right:12px}.segmented button{padding:7px 8px}}
#viewport{inset:66px 0 140px}.orbit-help{top:68px;font-size:11px}.orbit-pad{bottom:148px}@media(max-width:650px){.workspace{min-height:490px}#viewport{inset:96px 0 140px}.orbit-help{top:78px}.orbit-pad{bottom:144px}}
.experience{position:absolute;top:68px;left:22px;display:flex;gap:5px;z-index:3}.experience button{font-size:11px;padding:6px 9px}.orbit-help{top:107px}#viewport{inset:110px 0 165px}.layers{gap:7px}.orbit-pad{bottom:170px}#walkPanel{position:absolute;bottom:172px;left:22px;z-index:4}#walkPanel>div{display:flex;gap:4px;margin-top:5px}#walkPanel button{padding:8px;background:#fffE}#notice{z-index:10;top:125px}#walkPanel[hidden]{display:none}@media(max-width:650px){.workspace{min-height:600px}.experience{top:96px;left:12px}.orbit-help{top:136px;right:12px;line-height:1.4}#viewport{inset:160px 0 165px}.orbit-pad{bottom:172px}}