:root{--panel:#201914c7;--panel-line:#fff0dc24;--text:#f6efe6;--muted:#cbbfb1;--accent:#c9502a;--ok:#35b27a;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--text);background:#cfc7bb;margin:0;overflow:hidden}#app{position:fixed;inset:0}#scene{touch-action:none;position:absolute;inset:0}#scene canvas{display:block}body[data-tool=look] #scene canvas{cursor:grab}body:not([data-tool=look]) #scene canvas{cursor:crosshair}button{font:500 14px var(--font);color:var(--text);border:1px solid var(--panel-line);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:8px 12px}button:hover{background:#ffffff1f}button:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #ffd7b8}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:#db6036}.top{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.top>*{pointer-events:auto}.brand{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:10px 14px}.brand h1{letter-spacing:.01em;margin:0;font-size:18px}.brand p{color:var(--muted);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:13px}.actions{background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:8px;display:flex}.more{position:relative}.more summary{font:500 14px var(--font);border:1px solid var(--panel-line);cursor:pointer;border-radius:10px;padding:8px 12px;list-style:none}.more summary::-webkit-details-marker{display:none}.menu{background:var(--panel);border:1px solid var(--panel-line);z-index:2;border-radius:12px;gap:6px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.menu button{text-align:left}.bar{padding:10px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.bar>*{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:6px}.pieces{scrollbar-width:none;gap:4px;max-width:100%;display:flex;overflow-x:auto}.tool{background:0 0;border-color:#0000;justify-items:center;gap:2px;min-width:62px;padding:6px 6px 5px;display:grid}.tool svg{width:24px;height:24px}.tool span{color:var(--muted);font-size:11.5px}.tool[aria-pressed=true]{border-color:var(--accent);background:#c9502a47}.tool[aria-pressed=true] span{color:var(--text)}.adjust{align-items:center;gap:6px;display:flex}.height{align-items:center;gap:4px;display:flex}.height button{padding:8px 10px}.height output{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;color:var(--muted);font-size:13px}body[data-tool=look] .adjust #rotate,body[data-tool=look] .height,body[data-tool=erase] .adjust #rotate,body[data-tool=erase] .height{opacity:.45}body[data-selected] .adjust #rotate,body[data-selected] .height{opacity:1}#toast{background:var(--panel);border:1px solid var(--panel-line);opacity:0;pointer-events:none;border-radius:12px;max-width:calc(100% - 32px);padding:10px 14px;font-size:14px;transition:opacity .2s,transform .2s;position:absolute;bottom:150px;left:50%;transform:translate(-50%,12px)}#toast.on{opacity:1;transform:translate(-50%)}@media (max-width:640px){.brand h1{font-size:16px}.actions #clear{display:none}.tool{min-width:54px}.bar{gap:6px}#toast{bottom:170px}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}