:root{--text: #333;--text-muted: #666;--bg: #fafafa;--border: #ddd;--accent: #2563eb;--accent-hover: #1d4ed8;--surface: #fff;--surface-alt: #f5f5f5;--surface-hover: #f9f9f9;--canvas-bg: #f8f8f8;--canvas-border: #ddd;--canvas-grid: #000;--blackout-fill: #2a2a2a;--blackout-stroke: #1a1a1a;--handle-fill: #c0c0c0;--handle-stroke: #999;--warning: #b45309}@media(prefers-color-scheme:dark){:root{--text: #e4e4e7;--text-muted: #a1a1aa;--bg: #18181b;--border: #3f3f46;--accent: #3b82f6;--accent-hover: #60a5fa;--surface: #27272a;--surface-alt: #3f3f46;--surface-hover: #3f3f46;--canvas-bg: #27272a;--canvas-border: #3f3f46;--canvas-grid: #d4d4d8;--blackout-fill: #3f3f46;--blackout-stroke: #52525b;--handle-fill: #71717a;--handle-stroke: #a1a1aa;--warning: #f59e0b}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.app header h1{margin:0;font-size:1.5rem;font-weight:600}.app main{display:flex;flex:1;gap:1.5rem;padding:1.5rem;align-items:flex-start}@media(max-width:900px){.app main{flex-direction:column}}.app aside{flex-shrink:0;width:280px}.app .output{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.canvas-container{width:100%;min-width:0}.canvas-wrapper{position:relative;flex-shrink:0}.canvas-wrapper .wall-canvas{display:block}.canvas-resize-handle{position:absolute;right:0;bottom:0;width:20px;height:20px;padding:0;margin:0;border:none;background:transparent;cursor:nwse-resize}.canvas-resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-right:2px solid var(--border);border-bottom:2px solid var(--border);border-radius:0 0 4px}.canvas-resize-handle:hover:after{border-color:var(--accent)}.controls-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.controls-panel h2{margin:0 0 .25rem;font-size:1rem;font-weight:600}.controls-panel label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.controls-panel label:first-letter{text-transform:capitalize}.controls-panel input[type=number]{padding:.4rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.875rem}.controls-panel fieldset{border:1px solid var(--border);border-radius:4px;padding:.75rem;margin:0}.controls-panel fieldset legend{font-size:.8rem;padding:0 .25rem}.controls-panel fieldset label{margin-bottom:.5rem}.controls-panel fieldset label:last-child{margin-bottom:0}.randomize-btn{padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:6px;cursor:pointer;margin-top:.5rem}.randomize-btn:hover{background:var(--accent-hover)}.controls-panel .slider-row .slider-with-value{display:flex;align-items:center;gap:.5rem}.controls-panel .slider-row input[type=range]{flex:1}.controls-panel .slider-value{font-size:.8rem;color:var(--text-muted);min-width:2.5rem}.controls-panel .color-picker-row{display:flex;align-items:center;gap:.5rem}.controls-panel .color-input{width:2.5rem;height:2rem;padding:2px;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:var(--surface)}.controls-panel .color-value{font-size:.8rem;font-family:ui-monospace,monospace;color:var(--text-muted)}.info{margin:-.5rem 0 0;font-size:.8rem;color:var(--text-muted)}.warning{margin:-.5rem 0 0;font-size:.8rem;color:var(--warning)}.wall-canvas{border:1px solid var(--border);border-radius:4px;width:100%;height:auto;display:block}.wall-canvas .wall-bg{fill:var(--canvas-bg);stroke:var(--canvas-border)}.wall-canvas .measurement-grid{stroke:var(--canvas-grid)}.wall-canvas .measurement-grid-labels{fill:var(--canvas-grid)}.wall-canvas .dot-grid circle{fill:var(--canvas-grid)}.wall-canvas .blackout-rect{fill:var(--blackout-fill);stroke:var(--blackout-stroke)}.wall-canvas .blackout-handle{fill:var(--handle-fill);stroke:var(--handle-stroke)}.table-section h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.coordinates-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.coordinates-table{width:100%;border-collapse:collapse;font-size:.8rem}.coordinates-table th,.coordinates-table td{padding:.4rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.coordinates-table th{background:var(--surface-alt);font-weight:600}.coordinates-table tbody tr:hover{background:var(--surface-hover)}.coordinates-table td:nth-child(3),.coordinates-table td:nth-child(4){font-variant-numeric:tabular-nums}.coordinates-table caption{padding:.5rem .75rem;font-size:.75rem;color:var(--text-muted);text-align:left;caption-side:top}