.wall-editor{--interaction-accent:#ed3f1c;height:100dvh;width:100%;overflow:hidden;background:#e9eae5;font:400 12px/1.4 system-ui,sans-serif;color:#3f453b;position:relative}.wall-editor button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .14s,opacity .14s,box-shadow .14s}.wall-editor [role=slider]:focus-visible,.wall-editor button:focus-visible{outline:2px solid var(--interaction-accent);outline-offset:4px}.wall-editor button:disabled{opacity:.3;cursor:default}.wall-canvas,.wall-viewer{display:block;touch-action:none}.wall-canvas,.wall-edge-overlay,.wall-viewer{position:absolute;inset:0;width:100%;height:100%}.wall-edge-overlay{overflow:visible;pointer-events:none;z-index:2}.wall-edge-overlay g{pointer-events:none;cursor:ew-resize;outline:none}.wall-edge-overlay g[data-wall-edge=top]{cursor:ns-resize}.edge-line,.wall-edge-overlay g[aria-hidden=true],.wall-edge-overlay g[aria-hidden=true] *{pointer-events:none}.edge-line{stroke:#717c66;stroke-width:1;opacity:0;transition:opacity .18s}.edge-hit{stroke:transparent;stroke-width:28}.edge-grip,.edge-hit{pointer-events:stroke}.edge-grip{stroke:var(--interaction-accent);stroke-width:4;stroke-linecap:round;transform:translateY(-1.5px);filter:drop-shadow(0 -.5px 0 rgba(255,225,205,.65)) drop-shadow(0 2px 1px rgba(49,35,25,.18)) drop-shadow(0 4px 3px rgba(49,35,25,.13));opacity:0;transition:opacity .18s}.is-resizing .edge-line,.wall-edge-overlay g:focus .edge-line,.wall-edge-overlay g:hover .edge-line{opacity:.4}.is-resizing .edge-grip,.wall-edge-overlay g:focus .edge-grip,.wall-edge-overlay g:hover .edge-grip{opacity:1}.wall-world-ui{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.wall-editor .wall-plus{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fbfcf8e8;box-shadow:0 1px 5px #33402510,0 0 0 1px #74816514;color:#75816a;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:affordance-in .18s ease-out both}.wall-plus:hover{color:var(--interaction-accent);box-shadow:0 2px 10px #33402518,0 0 0 1px #74816535!important;background:#fff!important}.wall-plus:active{color:var(--interaction-accent);background:#fff0e9!important}.wall-measure{position:absolute;left:0;top:0;opacity:0;pointer-events:none;transition:opacity .18s ease-out}.wall-measure-label{display:flex;align-items:baseline;gap:6px;font-size:13px;letter-spacing:.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transform:translateY(5px) scale(.97);transition:transform .22s cubic-bezier(.22,1,.36,1);color:#535e48}.wall-measure span{color:#909982;font-size:10px}.wall-measure.is-visible{opacity:1}.wall-measure.is-visible .wall-measure-label{transform:translateY(0) scale(1)}@media (prefers-reduced-motion:reduce){.wall-measure-label{transform:none;transition:none}}@media (max-width:650px),(pointer:coarse){.wall-editor[data-appearance=photoreal]{overscroll-behavior:none}.wall-editor[data-appearance=photoreal] .wall-plus{width:44px;height:44px}.wall-editor[data-appearance=photoreal] .edge-hit{stroke-width:44}.wall-editor[data-appearance=photoreal] .edge-grip{opacity:.45}.wall-editor[data-appearance=photoreal] .piece-tool-row{height:auto;min-height:50px;padding:3px 4px;gap:0}.wall-editor[data-appearance=photoreal] .material-dot,.wall-editor[data-appearance=photoreal] .tool-icon{min-width:44px;min-height:44px}.wall-editor[data-appearance=photoreal] .small-word{min-height:44px}.wall-editor[data-appearance=photoreal] .piece-options{top:auto;bottom:58px;max-height:calc(100dvh - 180px);overflow:auto}.wall-editor[data-appearance=photoreal] .piece-options button{min-height:44px;font-size:12px}.wall-editor[data-appearance=photoreal] .keyboard-actions{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:2px;background:#fbfcf9f2;border-radius:9px;padding:2px;box-shadow:0 2px 12px #303c2110}.wall-editor[data-appearance=photoreal] .keyboard-actions .mobile-action{position:static;-webkit-clip-path:none;clip-path:none;width:auto;height:44px;min-width:44px;overflow:visible;padding:0 10px;white-space:nowrap;border-radius:7px}.wall-editor[data-appearance=photoreal] .mobile-action:active{background:#eef1e7}}@media (max-height:450px) and (min-width:651px){.wall-editor[data-appearance=photoreal] .keyboard-actions{left:max(12px,env(safe-area-inset-left));transform:none}}.piece-tools{position:absolute;left:0;top:0;pointer-events:auto;z-index:4;animation:affordance-in .15s ease-out both}.piece-tool-row{height:38px;display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:7px;background:#fbfcf9f2;box-shadow:0 3px 18px #303c2110,0 0 0 1px #8c977d13;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.material-dots{display:flex;gap:2px}.material-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent!important}.material-dot[aria-pressed=true]{border-color:var(--interaction-accent)!important}.material-dot span{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000006}.material-dot.off-white span{background:#e1dfd4}.material-dot.black span{background:#41443d}.material-dot.silver span{background:linear-gradient(110deg,#b8bfbc,#e5e9e5,#acb4b0)}.material-dot.beech span{background:#d6ba8f}.tool-divider{height:15px;width:1px;background:#e0e4d8;margin:0 4px}.tool-icon{width:27px;height:29px;display:grid;place-items:center;border-radius:4px}.tool-icon:hover{background:#e9eddf}.small-word{padding:5px 8px!important;font-size:11px!important;white-space:nowrap}.piece-options{position:absolute;top:45px;left:50%;transform:translateX(-50%);background:#fafbf8f5;border:1px solid #e4e8dc;border-radius:7px;padding:6px;width:210px;box-shadow:0 8px 30px #303c2112;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.piece-options button{display:flex;width:100%;justify-content:space-between;gap:12px;text-align:left;padding:10px 9px;border-radius:3px;font-size:11px}.piece-options button:hover{background:#eef1e7}.piece-options span{color:#7c8b6b}.picker-dismiss{position:absolute;inset:0;width:100%;height:100%;z-index:6;cursor:default!important}.spatial-error{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;padding:12px 16px!important;background:#fafbf7ed!important;border-radius:6px;box-shadow:0 2px 18px #27321910;z-index:9;max-width:calc(100vw - 30px);font-size:11px!important}.keyboard-actions button{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.keyboard-actions button:focus-visible{-webkit-clip-path:none;clip-path:none;width:auto;height:auto;top:18px;right:18px;padding:12px 18px;background:#fafbf7;border-radius:5px;z-index:10}.wall-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;color:#7f8874}@keyframes affordance-in{0%{opacity:0}to{opacity:1}}@keyframes picker-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:650px){.wall-editor .wall-plus{width:32px;height:32px}.piece-tool-row{height:36px}.wall-measure{font-size:12px}.edge-hit{stroke-width:38}.wall-edge-overlay .edge-grip{opacity:.2}}@media (prefers-reduced-motion:reduce){.wall-editor *{animation:none!important;transition:none!important}}