:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#283b32;background:#f5f1e8;font-synthesis:none;--ink:#283b32;--line:#d5d6c7}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #8b513a;outline-offset:4px}button{border:1px solid var(--line);background:#faf8f0;border-radius:30px;padding:10px 17px;transition:background .18s,transform .18s}button:hover{background:#e1e7d8;transform:translateY(-2px)}button[aria-pressed=true]{background:#344b3c;color:white}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #deded0}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-weight:600;font-size:15px}.brand small{display:block;font-weight:400;font-size:9px;letter-spacing:1.7px;margin-top:7px}.monogram{width:39px;height:39px;border:1px solid #6d7b68;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.edition{font-size:11px;letter-spacing:1px;color:#677466}#studio{height:calc(100svh - 174px);min-height:560px;max-height:1000px;position:relative;overflow:hidden;background:#e8e2d6}#scene,#fallback{position:absolute;inset:0;width:100%;height:100%;display:block}#scene{touch-action:pan-y;opacity:0;transition:opacity .7s}#scene.ready{opacity:1}#fallback{object-fit:cover}.intro{position:absolute;top:25px;left:4vw;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#637365;font-weight:600}.intro h1{font-size:clamp(23px,2.3vw,35px);font-weight:500;letter-spacing:1px;margin:10px 0}.intro>p:last-child{font-size:12px;line-height:1.8;color:#536255;margin:0}.corner{position:absolute;right:4vw;top:28px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px}.live-dot{width:6px;height:6px;border-radius:50%;background:#66835a}.tools{position:absolute;right:3vw;bottom:20px;display:flex;gap:8px}.tools button{font-size:12px;background:#f7f5ebe8;backdrop-filter:blur(10px)}.drag-cue{position:absolute;bottom:24px;left:4vw;font-size:11px;letter-spacing:2px;color:#455442}#loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#f5f1e8ee}#loading[hidden],#fallback[hidden],[hidden]{display:none!important}.spinner{width:26px;height:26px;border:2px solid #d5d6c7;border-top-color:#63745a;border-radius:50%;animation:spin 1s linear infinite}#loading b{font-weight:500}#progress{font-size:12px;color:#637365}.error-action{margin-top:12px}@keyframes spin{to{transform:rotate(360deg)}}#hint{position:absolute;pointer-events:none;z-index:4;font-size:12px;padding:8px 13px;background:#2d4439;color:white;border-radius:20px;box-shadow:0 4px 15px #0001}#toast{position:absolute;z-index:4;left:50%;bottom:80px;transform:translateX(-50%);padding:15px 23px;background:#faf8efeF;box-shadow:0 10px 35px #25321d20;border:1px solid #d9dece;border-radius:13px;font-size:14px;white-space:normal;max-width:85%;min-width:210px;text-align:center}#explore{padding:16px 4vw 18px;display:flex;gap:28px;align-items:center;background:#faf8f0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.explore-heading{flex-shrink:0;font-size:12px}.explore-heading small{display:block;font-size:10px;color:#81907a;margin-top:7px}.objects{display:flex;gap:7px;flex-wrap:wrap}.objects button{font-size:11px;padding:8px 12px;background:transparent}.objects button:hover{background:#e4e9dd}.after{padding:85px 8vw 70px;max-width:950px;margin:auto}.after h2{font-size:30px;font-weight:500}.after p{line-height:1.9;font-size:14px}.stage-note{color:#7c8275;font-size:12px!important}details{font-size:11px;color:#777e71;margin-top:35px}output{display:block;white-space:pre-wrap;margin-top:12px}dialog{border:1px solid #ccd3c2;background:#faf8f1;color:var(--ink);border-radius:18px;width:min(420px,90vw);margin:auto 4vw auto auto;padding:34px;box-shadow:0 25px 100px #2035292b;max-height:85svh;overflow:auto}dialog::backdrop{background:#17281f12}dialog h2{font-size:27px;font-weight:500;margin:19px 0}dialog p{font-size:14px;line-height:1.9}dialog ol{padding-left:20px;line-height:2;font-size:14px}dialog a{color:#425e45;text-underline-offset:4px}dialog #close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px;padding:4px 10px}dialog #back{margin-top:20px;font-size:12px}dialog .project-card{padding:17px 0;border-bottom:1px solid #d7dbcb}dialog .project-card h3{font-size:17px;margin:5px 0}.mini-app{padding:16px;background:#e5eadd;border:1px solid #c4ceb8;border-radius:8px;margin:20px 0}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:45px}.waveform i{width:4px;background:#6e8a62;border-radius:2px}.mini-app small{display:block;font-size:11px;margin:12px 0;color:#617655}.skip{position:fixed;top:-100px;left:10px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}body.reduced *,body.reduced *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:700px){header{height:69px;padding:0 20px}.brand small{font-size:7px}.edition{font-size:9px}.intro{left:20px;top:20px}.intro h1{font-size:23px}.intro>p:last-child{font-size:11px}.corner{top:135px;left:20px;right:auto;font-size:10px}#studio{height:65svh;min-height:460px;max-height:680px}.tools{bottom:15px;right:16px}.tools button{font-size:10px;padding:9px 12px}.drag-cue{bottom:65px;left:20px;font-size:10px}.objects{gap:7px}.objects button{padding:10px 12px}#explore{display:block;padding:20px}.explore-heading{display:flex;gap:10px;align-items:center;margin-bottom:14px}.explore-heading small{margin:0}.after{padding:55px 24px}.after h2{font-size:25px}dialog{margin:auto;padding:28px}#toast{bottom:105px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}