*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #151515;--surface: #1c1c1c;--surface2: #222222;--border: #2a2a2a;--text: #d0d0d0;--text-muted: #555555;--accent: #ffffff;--error: #cc4444;--warn: #aa7700;font-family:system-ui,sans-serif;font-size:14px}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text)}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.toolbar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.toolbar h1{font-size:13px;font-weight:500;color:var(--text-muted);margin-right:auto;letter-spacing:.04em}.toolbar button{padding:4px 10px;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:11px;letter-spacing:.03em}.toolbar button:hover{color:var(--text);border-color:#444}.main-layout{display:grid;grid-template-columns:320px 1fr;overflow:hidden;height:100%}.pane{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.pane:last-child{border-right:none}.pane-header{padding:6px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.pane-body{flex:1;overflow:hidden;position:relative}#editor-pane .pane-body{overflow:hidden}.cm-editor{height:100%}#viewport-pane{background:var(--bg)}#viewport-svg{width:100%;height:100%;display:block;cursor:default}#viewport-svg .iso-object{cursor:pointer}.statusbar{display:flex;align-items:center;gap:16px;padding:4px 14px;background:var(--bg);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);flex-shrink:0}.statusbar-errors.has-errors{color:var(--error)}.statusbar-errors.has-warnings{color:var(--warn)}.statusbar-errors.ok{color:var(--text-muted)}