:root{--bg: #0f1115;--panel: #171a21;--line: #262b36;--text: #e6e9ef;--muted: #8b93a7;--accent: #4c8bf5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100%}.topbar{height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar .muted{color:var(--muted)}.pill{margin-left:auto;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.body{display:flex;flex:1;min-height:0}.panel{width:280px;border-right:1px solid var(--line);background:var(--panel);padding:12px 14px;overflow:auto}.panel h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 8px}.panel ul{list-style:none;padding:0;margin:0}.panel li{margin:4px 0}.panel button{width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer}.panel button.active{border-color:var(--accent);color:#fff}.panel button:disabled{opacity:.4;cursor:default}.panel .muted{color:var(--muted);font-size:13px;line-height:1.5}.tools{display:flex;flex-direction:column;gap:6px}.field{display:flex;align-items:center;gap:8px}.field input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}.field .muted{color:var(--muted)}.chips{display:flex;gap:6px;margin-top:6px}.chips button{width:auto;flex:1;text-align:center;padding:6px 0}.panel button.ghost{margin-top:6px;color:var(--muted)}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.check input{width:auto}.revs{margin-top:8px}.revs li{display:flex;align-items:center;gap:6px;margin:4px 0}.revs .rev-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revs .rev-act{display:flex;gap:4px}.revs .rev-act button{width:28px;padding:4px 0;text-align:center}.storey-edit{display:flex;flex-direction:column;gap:6px;margin-top:6px}.canvas{flex:1;min-width:0;background:repeating-linear-gradient(0deg,#12151b,#12151b 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,#12151b,#12151b 1px,transparent 1px,transparent 40px),#0c0e12}