: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;min-width:52px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 8px 4px;transition:background .15s,color .15s,border-color .15s;display:flex}.toolbar-label{letter-spacing:.2px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1}.toolbar button:hover:not(:disabled){background:#f1f5f9}.toolbar button.active{color:#fff;background:#0ea5e9;border-color:#0284c7}.toolbar button.active:hover:not(:disabled){background:#0369a1;border-color:#0369a1}.toolbar button:disabled{opacity:.35;cursor:not-allowed}.toolbar .toolbar-divider{background:#0f172a1f;align-self:center;width:1px;height:24px;margin:0 2px}.tool-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffffeb;border-radius:14px;flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 6px 20px #0f172a1f}.tool-sidebar button{color:#1f2937;width:52px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px 4px;transition:background .15s,color .15s,border-color .15s;display:flex}.tool-sidebar-label{letter-spacing:.2px;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1}.tool-sidebar button:hover:not(:disabled){background:#f1f5f9}.tool-sidebar button.active{color:#fff;background:#0ea5e9;border-color:#0284c7}.tool-sidebar button.active:hover:not(:disabled){background:#0369a1;border-color:#0369a1}.selection-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;color:#f1f5f9;background:#1e293bf0;border-radius:14px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a40}.selection-toolbar-label{letter-spacing:.01em;color:#f8fafc;padding:0 14px;font-size:14px;font-weight:600}.selection-toolbar-divider{background:#ffffff29;align-self:center;width:1px;height:22px;margin:0 2px}.selection-toolbar button{color:#f1f5f9;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}.selection-toolbar button:hover{background:#ffffff1f}.selection-toolbar button:disabled{opacity:.35;cursor:not-allowed}.selection-toolbar button:disabled:hover{background:0 0}.selection-toolbar button.primary{color:#fff;background:#0ea5e9;border-color:#0284c7}.selection-toolbar button.primary:hover{background:#0284c7}.selection-toolbar button.danger:hover{color:#fca5a5;background:#ef444433}.paint-flyout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff5;border-radius:14px;flex-direction:column;gap:12px;min-width:180px;padding:12px;display:flex;position:fixed;top:50%;left:88px;transform:translateY(-50%);box-shadow:0 6px 20px #0f172a29}.paint-flyout-section{flex-direction:column;gap:6px;display:flex}.paint-flyout-section-title{letter-spacing:.6px;text-transform:uppercase;color:#64748b;padding-left:2px;font-size:10px;font-weight:700}.paint-flyout-targets{gap:6px;display:flex}.paint-target{color:#1f2937;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px 6px;transition:background .15s,color .15s,border-color .15s;display:flex}.paint-target span{letter-spacing:.2px;font-size:11px;font-weight:600;line-height:1}.paint-target:hover:not(:disabled){background:#e2e8f0}.paint-target.active{color:#fff;background:#0ea5e9;border-color:#0284c7}.paint-target:disabled{opacity:.45;cursor:not-allowed}.paint-flyout-swatches{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.paint-swatch{cursor:pointer;border:1px solid #0f172a2e;border-radius:8px;width:28px;height:28px;padding:0;transition:transform .1s,box-shadow .15s,border-color .15s}.paint-swatch:hover{transform:scale(1.08)}.paint-swatch.active{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e9}.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%)}.shortcuts{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.shortcut-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;letter-spacing:.2px;background:#0f172a8c;border-radius:999px;align-items:center;gap:12px;padding:5px 7px 5px 16px;font-size:14px;font-weight:600;transition:background-color .12s,box-shadow .12s,color .12s;display:inline-flex;box-shadow:0 4px 14px #0f172a2e}.shortcut-row--active{color:#1f2937;background:#f8fafc;box-shadow:0 0 0 2px #facc15,0 4px 14px #0f172a47}.shortcut-row--active .shortcut-key{color:#1f2937;background:#facc15;border-color:#0f172a2e}.shortcut-label{line-height:1}.shortcut-keys{gap:4px;display:inline-flex}.shortcut-key{color:#1f2937;background:#f8fafc;border:1px solid #0f172a14;border-bottom-width:2px;border-radius:7px;justify-content:center;align-items:center;min-width:28px;height:26px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.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}.app.tool-paint canvas{cursor:url(/cursor-paint.svg) 16 28,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}