.fig[data-astro-cid-aicr77mt]{background:var(--card-bg);border:1.5px dashed var(--dash);border-radius:12px;padding:28px 30px 26px;margin-top:18px}.article[data-astro-cid-aicr77mt] code[data-astro-cid-aicr77mt],.fig[data-astro-cid-aicr77mt] code[data-astro-cid-aicr77mt]{font-family:var(--font-mono);font-size:.92em;background:#0f766e14;border-radius:4px;padding:1px 5px;color:var(--accent)}.port-controls[data-astro-cid-aicr77mt]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.port-input-label[data-astro-cid-aicr77mt]{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--faint)}.port-input[data-astro-cid-aicr77mt]{width:90px;font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--ink);text-align:center;border:1.5px solid var(--line);border-radius:8px;padding:7px 8px;background:#fff}.port-input[data-astro-cid-aicr77mt]:focus{outline:none;border-color:var(--accent)}.port-knock-btn[data-astro-cid-aicr77mt]{font-family:inherit;font-size:13px;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:8px 18px;cursor:pointer;box-shadow:0 1px 4px #0f766e4d;transition:filter .15s}.port-knock-btn[data-astro-cid-aicr77mt]:hover{filter:brightness(1.08)}.port-presets[data-astro-cid-aicr77mt]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.port-preset[data-astro-cid-aicr77mt]{font-family:var(--font-mono);font-size:12px;font-weight:700;color:#64748b;background:#eef2f1;border:1px solid var(--line);border-radius:7px;padding:5px 11px;cursor:pointer;transition:background .15s,color .15s}.port-preset[data-astro-cid-aicr77mt].is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.port-stage[data-astro-cid-aicr77mt]{position:relative;display:grid;grid-template-columns:84px 1fr;align-items:center;gap:0;margin-bottom:18px;min-height:280px}.port-client[data-astro-cid-aicr77mt]{text-align:center}.port-client-icon[data-astro-cid-aicr77mt]{font-size:34px;line-height:1}.port-client-label[data-astro-cid-aicr77mt]{font-size:11px;color:var(--muted);margin-top:4px}.port-packet[data-astro-cid-aicr77mt]{position:absolute;left:78px;top:50%;font-size:22px;opacity:0;transform:translateY(-50%);z-index:3;pointer-events:none}.port-packet[data-astro-cid-aicr77mt].is-flying{transition:transform .55s cubic-bezier(.5,0,.5,1),opacity .2s;opacity:1}.port-building[data-astro-cid-aicr77mt]{position:relative;display:flex;flex-direction:column;gap:8px;background:#f1f5f4;border:1.5px solid var(--line);border-radius:10px;padding:26px 14px 14px}.port-building-tag[data-astro-cid-aicr77mt]{position:absolute;top:7px;left:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--faint)}.port-door[data-astro-cid-aicr77mt]{display:grid;grid-template-columns:52px 28px 1fr;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:9px 12px;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}.port-door-num[data-astro-cid-aicr77mt]{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--muted)}.port-door-face[data-astro-cid-aicr77mt]{font-size:19px;line-height:1}.port-door-name[data-astro-cid-aicr77mt]{font-size:13px;font-weight:700;color:var(--ink)}.port-door[data-astro-cid-aicr77mt].is-active{border-color:var(--accent);background:#0f766e0f}.port-door[data-astro-cid-aicr77mt].is-knock{transform:translate(4px);box-shadow:0 6px 18px #0f766e38;border-color:var(--accent)}.port-door[data-astro-cid-aicr77mt].is-knock .port-door-num[data-astro-cid-aicr77mt]{color:var(--accent)}.port-readout[data-astro-cid-aicr77mt]{font-size:13px;line-height:1.85;color:#475569;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:7px;padding:12px 16px;transition:border-left-color .2s}.port-readout[data-astro-cid-aicr77mt].is-closed{border-left-color:#dc2626}.port-readout[data-astro-cid-aicr77mt] b[data-astro-cid-aicr77mt]{color:var(--accent);font-family:var(--font-mono)}.port-readout[data-astro-cid-aicr77mt].is-closed b[data-astro-cid-aicr77mt]{color:#dc2626}@media(max-width:540px){.fig[data-astro-cid-aicr77mt]{padding:20px 14px}.port-stage[data-astro-cid-aicr77mt]{grid-template-columns:56px 1fr}.port-packet[data-astro-cid-aicr77mt]{left:50px}.port-door[data-astro-cid-aicr77mt]{grid-template-columns:46px 24px 1fr;gap:7px}}