:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}html,body,#root{background:#e7e5e4;height:100%;margin:0;padding:0}body{overflow:hidden}.toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffffeb;border-radius:14px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0f172a1f}.toolbar button{color:#1f2937;width:40px;height:40px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.toolbar button:hover:not(:disabled){background:#f1f5f9}.toolbar button.active{color:#fff;background:#0ea5e9;border-color:#0284c7}.toolbar button:disabled{opacity:.35;cursor:not-allowed}.toolbar .toolbar-divider{background:#0f172a1f;align-self:center;width:1px;height:24px;margin:0 2px}.hint{color:#f8fafc;letter-spacing:.2px;pointer-events:none;z-index:10;background:#0f172ad1;border-radius:999px;padding:8px 16px;font-size:13px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.cam-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;-webkit-user-select:none;user-select:none;background:#ffffffeb;border-radius:14px;grid-template-columns:1fr;justify-items:center;gap:4px;padding:6px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 6px 20px #0f172a1f}.cam-controls .cam-row{gap:4px;display:flex}.cam-controls button{color:#1f2937;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.cam-controls button:hover{background:#f1f5f9}.cam-controls button:active{background:#e2e8f0}.cam-controls button:disabled{color:#cbd5e1;cursor:not-allowed;background:0 0}.cam-controls .cam-reset{color:#475569}.compass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;-webkit-user-select:none;user-select:none;background:#ffffffeb;border-radius:50%;width:56px;height:56px;position:fixed;top:18px;right:18px;box-shadow:0 6px 20px #0f172a1f}.compass-rose{border-radius:50%;position:absolute;inset:0}.compass-label{color:#475569;justify-content:center;align-items:center;width:12px;height:12px;margin:-6px 0 0 -6px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;left:50%}.compass-label.compass-n{color:#dc2626;transform:translateY(-20px)}.compass-label.compass-e{transform:translate(20px)}.compass-label.compass-s{transform:translateY(20px)}.compass-label.compass-w{transform:translate(-20px)}.compass-needle{background:linear-gradient(#dc2626 0% 50%,#94a3b8 50% 100%);border-radius:1px;width:2px;height:22px;margin:-22px 0 0 -1px;position:absolute;top:50%;left:50%}.fps-counter{color:#f8fafc;font-variant-numeric:tabular-nums;letter-spacing:.2px;pointer-events:none;z-index:10;background:#0f172ad1;border-radius:999px;padding:6px 12px;font-size:12px;position:fixed;top:18px;left:18px}.app{position:fixed;inset:0}.app canvas{touch-action:none;cursor:url(/cursor.svg) 4 3,default;width:100%;height:100%;display:block}.app.tool-erase canvas{cursor:url(/cursor-hammer.svg) 24 4,crosshair}.dim-label{color:#fff;letter-spacing:.2px;white-space:nowrap;background:#0ea5e9;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex;transform:translateY(-6px);box-shadow:0 4px 10px #0284c759}.dim-label--typing{background:#0c4a6e;box-shadow:0 4px 12px #0c4a6e80}.dim-caret{vertical-align:-.15em;background:#fff;width:1px;height:.95em;margin:0 1px;animation:1s step-end infinite dim-caret-blink;display:inline-block}.dim-unit{opacity:.85}@keyframes dim-caret-blink{50%{opacity:0}}.angle-label{color:#fff;letter-spacing:.2px;white-space:nowrap;text-shadow:0 1px 2px #0009,0 0 4px #0006;flex-direction:column;align-items:center;gap:2px;font-size:18px;font-weight:700;display:inline-flex}.angle-label svg{filter:drop-shadow(0 1px 1px #00000080);display:block}.wall-edit{color:#fff;letter-spacing:.2px;white-space:nowrap;background:#0ea5e9;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-size:13px;font-weight:600;display:inline-flex;transform:translateY(-6px);box-shadow:0 4px 10px #0284c759}.wall-edit input{width:64px;font:inherit;color:#0c4a6e;text-align:right;-moz-appearance:textfield;background:#fff;border:0;border-radius:999px;outline:none;padding:3px 10px}.wall-edit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wall-edit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}