select{color:var(--text);}select option{color:#0b1020;background:#ffffff;}:root{--bg:#0b1020;--panel:#111831;--panel2:#0f1630;--text:#e8ecff;--muted:#9aa7d6;--accent:#7aa2ff;--danger:#ff5d7a;--ok:#57f287;--stroke:#cfd6ff;--grid:#23305c;--grid2:#1a2446;--shadow:0 12px 30px rgba(0,0,0,.35);--radius:14px;--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:linear-gradient(180deg,#070b18,#0b1020);color:var(--text);height:100vh;overflow:hidden;display:flex;flex-direction:column;}.topbar{position:relative;margin:12px;display:flex;gap:10px;align-items:center;padding:10px 12px;background:rgba(17,24,49,.85);border:1px solid rgba(122,162,255,.25);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px);z-index:10;flex-wrap:wrap;}.group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1}button{border:1px solid rgba(207,214,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text);padding:9px 10px;border-radius:12px;cursor:pointer;font-size:13px;user-select:none;transition:.12s transform ease,.12s border-color ease,.12s background ease;}button:hover{transform:translateY(-1px);border-color:rgba(122,162,255,.5)}button:active{transform:translateY(0px)}button.primary{border-color:rgba(122,162,255,.55)}button.danger{border-color:rgba(255,93,122,.55)}button.active{border-color:rgba(122,162,255,.9);box-shadow:0 0 0 3px rgba(122,162,255,.15);}button:disabled{opacity:.45;cursor:not-allowed;transform:none;border-color:rgba(207,214,255,.18);}.hint{font-size:12px;color:var(--muted);padding:6px 10px;border:1px dashed rgba(207,214,255,.25);border-radius:12px;background:rgba(15,22,48,.5);max-width:560px;}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:11px;padding:2px 6px;border-radius:8px;border:1px solid rgba(207,214,255,.25);background:rgba(0,0,0,.25);color:var(--text);}svg#canvas{flex:1;min-height:0;width:100vw;height:auto;display:block;}.node-shape{stroke:var(--stroke);stroke-width:2;fill:rgba(255,255,255,.03);}.node-shape.derived{stroke-dasharray:6 6;}.edge-path{stroke:rgba(207,214,255,.75);stroke-width:2;fill:none;}.edge-path.identifying{stroke-width:3;}.edge-label{font-size:12px;fill:var(--text);paint-order:stroke;stroke:rgba(0,0,0,.55);stroke-width:4px;user-select:none;}.node-label{font-size:14px;fill:var(--text);user-select:none;pointer-events:none;}.node-sub{font-size:12px;fill:rgba(232,236,255,.92);user-select:none;pointer-events:none;}.selected .node-shape{stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 8px rgba(122,162,255,.25));}.selected-edge .edge-path{stroke:var(--accent);stroke-width:3;}.edge-handle{fill:#93c5fd;stroke:#0b1220;stroke-width:1.2;cursor:ns-resize;opacity:.95;}.edge.selected-edge .edge-handle{fill:#60a5fa;}.toast{position:fixed;bottom:14px;left:14px;padding:10px 12px;background:rgba(17,24,49,.9);border:1px solid rgba(207,214,255,.22);border-radius:14px;box-shadow:var(--shadow);color:var(--text);font-size:13px;opacity:0;transform:translateY(8px);transition:.18s ease;z-index:30;max-width:min(560px,calc(100vw - 28px));}.toast.show{opacity:1;transform:translateY(0)}input[type="file"]{display:none}.float-panel{position:fixed;z-index:25;min-width:310px;background:rgba(17,24,49,.93);border:1px solid rgba(122,162,255,.35);border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(10px);padding:10px;display:none;}.float-panel.show{display:block}.float-row{display:flex;gap:8px;align-items:center;margin:6px 0;flex-wrap:wrap}.float-row label{font-size:12px;color:var(--muted)}select,input[type="text"]{background:rgba(0,0,0,.25);border:1px solid rgba(207,214,255,.18);color:var(--text);padding:8px 10px;border-radius:12px;outline:none;font-size:13px;}select:focus,input[type="text"]:focus{border-color:rgba(122,162,255,.7)}.tiny{font-size:11px;color:var(--muted)}.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.chk input{transform:translateY(1px)}.modalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;z-index:40;align-items:center;justify-content:center;padding:18px;}.modalOverlay.show{display:flex}.modal{width:min(820px,96vw);max-height:min(86vh,860px);overflow:auto;background:rgba(17,24,49,.96);border:1px solid rgba(122,162,255,.35);border-radius:18px;box-shadow:var(--shadow);padding:14px;}.modal h2{margin:6px 0 10px 0;font-size:18px}.modal p{margin:0 0 10px 0;color:var(--muted);font-size:13px}table{width:100%;border-collapse:separate;border-spacing:0 8px;}td,th{font-size:13px}th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;padding:0 6px;}.rowbox{background:rgba(0,0,0,.22);border:1px solid rgba(207,214,255,.14);border-radius:14px;padding:10px;}.pill{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid rgba(207,214,255,.18);color:var(--muted);background:rgba(255,255,255,.03);}input[type="color"]{width:44px;height:34px;padding:0;border-radius:10px;border:1px solid rgba(207,214,255,.18);background:rgba(0,0,0,.25);cursor:pointer;}input[type="color"]::-webkit-color-swatch-wrapper{padding:6px;}input[type="color"]::-webkit-color-swatch{border:0;border-radius:8px;}#btnMobileMenu.menu-toggle{display:none}#menuContent{display:contents;}@media (max-width:820px){.topbar{flex-direction:column;align-items:stretch;}#btnMobileMenu.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;font-size:14px;border-color:rgba(122,162,255,.65);}#menuContent{display:none;width:100%;flex-direction:column;gap:10px;}.topbar.m-open #menuContent{display:flex;}#menuContent .spacer{display:none;}.topbar.m-open{max-height:60vh;overflow:auto;}}@media (min-width:821px){#btnMobileMenu.menu-toggle{display:none !important;}#menuContent{display:contents;}}