:root{--bg: #010B16;--card: #16283C;--hover: #1E3450;--banner: #001323;--accent: #96E802;--accent-text: #003057;--text: #E5E5E5;--muted: #A3A3A3;--warn: #FCD34D;--bad: #FCA5A5;--border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{display:flex;height:100%}.side{display:flex;flex-direction:column;gap:12px;width:300px;flex:0 0 300px;padding:12px;background:var(--banner);border-right:1px solid var(--border);overflow-y:auto}.logo{height:56px;width:auto;align-self:flex-start}.panel{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px}.caption{margin:0;color:var(--muted)}.foot{margin-top:auto;padding-top:12px;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}.viewport{flex:1 1 auto;min-width:0;background:var(--bg)}.row{display:flex;gap:6px}.btn{flex:1 1 auto;padding:6px 8px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:6px;font:inherit;cursor:pointer}.btn:hover{background:var(--hover)}.btn.btn-on,.btn.btn-on:hover{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.toolbar{display:flex;flex-direction:column;gap:6px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.btn:disabled{color:var(--muted);cursor:default;opacity:.5}.btn:disabled:hover{background:var(--card)}.field{flex:1 1 auto;min-width:0;padding:6px 8px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;font:inherit}.bad{color:var(--bad)}.guide-hint{padding:4px 8px;color:var(--muted);background:var(--banner);border:1px solid var(--border);border-radius:6px;font:12px/1.4 system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.room-label{color:var(--text);font:12px/1.4 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 3px var(--bg),0 0 6px var(--bg);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.tape-label{padding:2px 6px;color:var(--accent-text);background:var(--accent);border-radius:4px;font:12px/1.4 system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.field-row{display:flex;align-items:center;gap:8px;margin-top:6px}.field-label{flex:0 0 92px;color:var(--muted)}.field-value{flex:1 1 auto;min-width:0}.field-row input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--accent)}.panel select.field{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.panel>.btn{margin-top:8px}.preview{display:block;width:100%;height:auto;margin-top:8px;border:1px solid var(--border);border-radius:4px;background:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#010b16cc}.modal-card{display:flex;flex-direction:column;gap:8px;width:min(720px,100%);padding:16px;background:var(--card);border:1px solid var(--border);border-radius:8px}.crop-area{position:relative;height:min(60vh,420px);background:var(--bg);border-radius:6px;overflow:hidden}