*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#212529;font-size:14px}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #e9ecef;background:#fff;flex-wrap:wrap;gap:6px;position:relative}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25}.menu{position:absolute;top:calc(100% + 4px);right:8px;z-index:30;display:flex;flex-direction:column;min-width:170px;padding:6px;background:#fff;border:1px solid #dee2e6;border-radius:10px;box-shadow:0 4px 18px #0000001f}.menu button{border:none;text-align:left;padding:10px 12px;font-size:14px;border-radius:6px}.brand{font-weight:650;font-size:15px}.tag{color:#868e96;font-weight:400;font-size:12px;margin-left:6px}.actions{display:flex;gap:6px;flex-wrap:wrap}button{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:5px 10px;font-size:13px;font-family:inherit;color:inherit;cursor:pointer}button:hover{background:#f1f3f5}button.danger{color:#e03131}button.wide{display:block;width:100%;margin:6px 0}button.active{color:#339af0;border-color:#a5d8ff}.main{flex:1;display:flex;min-height:0;position:relative}.side{display:contents}.sheet-bar{display:none}.shared-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 10px #00000014;padding:8px 14px;font-size:13px}.shared-banner span{font-weight:550;color:#495057}.canvas{flex:1;min-width:0;background:#f8f9fa}.canvas svg{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.bg{fill:#f8f9fa}.node .body{fill:#fff;stroke:#ced4da;stroke-width:2;cursor:grab}.node.selected .body{stroke:#339af0;stroke-width:3}.node.ego .body{stroke:#e64980;stroke-width:3}.node text.face{font-size:15px;fill:#343a40;stroke:none}.node .ring{fill:none;stroke:transparent;stroke-width:13;cursor:crosshair}.node:hover .ring{stroke:#339af038}.node .pin{fill:#868e96;pointer-events:none}.node text{font-size:12px;fill:#495057;pointer-events:none;stroke:#f8f9fa;stroke-width:3px;paint-order:stroke}.group-label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;fill:#868e96;stroke:#f8f9fa;stroke-width:3px;paint-order:stroke}.group-label.active{fill:#495057}.blob{cursor:pointer}.face-row{display:flex;gap:5px}.face-row input{flex:1;min-width:0}.emoji-btn{flex-shrink:0;padding:5px 8px}emoji-picker{width:100%;height:320px;margin:6px 0;--num-columns: 7;--emoji-size: 1.25rem;--border-radius: 6px;--border-color: #dee2e6}.field input[type=color]{width:52px;height:28px;padding:1px;border:1px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer}.field+.field,.field{margin-bottom:8px}.edge-hit{stroke:#000;stroke-opacity:0;stroke-width:16;fill:none;cursor:pointer;pointer-events:stroke}.edge-halo{stroke:#339af04d;stroke-width:10}.temp-link{stroke:#339af0;stroke-width:2;stroke-dasharray:6 6;pointer-events:none}.marquee{fill:#339af014;stroke:#339af0;stroke-dasharray:4 4;pointer-events:none}.sidebar{width:290px;border-left:1px solid #e9ecef;background:#fff;overflow-y:auto;padding:12px 14px;font-size:13px}.sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#868e96;margin:18px 0 8px}.sidebar h3:first-child{margin-top:4px}.hint{color:#868e96;line-height:1.5;margin:6px 0}.count{color:#495057;font-weight:550;margin:6px 0}.block{margin:6px 0}.field{display:block}.field span{display:block;color:#868e96;font-size:12px;margin-bottom:3px}input[type=text]{width:100%;padding:5px 8px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;font-family:inherit}input[type=text]:focus{outline:none;border-color:#74c0fc}textarea{width:100%;padding:5px 8px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical}textarea:focus{outline:none;border-color:#74c0fc}button:disabled{opacity:.4;cursor:default}button:disabled:hover{background:#fff}.spot-toggle{width:28px;padding:5px 0;flex-shrink:0;color:#adb5bd}.spot-toggle.on{color:#339af0;border-color:#a5d8ff}.typelist{margin:6px 0}.typerow{display:flex;align-items:center;gap:8px;padding:3px 0;cursor:pointer}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block;flex-shrink:0}.dashed-name{color:#495057}.type-edit-row{display:flex;align-items:center;gap:5px;margin:4px 0}.type-edit-row input[type=color]{width:26px;height:26px;padding:1px;border:1px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer;flex-shrink:0}.type-edit-row .type-name{flex:1;min-width:0}.dash-toggle{width:28px;padding:5px 0;flex-shrink:0;color:#868e96}.dash-toggle.on{color:#339af0;border-color:#a5d8ff}.used{width:16px;text-align:right;color:#adb5bd;font-size:11px;flex-shrink:0}.x{padding:5px 7px;color:#adb5bd;flex-shrink:0}.x:hover{color:#e03131}.type-block{margin:4px 0 8px}.type-pull-row{display:grid;grid-template-columns:36px 1fr 42px;align-items:center;gap:8px;margin:0 0 2px 34px}.type-pull-row .phys-label{font-size:11px;color:#adb5bd}.type-pull-row input[type=range]{width:100%;accent-color:#339af0;margin:0;height:14px}.phys-row{display:grid;grid-template-columns:86px 1fr 42px;align-items:center;gap:8px;margin:6px 0}.phys-label{color:#495057;font-size:12px}.phys-val{color:#868e96;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.phys-row input[type=range]{width:100%;accent-color:#339af0;margin:0}.help{margin-top:18px;color:#495057}.help summary{cursor:pointer;color:#868e96;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.help ul{padding-left:16px;line-height:1.7;margin:8px 0}.help b{font-weight:600}.footer{margin:18px 0 4px;color:#adb5bd;font-size:12px}.footer a{color:#74c0fc;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 700px){header{padding:6px 10px;flex-wrap:nowrap}.brand{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tag{display:none}.actions{flex-wrap:nowrap;flex-shrink:0}button{padding:8px 12px;font-size:14px}.main{flex-direction:column}.sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 16px;border:none;border-top:1px solid #e9ecef;border-radius:0;background:#fff;font-size:13px}.sheet-bar .sheet-label{font-weight:550;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-bar .sheet-chev{color:#868e96}.side{display:block;height:48dvh;flex-shrink:0}.side.closed{display:none}.side .sidebar{width:100%;height:100%;border-left:none}.shared-banner{width:max-content;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}input[type=text],textarea{font-size:16px;padding:8px 10px}.phys-row input[type=range],.type-pull-row input[type=range]{height:28px}}