:root{--ink:#3b2a3f;--soft:#7a6780;--pink:#ff5d9e;--glass:#fffafcdb;--shadow:0 6px 22px #3c143229}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);background:#e8ddd6;margin:0;font-family:Fredoka,system-ui,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.labtop{top:max(12px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:14px;right:14px}.labtop>*{pointer-events:auto}.brand{background:var(--glass);box-shadow:var(--shadow);border-radius:999px;padding:6px 14px;font-size:20px;font-weight:600}.brand b{color:var(--pink);font-weight:700}.brand small{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;margin-left:8px;font-size:10px;font-weight:500}.spacer{flex:1}.ib{background:var(--glass);width:42px;height:42px;box-shadow:var(--shadow);border-radius:50%;font-size:18px}.ib.on{box-shadow:0 0 0 3px var(--pink), var(--shadow)}.labhint{top:calc(max(12px, env(safe-area-inset-top)) + 54px);color:#fff;white-space:nowrap;pointer-events:none;background:#2814238c;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));background:var(--glass);box-shadow:var(--shadow);border-radius:26px;align-items:stretch;gap:10px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.tools,.acts{gap:6px;display:flex}.acts{border-left:1px solid #3c1e3c1f;padding-left:10px}.tool,.act{border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:62px;padding:7px 8px 6px;transition:transform .12s,background .15s;display:flex}.tool .i{font-size:26px;line-height:1.1}.act .i{font-size:20px;line-height:1.2}.tool .n,.act .n{font-size:12px;font-weight:500}.tool.on{box-shadow:0 0 0 2.5px var(--pink);background:#fff}.act.on{background:#ffe3f0}.tool:active,.act:active{transform:scale(.94)}.drawer{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 92px);background:var(--glass);width:min(640px,100vw - 24px);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:10px;padding:14px;animation:.3s cubic-bezier(.2,.9,.3,1.2) rise;display:flex;position:absolute;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-right:4px;font-size:11px;font-weight:600}.chip{background:#fff;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:500}.chip.on{box-shadow:0 0 0 2.5px var(--pink)}.chip.big{border-radius:16px;flex-direction:column;align-items:center;min-width:66px;padding:6px 10px;display:flex}.chip.big .i{font-size:24px}.chip.big .n{font-size:11px}.colors .sw{border:3px solid #fff;border-radius:50%;width:30px;height:30px;box-shadow:0 1px 4px #0000002e}.colors .sw.on{outline:3px solid var(--pink);outline-offset:1px}.make{color:#fff;background:linear-gradient(135deg,#ff8cc0,#ec4f98);border-radius:999px;align-self:stretch;padding:12px;font-size:16px;font-weight:600}.toast{color:#fff;opacity:0;pointer-events:none;background:#281423bf;border-radius:999px;padding:8px 16px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;bottom:150px;left:50%;transform:translate(-50%,8px)}.toast.on{opacity:1;transform:translate(-50%)}svg.stroke{pointer-events:none;opacity:0;width:100%;height:100%;position:fixed;inset:0}svg.stroke.on{opacity:1}svg.stroke line{stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:3 7;filter:drop-shadow(0 1px 2px #0006)}.stats{top:calc(max(12px, env(safe-area-inset-top)) + 96px);z-index:5;pointer-events:none;color:#fff;white-space:pre;background:#140a149e;border-radius:10px;padding:6px 9px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;left:10px}@media (width<=640px){.brand{padding:5px 12px;font-size:16px}.brand small{display:none}.labhint{white-space:normal;text-align:center;width:calc(100vw - 40px);font-size:11px}.dock{border-radius:22px;justify-content:space-between;gap:6px;width:calc(100vw - 16px);padding:6px}.tool,.act{flex:1;min-width:0;padding:6px 2px 5px}.tool .i{font-size:22px}.act .i{font-size:18px}.tool .n,.act .n{font-size:10px}.acts{padding-left:6px}.drawer{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 78px)}.chip.big{min-width:58px}}