:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#12131a;color:#f2f2f7;overflow:hidden}#app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#1a1c26;border-bottom:1px solid #2b2e3d;flex-wrap:wrap}.topbar h1{font-size:15px;margin:0;font-weight:600;white-space:nowrap}.room-controls{display:flex;align-items:center;gap:8px}.room-controls input{background:#0f1017;border:1px solid #33364a;color:#f2f2f7;border-radius:6px;padding:5px 8px;font-family:monospace;font-size:13px;width:9ch;letter-spacing:.06em}button{background:#2b2e3d;color:#f2f2f7;border:1px solid #3a3d52;border-radius:6px;padding:5px 10px;font-size:13px;cursor:pointer}button:hover{background:#383c52}.status{font-size:12px;color:#9498b0}.topology{margin-left:auto;display:flex;align-items:center;gap:10px}.topology .no-server-badge{font-size:11px;letter-spacing:.03em;text-transform:uppercase;background:#133a2b;color:#5fe3a1;border:1px solid #1f5c42;border-radius:999px;padding:3px 9px;white-space:nowrap}.topology-graph{display:block}.topology-graph text{font-size:9px;fill:#cdd0e0;font-family:monospace}.canvas-wrap{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 1px 1px,#23263300 0,#23263300 0),#15161f;background-image:linear-gradient(#1e2130 1px,transparent 1px),linear-gradient(90deg,#1e2130 1px,transparent 1px);background-size:32px 32px;cursor:crosshair}.hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:12px;color:#6f7390;pointer-events:none}.shape{position:absolute;width:34px;height:34px;border-radius:8px;transform:translate(-50%,-50%);cursor:grab;border:2px solid rgba(255,255,255,.55);box-shadow:0 2px 8px #0006}.shape:active{cursor:grabbing}.cursor{position:absolute;transform:translate(-2px,-2px);pointer-events:none;display:flex;align-items:center;gap:4px;transition:left 60ms linear,top 60ms linear}.cursor .dot{width:12px;height:12px;border-radius:50%;border:2px solid #12131a}.cursor .label{font-size:10px;background:#12131add;padding:1px 5px;border-radius:4px;white-space:nowrap}