.swd-root{--bg:#f4efe2;--bg-grain:#eee7d2;--card:#ffffff;--ink:#171b25;--ink-2:#3a4151;--ink-3:#6b7385;--hair:#e1d9c2;--hair-2:#cfc6ac;--accent:#a8431f;--accent-soft:#f4d9cb;--accent-press:#8b3618;--wire:#5f6677;--trace:#a8a293;--ok:#5a8a4f;--danger:#b14a40;--serif:"Fraunces",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--radius:8px;--radius-sm:5px;--shadow-card:0 1px 0 rgba(255,255,255,.7) inset,0 1px 2px rgba(34,30,18,.04),0 6px 16px -12px rgba(34,30,18,.16);display:flex;flex-direction:column;height:100%;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 20% 0%,rgba(168,67,31,.04),transparent 50%),radial-gradient(circle at 100% 100%,rgba(58,109,160,.05),transparent 55%)}.swd-root *,.swd-root *:before,.swd-root *:after{box-sizing:border-box}.swd-root button{font:inherit;color:inherit;cursor:pointer}.swd-root input,.swd-root textarea,.swd-root select{font:inherit;color:inherit}.swd-root ::-webkit-scrollbar{width:9px;height:9px}.swd-root ::-webkit-scrollbar-thumb{background:#d0c6a8;border-radius:5px;border:2px solid var(--bg)}.swd-root ::-webkit-scrollbar-thumb:hover{background:#bcb091}.swd-root ::-webkit-scrollbar-track{background:transparent}.swd-root .topbar{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:7px 16px;background:#fffdf7e0;backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--hair);z-index:30}.swd-root .brand{display:flex;align-items:center;gap:9px;min-width:0}.swd-root .brand .glyph{width:28px;height:28px;flex-shrink:0;border-radius:7px;background:linear-gradient(135deg,#fff,#f1ebd9);border:1px solid var(--hair-2);display:grid;place-items:center;color:var(--accent);box-shadow:inset 0 -1px #a8431f14}.swd-root .brand .glyph svg{width:14px;height:14px;display:block}.swd-root .brand .label{display:flex;flex-direction:column;line-height:1.1;min-width:0}.swd-root .brand .label b{font-family:var(--serif);font-weight:700;font-size:13px;letter-spacing:-.01em;font-variation-settings:"opsz" 30}.swd-root .brand .label span{font-family:var(--mono);font-size:9px;color:var(--ink-3);letter-spacing:.02em;margin-top:1px}.swd-root .toolbar{display:flex;align-items:center;gap:5px;margin-left:auto;flex-wrap:wrap}.swd-root .btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;background:#fff;border:1px solid var(--hair-2);font-size:11px;font-weight:500;letter-spacing:.005em;color:var(--ink-2);transition:background .14s,border-color .14s,transform .06s,color .14s}.swd-root .btn svg{width:12px;height:12px}.swd-root .btn:hover{background:#fbf6e8;border-color:#b8ad8e;color:var(--ink)}.swd-root .btn:active{transform:translateY(1px)}.swd-root .btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-press));border-color:#7a2f15;color:#fff;font-weight:600;box-shadow:0 3px 10px -5px #a8431f99}.swd-root .btn.primary:hover{filter:brightness(1.05);color:#fff}.swd-root .btn.toggle.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-press)}.swd-root .btn.ghost{background:transparent}.swd-root .btn.ghost:hover{background:#fbf6e8}.swd-root .btn .kbd{font-family:var(--mono);font-size:8.5px;padding:1px 4px;border-radius:3px;background:#f1ead5;border:1px solid var(--hair-2);color:var(--ink-3)}.swd-root .body{flex:1;display:flex;min-height:0}.swd-root .canvas-scroll{flex:1;overflow:auto;position:relative;background-image:linear-gradient(rgba(0,0,0,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.018) 1px,transparent 1px);background-size:28px 28px}.swd-root .canvas-pad{padding:18px 22px 60px;min-width:max-content}.swd-root .diagram-head{margin-bottom:12px;max-width:1100px}.swd-root .diagram-head .eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:500}.swd-root .diagram-head h1{font-family:var(--serif);font-weight:700;color:var(--ink);font-size:20px;line-height:1.15;margin:4px 0 0;letter-spacing:-.01em;font-variation-settings:"opsz" 72}.swd-root .diagram-head p{margin:3px 0 0;color:var(--ink-3);font-size:11px;max-width:720px;line-height:1.4}.swd-root .diagram-head .editable{cursor:text;border-radius:4px;transition:background .12s}.swd-root .diagram-head .editable:hover{background:#a8431f0f;box-shadow:0 0 0 3px #a8431f0f}.swd-root .canvas-grid{position:relative;display:grid;gap:4px;--lane-w:170px;--stage-w:132px}.swd-root .cell{position:relative;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--hair);padding:6px 7px;font-size:10px;line-height:1.3;color:var(--ink);transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:var(--shadow-card)}.swd-root .cell.boot{opacity:0;animation:swd-rise .36s cubic-bezier(.2,.7,.3,1) forwards}@keyframes swd-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.swd-root .c-corner{background:var(--ink);border-color:var(--ink);color:#f3f1ea;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px 8px}.swd-root .c-corner .row{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#9aa3b2;display:flex;align-items:center;gap:5px}.swd-root .c-corner .row b{color:#f3f1ea;font-weight:600}.swd-root .c-corner .sep{height:1px;background:#2c3343;margin:1px 0}.swd-root .c-stage{cursor:pointer;background:#fff;border-color:var(--hair);display:flex;flex-direction:column;gap:2px;padding:6px 7px}.swd-root .c-stage .sname{font-family:var(--serif);font-weight:700;font-size:10px;color:var(--ink);text-transform:uppercase;line-height:1.2;font-variation-settings:"opsz" 36}.swd-root .c-stage .sdesc{font-size:9px;color:var(--ink-3);line-height:1.25}.swd-root .c-stage:before{content:"";position:absolute;left:0;right:0;top:0;height:2.5px;background:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:.8}.swd-root .c-lane{cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:6px 7px 6px 10px;background:var(--lane-tint);border-color:var(--lane-edge)}.swd-root .c-lane:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lane-accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.swd-root .c-lane .lname{font-family:var(--serif);font-weight:700;font-size:10.5px;color:var(--ink);line-height:1.15;display:flex;align-items:center;gap:5px;font-variation-settings:"opsz" 36}.swd-root .c-lane .ltype{font-family:var(--mono);font-size:7px;letter-spacing:.06em;text-transform:uppercase;padding:1px 4px;border-radius:3px;background:var(--lane-accent);color:#fff;font-weight:600;flex-shrink:0}.swd-root .c-lane .ldesc{font-size:9px;color:var(--ink-3);line-height:1.25}.swd-root .c-node{cursor:pointer;background:var(--lane-tint);border-color:var(--lane-edge);min-height:38px}.swd-root .c-node:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2.5px;background:var(--lane-accent);opacity:.5;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.swd-root .c-node ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.swd-root .c-node li{position:relative;padding-left:9px;color:var(--ink)}.swd-root .c-node li:before{content:"";position:absolute;left:0;top:5px;width:3.5px;height:3.5px;background:var(--lane-accent);border-radius:50%}.swd-root .c-node li.na{color:#b3aa92;font-style:italic}.swd-root .c-node li.na:before{background:#cdc4ac}.swd-root .c-node .empty{color:var(--ink-3);font-size:9px;display:flex;align-items:center;gap:4px;font-family:var(--mono);letter-spacing:.03em}.swd-root .c-node .empty svg{width:10px;height:10px}.swd-root .cell.clickable:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px #221e1233;border-color:var(--lane-accent,var(--hair-2));z-index:5}.swd-root .cell.selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent),0 8px 18px -8px #a8431f4d!important;z-index:6}.swd-root .cell.link-source{border-color:#3a6ea1!important;box-shadow:0 0 0 2px #3a6ea1,0 0 0 5px #3a6ea124!important;z-index:6}.swd-root.linking .c-node.clickable:hover{box-shadow:0 0 0 2px #3a6ea1,0 6px 14px -8px #3a6ea14d;border-color:#3a6ea1}.swd-root .wires{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:4}.swd-root .wires .hit{stroke:transparent;stroke-width:14;fill:none;pointer-events:stroke;cursor:pointer}.swd-root .wires .halo{stroke:var(--bg);fill:none;stroke-linecap:round;pointer-events:none}.swd-root .wires .line{fill:none;stroke-linecap:round;pointer-events:none;transition:stroke .14s,stroke-width .14s}.swd-root .wires .line.primary{stroke:var(--wire);stroke-width:1.8}.swd-root .wires .line.traceability{stroke:var(--trace);stroke-width:1.5;stroke-dasharray:5 4}.swd-root .wires g.wire:hover .line{stroke-width:2.8}.swd-root .wires g.wire.sel .line{stroke:var(--accent)!important;stroke-width:2.8}.swd-root .inspector{width:290px;flex-shrink:0;background:#fdfbf3;border-left:1px solid var(--hair);display:flex;flex-direction:column;min-height:0;z-index:20}.swd-root .insp-head{flex-shrink:0;padding:9px 12px;border-bottom:1px solid var(--hair);display:flex;align-items:center;gap:7px}.swd-root .insp-head .tag{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:2px 5px;border-radius:4px;background:#fff;color:var(--ink-3);border:1px solid var(--hair-2);font-weight:600}.swd-root .insp-head .tag.node{background:var(--accent-soft);color:var(--accent-press);border-color:#e3b59f}.swd-root .insp-head .tag.link{background:#e1ecf6;color:#2a5985;border-color:#bcd5ed}.swd-root .insp-head h2{font-family:var(--serif);font-weight:700;font-size:12px;margin:0;letter-spacing:-.005em;font-variation-settings:"opsz" 36;line-height:1.1}.swd-root .insp-head .x{margin-left:auto;width:24px;height:24px;border-radius:5px;border:1px solid var(--hair-2);background:#fff;display:none;place-items:center;color:var(--ink-3)}.swd-root .insp-body{flex:1;overflow-y:auto;padding:10px 12px 20px}.swd-root .field{margin-bottom:10px}.swd-root .field>label{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px;font-weight:600}.swd-root .input,.swd-root .textarea,.swd-root .select{width:100%;background:#fff;border:1px solid var(--hair-2);border-radius:5px;color:var(--ink);font-size:11px;padding:5px 7px;transition:border-color .12s,box-shadow .12s}.swd-root .input:focus,.swd-root .textarea:focus,.swd-root .select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #a8431f1f}.swd-root .textarea{resize:vertical;min-height:28px;line-height:1.4}.swd-root .select{appearance:none;cursor:pointer;padding-right:22px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M1 3l4 4 4-4' stroke='%236b7385' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 7px center}.swd-root .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}.swd-root .stat{background:#fff;border:1px solid var(--hair-2);border-radius:6px;padding:6px 8px}.swd-root .stat b{font-family:var(--serif);font-size:16px;font-weight:700;display:block;line-height:1;font-variation-settings:"opsz" 72}.swd-root .stat span{font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.swd-root .section-title{font-family:var(--serif);font-weight:700;font-size:11px;letter-spacing:-.005em;color:var(--ink);margin:14px 0 6px;display:flex;align-items:center;gap:7px;font-variation-settings:"opsz" 36}.swd-root .section-title:after{content:"";flex:1;height:1px;background:var(--hair)}.swd-root .section-title:first-child{margin-top:0}.swd-root .item-row{display:flex;gap:4px;margin-bottom:4px;align-items:flex-start}.swd-root .item-row .textarea{flex:1;font-size:10.5px;padding:4px 6px}.swd-root .icon-btn{flex-shrink:0;width:24px;height:24px;border-radius:5px;background:#fff;border:1px solid var(--hair-2);display:grid;place-items:center;color:var(--ink-3);transition:background .12s,border-color .12s,color .12s}.swd-root .icon-btn svg{width:11px;height:11px}.swd-root .icon-btn:hover{background:#fbf6e8;color:var(--ink)}.swd-root .icon-btn.del:hover{background:#fdecea;border-color:var(--danger);color:var(--danger)}.swd-root .add-link-row{display:flex;gap:5px;align-items:center;width:100%;padding:6px 8px;border-radius:6px;background:#fff;border:1px dashed var(--hair-2);color:var(--ink-3);font-size:10px;font-weight:600;justify-content:center;transition:background .12s,border-color .12s,color .12s;margin-bottom:4px}.swd-root .add-link-row:hover{background:#a8431f0d;border-color:var(--accent);color:var(--accent)}.swd-root .add-link-row svg{width:12px;height:12px}.swd-root .linkitem{display:flex;align-items:center;gap:6px;padding:5px 7px;margin-bottom:4px;background:#fff;border:1px solid var(--hair-2);border-radius:6px;cursor:pointer;transition:border-color .12s,background .12s}.swd-root .linkitem:hover{border-color:var(--accent);background:#fbf6e8}.swd-root .linkitem .dir{font-family:var(--mono);font-size:7.5px;font-weight:700;letter-spacing:.05em;padding:1px 4px;border-radius:3px;flex-shrink:0}.swd-root .linkitem .dir.out{background:var(--accent-soft);color:var(--accent-press)}.swd-root .linkitem .dir.in{background:#e1ecf6;color:#2a5985}.swd-root .linkitem .lt{width:7px;height:7px;border-radius:50%;flex-shrink:0}.swd-root .linkitem .lt.primary{background:var(--wire)}.swd-root .linkitem .lt.traceability{background:var(--trace)}.swd-root .linkitem .nm{flex:1;font-size:10px;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.swd-root .linkitem .nm small{color:var(--ink-3)}.swd-root .empty-note{font-size:10px;color:var(--ink-3);font-style:italic;padding:6px 0;line-height:1.4}.swd-root .pills{display:flex;gap:5px}.swd-root .pill{flex:1;display:flex;align-items:center;gap:5px;justify-content:center;padding:6px;border-radius:6px;font-size:10px;font-weight:600;background:#fff;border:1px solid var(--hair-2);color:var(--ink-2);transition:all .12s}.swd-root .pill .dot{width:12px;height:2.5px;border-radius:2px}.swd-root .pill .dot.primary{background:var(--wire)}.swd-root .pill .dot.traceability{background:repeating-linear-gradient(90deg,var(--trace) 0 3px,transparent 3px 6px)}.swd-root .pill.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-press)}.swd-root .row-2{display:flex;gap:5px}.swd-root .row-2 .btn{flex:1;justify-content:center}.swd-root .btn.block{width:100%;justify-content:center}.swd-root .btn.danger{background:#fdecea;border-color:#e3b1aa;color:var(--danger)}.swd-root .btn.danger:hover{background:#fbdcd7;color:#902b22}.swd-root .hint{font-size:10px;color:var(--ink-2);line-height:1.45;background:#fff;border:1px solid var(--hair-2);border-radius:6px;padding:7px 9px}.swd-root .hint b{color:var(--accent);font-weight:600}.swd-root .hint kbd{font-family:var(--mono);font-size:8.5px;background:#f1ead5;border:1px solid var(--hair-2);border-radius:3px;padding:0 3px}.swd-root .linkbanner{position:absolute;left:50%;top:10px;transform:translate(-50%) translateY(-70px);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #3a6ea1;box-shadow:0 10px 28px -10px #221e1238,0 0 0 3px #3a6ea11a;border-radius:8px;padding:6px 7px 6px 11px;z-index:25;transition:transform .24s cubic-bezier(.2,.8,.3,1);font-size:11px;color:var(--ink-2)}.swd-root .linkbanner.show{transform:translate(-50%) translateY(0)}.swd-root .linkbanner .pulse{width:7px;height:7px;border-radius:50%;background:#3a6ea1;flex-shrink:0;box-shadow:0 0 #3a6ea180;animation:swd-pulse 1.5s infinite}@keyframes swd-pulse{to{box-shadow:0 0 0 8px #3a6ea100}}.swd-root .linkbanner b{color:#2a5985;font-weight:700}.swd-root .linkbanner .cancel{padding:3px 8px;border-radius:5px;background:#fbf6e8;border:1px solid var(--hair-2);font-size:10px;color:var(--ink-2)}.swd-root .linkbanner .cancel:hover{background:#f1ead5}.swd-root .modal-bg{position:fixed;inset:0;background:#14100866;backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.swd-root .modal-bg.show{display:flex}.swd-root .modal{background:#fffdf6;border:1px solid var(--hair-2);border-radius:12px;width:520px;max-width:100%;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 60px -16px #221e1259}.swd-root .modal-head{padding:10px 14px;border-bottom:1px solid var(--hair);display:flex;align-items:center;gap:8px}.swd-root .modal-head h3{font-family:var(--serif);font-weight:700;font-size:13px;margin:0;font-variation-settings:"opsz" 40}.swd-root .modal-head .x{margin-left:auto;width:24px;height:24px;border-radius:5px;background:#fff;border:1px solid var(--hair-2);display:grid;place-items:center;color:var(--ink-3)}.swd-root .modal-body{padding:12px 14px;overflow-y:auto}.swd-root .modal-body p{font-size:11px;color:var(--ink-2);line-height:1.5;margin:0 0 10px}.swd-root .modal-body .textarea{min-height:160px;font-family:var(--mono);font-size:10px;line-height:1.5}.swd-root .modal-foot{padding:10px 14px;border-top:1px solid var(--hair);display:flex;gap:7px;justify-content:flex-end}.swd-root .toast-wrap{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.swd-root .toast{background:#fff;border:1px solid var(--hair-2);border-radius:7px;padding:6px 12px;font-size:11px;color:var(--ink-2);display:flex;align-items:center;gap:7px;box-shadow:0 10px 28px -10px #221e1247;animation:swd-toastin .3s cubic-bezier(.2,.8,.3,1)}.swd-root .toast.ok{border-color:#a3c596}.swd-root .toast.ok .ic{color:var(--ok)}.swd-root .toast.err{border-color:#e3b1aa}.swd-root .toast.err .ic{color:var(--danger)}.swd-root .toast .ic{display:grid;place-items:center}@keyframes swd-toastin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastout{to{opacity:0;transform:translateY(6px)}}.swd-root .mobile-fab{display:none;position:fixed;right:12px;bottom:12px;z-index:35;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--accent-press));border:1px solid var(--accent-press);box-shadow:0 8px 20px -6px #a8431f80;place-items:center;color:#fff}.swd-root .mobile-fab svg{width:18px;height:18px}.swd-root .tone-blue{--tone-bg:#e6f0fa;--tone-edge:#bcd5ed;--tone-accent:#3a6ea1}.swd-root .tone-violet{--tone-bg:#ece5f4;--tone-edge:#cabddf;--tone-accent:#6e5ab3}.swd-root .tone-amber{--tone-bg:#f4e6cd;--tone-edge:#dcc28f;--tone-accent:#9a6e1d}.swd-root .tone-yellow{--tone-bg:#f4eecb;--tone-edge:#dcd28f;--tone-accent:#8a771a}.swd-root .tone-green{--tone-bg:#e2eddc;--tone-edge:#bcd4b3;--tone-accent:#4d8048}.swd-root .tone-red{--tone-bg:#f1d8d3;--tone-edge:#dcaca5;--tone-accent:#a74236}.swd-root .tone-neutral{--tone-bg:#f1ebd9;--tone-edge:#d8cead;--tone-accent:#6b7385}.swd-root .c-stage[class*=tone-]{background:var(--tone-bg);border-color:var(--tone-edge)}.swd-root .c-stage[class*=tone-]:before{background:var(--tone-accent);opacity:.9}.swd-root .c-stage[class*=tone-] .sname{color:var(--tone-accent)}.swd-root .c-lane[class*=tone-],.swd-root .c-node[class*=tone-]{--lane-tint:var(--tone-bg);--lane-edge:var(--tone-edge);--lane-accent:var(--tone-accent)}.swd-root .c-lane[class*=tone-] .ltype{background:var(--tone-accent)}.swd-root .c-node[class*=tone-]{background:color-mix(in srgb,var(--tone-bg) 65%,#fff)}.swd-root .c-node[class*=tone-]:has(.empty){background:#ffffff59;border-color:#0000000d;box-shadow:none}.swd-root .c-node[class*=tone-]:has(.empty):before{opacity:.15}@media(max-width:880px){.swd-root .brand .label span,.swd-root .toolbar .btn .txt{display:none}.swd-root .toolbar .btn{padding:5px}.swd-root .toolbar .btn .kbd{display:none}.swd-root .inspector{position:fixed;right:0;top:0;bottom:0;width:min(300px,88vw);transform:translate(102%);transition:transform .3s cubic-bezier(.2,.8,.3,1);box-shadow:-12px 0 40px -12px #221e1233}.swd-root .inspector.open{transform:translate(0)}.swd-root .insp-head .x,.swd-root .mobile-fab{display:grid}}