@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#252924;background:#e7e5dd;font-synthesis:none;--paper:rgba(248,247,240,.92);--line:rgba(44,49,42,.15);--acid:#d0f066}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent;touch-action:manipulation}button:hover{background:#dfe7d2}button:focus-visible{outline:2px solid #547933;outline-offset:3px}#studio{height:100svh;min-height:480px;position:relative;overflow:hidden}#scene{position:absolute;width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:0;left:0;right:0;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.identity{display:flex;gap:14px;align-items:center}.mark{font-size:44px;line-height:1}h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.5px;font-size:27px;margin:0;font-weight:700}h1 span{font-size:12px;vertical-align:top;margin-left:5px;letter-spacing:0}.identity p{font-size:9px;letter-spacing:2.6px;margin:6px 0 0}.header-right{display:flex;align-items:center;gap:10px;pointer-events:auto}.header-right>span{font-size:9px;letter-spacing:1.5px;margin-right:10px}.header-right button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:18px;background:var(--paper)}.tools{position:absolute;left:36px;top:50%;transform:translateY(-50%);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:6px;box-shadow:0 8px 24px #2629230b}.tools button{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:3px;font-size:27px}.tools small{font-size:8px;letter-spacing:1px}.tools button.active{background:var(--acid)}.tools button:disabled{opacity:.3;cursor:default}.divider{height:1px;background:var(--line);margin:6px}.scene-note{position:absolute;left:36px;bottom:112px;font-size:9px;letter-spacing:1.4px;pointer-events:none}.live-dot{display:inline-block;width:6px;height:6px;background:#668c41;border-radius:50%;margin-right:7px}.scene-note p{font-size:8px;color:#6d7366;margin:8px 0}.inspector{position:absolute;right:36px;bottom:112px;width:330px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:20px;box-shadow:0 10px 40px #2629230a}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#697061}.variant-row{display:flex;align-items:center;gap:12px;margin:16px -5px 10px}.variant-row button{font-size:20px;flex:0 0 27px;height:40px;border-radius:3px}.variant-row>div{flex:1}h2{font-family:'Space Grotesk',sans-serif;font-weight:500}.variant-row h2{font-size:18px;margin:0 0 5px;letter-spacing:-.4px}.variant-row p{font-size:11px;line-height:1.5;color:#697061;min-height:33px;margin:0}#variantDots{display:flex;gap:5px;margin-left:34px}#variantDots span{width:18px;height:3px;background:#d8dcd1}#variantDots span.active{background:#6a824b}.inspector-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:8px;letter-spacing:.6px;color:#697061}footer{position:absolute;bottom:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:0 36px;background:var(--paper)}.gesture>span{display:block;font-size:10px;letter-spacing:1.5px}.gesture small{display:block;color:#73796c;font-size:10px;margin-top:6px}.actions{display:flex;gap:8px}.actions button{font-size:19px;display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:3px}.actions span{font-size:9px;letter-spacing:1px}#toast{position:absolute;left:50%;top:100px;transform:translateX(-50%);padding:12px 20px;background:#292e27;color:#f3f3ea;font-size:12px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.visible{opacity:1}dialog{border:1px solid var(--line);border-radius:8px;background:#f6f5ed;color:#252924;padding:36px;width:min(520px,calc(100% - 30px));box-shadow:0 30px 100px #0003}dialog::backdrop{background:#242a243b;backdrop-filter:blur(5px)}dialog h2{font-size:34px;letter-spacing:-1.3px;line-height:1.1;margin:18px 0}dialog p{font-size:13px;line-height:1.7;color:#717567}dl{display:grid;grid-template-columns:120px 1fr;gap:16px 12px;margin:24px 0}dt{font-size:12px;font-weight:600}dd{font-size:12px;margin:0;color:#697061;line-height:1.5}.primary{background:var(--acid);padding:14px 20px;border-radius:3px;font-size:11px;letter-spacing:1px}.close{position:absolute;right:16px;top:12px;font-size:25px}.fine{font-size:10px!important}.dialog-actions{display:flex;gap:16px;margin-top:25px}#boot{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#e7e5dd;font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-1px}#boot span{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:0}#boot.hidden{display:none}@media(max-width:700px){header{padding:20px}.identity{gap:8px}.mark{font-size:32px}h1{font-size:20px}.identity p{font-size:7px;letter-spacing:1.5px}.header-right>span{display:none}.tools{left:16px}.tools button{width:44px;height:49px}.tools small{font-size:7px}.inspector{right:16px;bottom:100px;width:260px;padding:14px}.scene-note{display:none}footer{height:80px;padding:0 16px}.gesture small{max-width:140px;font-size:9px}.gesture>span{font-size:8px}.actions{gap:0}.actions button{padding:9px}.actions span{display:none}dl{grid-template-columns:85px 1fr;gap:12px}dialog{padding:26px}dialog h2{font-size:29px}}@media(max-height:600px){header{padding-top:16px}.inspector{bottom:96px}.tools button{height:45px}.scene-note{bottom:96px}dialog{max-height:90svh;overflow:auto}}