@charset "UTF-8";:root{color-scheme:light;--bg: #eceff3;--surface: #ffffff;--surface-2: #f3f5f8;--ink: #141a22;--muted: #586475;--line: #d6dce4;--line-strong: #b4bec9;--accent: #f2bf0b;--accent-ink: #17130a;--ok: #18764a;--ok-bg: #e1f3e9;--warn: #b8430a;--warn-bg: #fdece2;--halo: #ffffff;--shadow: 0 2px 4px rgba(20, 26, 34, .08), 0 10px 28px rgba(20, 26, 34, .12);--w-braun: #8a5530;--w-schwarz: #23262c;--w-grau: #9aa1ab;--w-blau: #2f73d9;--w-gn: #2f9e44;--w-ge: #f2c400;--w-rot: #d33a2c;--w-weiss: #d3d9e0;--w-orange: #ee8a1a;--w-violett: #7a4fc0;--w-gelb: #e9bb00;--w-gruen: #2f9e44;--w-rosa: #ee7fb0;--w-tuerkis: #1fa7a3;--f-display: "Barlow Condensed", "Arial Narrow", sans-serif;--f-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0f1318;--surface: #182028;--surface-2: #1f2832;--ink: #e9edf2;--muted: #9aa6b4;--line: #2b3541;--line-strong: #41505f;--accent: #f2bf0b;--accent-ink: #17130a;--ok: #4cc38a;--ok-bg: #12291f;--warn: #ff9158;--warn-bg: #2e1d13;--halo: #566474;--shadow: 0 2px 4px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .5);--w-braun: #aa6a3c;--w-schwarz: #07090c;--w-grau: #a9b1bb;--w-blau: #4d8ff0;--w-gn: #3bb054;--w-ge: #f2c400;--w-rot: #ee5a4b;--w-weiss: #f1f3f5;--w-orange: #f59a30;--w-violett: #9a76e0;--w-gelb: #f2c400;--w-gruen: #3bb054;--w-rosa: #f291bf;--w-tuerkis: #35bdb9;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.4;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mono{font-family:var(--f-mono)}h1,h2,h3,p{margin:0}img{max-width:100%}[hidden]{display:none!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px}.spacer{flex:1}.wide{width:100%}.cnt-line{font-size:13px;color:var(--muted)}.eyebrow{font-family:var(--f-display);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tag{font-size:12.5px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;padding:7px 12px;font-weight:500}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(.95)}.btn.sm{padding:3px 9px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}kbd{font-family:var(--f-mono);font-size:11px;border:1px solid currentColor;border-radius:4px;padding:0 5px;opacity:.6;line-height:16px;font-weight:400}.icon{border:0;background:transparent;color:var(--muted);width:28px;height:28px;border-radius:6px;font-size:15px;line-height:1;flex:none}.icon:hover{background:var(--surface-2);color:var(--ink)}.icon.sm{width:24px;height:24px;font-size:14px}.in{width:100%;min-width:0;padding:6px 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-2);color:var(--ink)}.in::placeholder{color:var(--muted);opacity:.8}select.in{padding-right:4px}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;padding:5px 9px;font-size:13.5px;font-weight:500}.chip:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip.ghost{border-style:dashed;font-weight:400}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.empty{border:1.5px dashed var(--line-strong);border-radius:10px;padding:18px;color:var(--muted);font-size:14px}.pill{font-size:12.5px;font-weight:600;border-radius:999px;padding:2px 10px}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.okmsg{color:var(--ok);font-weight:500}.errmsg{color:var(--warn);font-weight:500}.wire{display:inline-block;width:26px;height:9px;border-radius:5px;border:1px solid var(--line-strong);flex:none}.w-braun{background:var(--w-braun)}.w-schwarz{background:var(--w-schwarz)}.w-grau{background:var(--w-grau)}.w-blau{background:var(--w-blau)}.w-rot{background:var(--w-rot)}.w-weiss{background:var(--w-weiss)}.w-orange{background:var(--w-orange)}.w-violett{background:var(--w-violett)}.w-gelb{background:var(--w-gelb)}.w-gruen{background:var(--w-gruen)}.w-rosa{background:var(--w-rosa)}.w-tuerkis{background:var(--w-tuerkis)}.w-gnge{background:repeating-linear-gradient(135deg,var(--w-gn) 0 5px,var(--w-ge) 5px 9px)}.sym3{width:22px;height:22px;border-radius:5px;background:var(--ink);color:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:12px;flex:none}@media(prefers-reduced-motion:no-preference){.btn,.chip,.opt,.item{transition:background .12s,border-color .12s}}.shell{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:16px;align-items:start}.main{display:flex;flex-direction:column;gap:16px;min-width:0}.side{position:sticky;top:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 24px);overflow:auto;padding:12px;min-width:0}.grp{display:flex;flex-direction:column;gap:2px;margin-top:6px}.grp h3{font-family:var(--f-display);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:2px 4px}.item{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:7px 8px}.item:hover{background:var(--surface-2)}.item.sel{background:var(--accent);color:var(--accent-ink)}.item .r1{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:13px;font-weight:500}.item .r2{font-size:12.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item.sel .sd{box-shadow:0 0 0 2px var(--accent-ink)}.sd{width:9px;height:9px;border-radius:50%;flex:none;background:var(--line-strong)}.sd.ok{background:var(--ok)}.sd.open{background:var(--warn)}.head{padding:16px;display:flex;flex-direction:column;gap:14px}.head-top{display:flex;align-items:flex-start;gap:12px 16px;flex-wrap:wrap}.bigid{font-family:var(--f-mono);font-weight:500;font-size:30px;letter-spacing:-.01em;line-height:1.15}.pills{display:flex;gap:6px;flex-wrap:wrap;padding-top:20px}.photo{width:112px;height:80px;border:1.5px dashed var(--line-strong);border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:12.5px;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}.photo img{width:100%;height:100%;object-fit:cover;display:block}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.fields label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);font-weight:500;min-width:0}.fields .span2{grid-column:span 2}.head-actions{display:flex;justify-content:flex-end}.dndhint{font-size:12.5px;color:var(--muted)}.board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding-left:46px;align-items:start}.wires{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.wh{fill:none;stroke:var(--halo);stroke-width:6;stroke-linecap:round}.wc{fill:none;stroke-width:3;stroke-linecap:round}.wl{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.wl.bad{stroke:var(--warn)}.colL,.colR{display:flex;flex-direction:column;gap:12px;min-width:0}.coltitle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;font-family:var(--f-display);font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase}.cnt{font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:0;margin-left:6px}.adds{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.adds .lbl{font-size:12px;color:var(--muted);width:100%}.cable,.dev{background:var(--surface);border:1px solid var(--line);border-radius:10px;position:relative;z-index:1}.cable-h,.dev-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px}.cable-h .idin{width:70px;flex:none;font-family:var(--f-mono);font-weight:500}.cable-h select{width:auto;flex:none}.grow{flex:1 1 130px;min-width:0}.core,.term{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;border-top:1px solid var(--line);padding:4px 16px 4px 12px}.term{padding:4px 10px 4px 18px}.cname{font-size:13px;color:var(--muted);min-width:46px}button.wire{padding:0;cursor:pointer;position:relative}button.wire:hover{border-color:var(--ink)}button.wire:after{content:"";position:absolute;inset:-9px -4px}.fnbtn,.assign{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;padding:4px 10px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px;min-height:30px}.fnbtn:hover,.assign:hover{border-color:var(--ink)}.fnbtn.none,.assign.none{border:1.5px dashed var(--warn);color:var(--warn);background:transparent}.stbtn{flex:1 1 0;min-width:0;min-height:30px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--line);background:transparent;border-radius:6px;padding:3px 9px;font-size:13.5px;color:var(--muted)}.stbtn:hover{border-color:var(--ink);color:var(--ink)}.stbtn.link{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.stbtn.open{border-style:dashed;border-color:var(--line-strong);color:var(--muted)}.stbtn.imp{border-color:transparent}.stbtn.none{border:1.5px dashed var(--warn);color:var(--warn)}.dot{position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);z-index:2}.dot.on{background:var(--ink);border-color:var(--ink)}.dot.src{background:var(--accent);border-color:var(--ink)}.core .dot.l{left:-7px}.core .dot.r{right:-7px}.term .dot{left:-7px}.dot[data-dot]{cursor:grab;touch-action:none}.dot[data-dot]:after{content:"";position:absolute;inset:-8px}.board.dragging{user-select:none;-webkit-user-select:none;cursor:grabbing}.board.dragging .dot[data-dot]{cursor:grabbing}.board.dragging .can{outline:2px dashed var(--accent);outline-offset:2px}.board.dragging .can.hot{outline:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-top:1px solid var(--line);padding:8px 10px;font-size:12.5px;color:var(--muted)}.presets .chip{padding:3px 8px;font-size:13px}.sym{width:30px;height:30px;border-radius:6px;background:var(--ink);color:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:16px;flex:none}.dev-h .dl{width:62px;flex:none;font-family:var(--f-mono);font-weight:500}.dtype{font-family:var(--f-display);font-weight:600;font-size:16px;letter-spacing:.04em;text-transform:uppercase;flex:none}.tl{flex:1;min-width:0;font-size:14px}.nbox{border-top:1px solid var(--line);padding:7px 12px;font-size:12.5px;color:var(--muted)}.tail{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.todo{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:14px}.todo li{display:flex;gap:8px;align-items:baseline}.todo li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warn);flex:none;transform:translateY(-1px)}details summary{cursor:pointer;font-weight:500}.yaml{margin:8px 0 0;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;font-family:var(--f-mono);font-size:12.5px;line-height:1.5;overflow-x:auto;white-space:pre}.keys{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px}.keys span{display:inline-flex;gap:5px;align-items:center}.pop{position:fixed;z-index:60;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow);padding:6px;min-width:230px;max-width:min(92vw,360px);max-height:70vh;overflow:auto}.pop .ph{font-size:12px;color:var(--muted);padding:4px 8px 6px}.pop .grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:7px 8px;font-size:14px}.opt:hover,.opt:focus-visible{background:var(--surface-2)}.opt.cur{background:var(--accent);color:var(--accent-ink)}.opt .num{font-family:var(--f-mono);font-size:11px;width:12px;opacity:.55;flex:none}.opt .sub2{color:var(--muted);font-size:12.5px;margin-left:auto;text-align:right}.opt .wire{pointer-events:none}.toasts{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;pointer-events:none;z-index:70;padding:14px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.toast{pointer-events:auto;background:var(--ink);color:var(--surface);border-radius:8px;padding:9px 14px;font-size:14px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:center}.tbtn{border:0;background:transparent;color:var(--accent);font-weight:600;padding:0}@media(max-width:1100px){.shell{grid-template-columns:minmax(0,1fr)}.side{position:static;max-height:260px}}@media(max-width:900px){.board{gap:36px}}@media(max-width:820px){.board{grid-template-columns:minmax(0,1fr);gap:22px;padding-left:0}.wires,.dot,.dndhint{display:none}.bigid{font-size:26px}}@media(max-width:560px){.fields .span2{grid-column:auto}.pills{padding-top:0}}