:root{--bg: #f4f5f7;--panel: #ffffff;--border: #e2e6ec;--text: #1f2430;--text-muted: #6b7280;--accent: #d72727;--accent-soft: #fde8e8;--shadow: 0 1px 3px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-rows:56px 1fr;height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:10}.toolbar h1{font-size:16px;font-weight:600;margin:0}.toolbar .meta{color:var(--text-muted);font-size:12px;margin-left:12px}.toolbar .actions{display:flex;gap:8px}button{font-family:inherit;font-size:13px;padding:6px 12px;background:var(--panel);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text);transition:background .1s}button:hover{background:#f0f2f5}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:#b81f1f}button.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.layout{display:grid;grid-template-columns:220px 1fr 300px;height:100%;min-height:0}.panel-left,.panel-right{background:var(--panel);overflow-y:auto;border-right:1px solid var(--border)}.panel-right{border-right:none;border-left:1px solid var(--border)}.panel-section{padding:16px;border-bottom:1px solid var(--border)}.panel-section h3{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.catalog-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:4px;border:1px solid transparent}.catalog-item:hover{background:#f7f8fa;border-color:var(--border)}.catalog-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.catalog-label{font-size:13px}.main-area{display:grid;grid-template-rows:1fr 1fr;min-height:0}.view-pane{position:relative;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--border)}.view-pane:last-child{border-bottom:none}.view-label{position:absolute;top:10px;left:14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#ffffffb3;padding:4px 8px;border-radius:4px;pointer-events:none;z-index:5}.svg-stage{width:100%;height:100%;display:block;background:#fafbfc}.svg-stage .wall{stroke:#2c3340;stroke-width:.12;stroke-linecap:round;fill:none}.svg-stage .door{stroke:#d72727;stroke-width:.18;stroke-linecap:round;fill:none}.svg-stage .door-arc{stroke:#d72727;stroke-width:.04;fill:none;opacity:.4}.svg-stage .window{stroke:#4f8fd6;stroke-width:.16;stroke-linecap:butt;fill:none}.svg-stage .zone{fill-opacity:.18;stroke-width:.04;stroke-dasharray:.15 .1}.svg-stage .zone-label{font-size:.22px;fill:#5e6776;font-weight:500;pointer-events:none}.svg-stage .equipment{cursor:move;transition:filter .1s}.svg-stage .equipment:hover{filter:brightness(.95)}.svg-stage .equipment-rect{stroke:#2c3340;stroke-width:.03}.svg-stage .equipment.selected .equipment-rect{stroke:var(--accent);stroke-width:.08}.svg-stage .equipment-label{font-size:.16px;fill:#2c3340;text-anchor:middle;pointer-events:none;font-weight:500}.props-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px;margin-bottom:8px}.props-row label{font-size:12px;color:var(--text-muted)}.props-row input,.props-row select{font-family:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--border);border-radius:5px;width:100%;background:#fff}.props-row.full{grid-template-columns:1fr}.props-row.split input{width:60px}.empty-state{color:var(--text-muted);font-size:13px;font-style:italic}.tip{padding:10px 12px;background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:4px;margin-bottom:8px;font-size:12.5px}.tip .tip-title{font-weight:600;margin-bottom:4px}.tip.info{background:#e6f0fb;border-left-color:#4f8fd6}.tip.ok{background:#e6f6ec;border-left-color:#2f9f4f}.danger-btn{background:transparent;color:var(--accent);border-color:var(--accent)}.danger-btn:hover{background:var(--accent-soft)}