@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800;900&display=swap";.app{color:#102a3a;background:radial-gradient(circle at 18% 12%,#6ad5f542,#0000 34%),radial-gradient(circle at 82% 6%,#9ce7ff33,#0000 32%),#f5fbff;min-height:100vh;overflow:hidden}.workspace{position:fixed;inset:0}.canvas-shell{background:#f8fdff;position:fixed;inset:0;overflow:hidden}.board-viewport{cursor:grab;touch-action:none;background-color:#fbfeff;background-image:linear-gradient(#9ddcf040 1px,#0000 1px),linear-gradient(90deg,#9ddcf040 1px,#0000 1px),linear-gradient(#71c8e52e 1px,#0000 1px),linear-gradient(90deg,#71c8e52e 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:32px 32px,32px 32px,160px 160px,160px 160px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:absolute;inset:0;overflow:hidden}.board-viewport.is-dragging{cursor:grabbing}.board-watermark{z-index:7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#ffffffc7;border:1px solid #8ed1e6b8;border-radius:12px;gap:3px;max-width:min(620px,100vw - 44px);padding:11px 14px;display:grid;position:fixed;top:18px;left:22px;box-shadow:0 18px 38px #1d5b7314}.board-watermark strong{color:#0e3044;font-size:14px;line-height:1.25}.board-watermark span{color:#5c7687;font-size:12px;line-height:1.35}.board-tools{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #8ed1e6b8;border-radius:14px;gap:8px;padding:7px;display:flex;position:fixed;top:18px;right:22px;box-shadow:0 18px 38px #1d5b731a}.board-tools button{color:#15536d;cursor:pointer;background:#f7fcff;border:1px solid #cae8f3;border-radius:10px;place-items:center;width:36px;height:34px;display:inline-grid}.board-tools button:hover{background:#eaf8ff;border-color:#70c9e8}.board-hint{z-index:7;color:#486a7d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#ffffffc2;border:1px solid #8ed1e6ad;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1d5b7314}.floating-json-input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:fixed;overflow:hidden}.floating-json-button{z-index:30;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d9fd1,#43c7ee);border:1px solid #5cbee0e0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:14px;font-weight:900;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 40px #108bb947}.floating-json-button:hover{transform:translateY(-1px);box-shadow:0 22px 46px #108bb957}.empty-state{color:#607684;place-items:center;font-weight:700;display:grid;position:fixed;inset:0}@media (width<=720px){.board-watermark{max-width:calc(100vw - 24px);top:12px;left:12px}.board-tools{top:auto;bottom:86px;right:12px}.board-hint{display:none}.floating-json-button{bottom:14px;right:14px}}.sidebar-drawer{z-index:18;width:340px;transition:transform .24s;position:fixed;top:82px;bottom:22px;left:18px}.sidebar-drawer.is-closed{transform:translate(calc(-100% - 22px))}.sidebar-toggle{z-index:3;color:#15536d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#ffffffd6;border:1px solid #78cef0b8;border-radius:0 13px 13px 0;place-items:center;width:42px;height:42px;display:inline-grid;position:absolute;top:18px;right:-46px;box-shadow:0 16px 34px #1d5b7324}.sidebar-toggle:hover{background:#eaf8ff;border-color:#70c9e8}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5fcffc2;border:1px solid #8ed1e6ad;border-radius:18px;align-content:start;gap:14px;width:100%;min-width:0;height:100%;padding:12px;display:grid;overflow:auto;box-shadow:0 24px 60px #1d5b7329}.panel{background:#ffffffe0;border:1px solid #d5e9f0;border-radius:14px;padding:16px;box-shadow:0 16px 34px #1a536914}.panel-title{color:#102a3a;letter-spacing:0;align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.25;display:flex}.panel-title svg{color:#2695c7}.field{gap:7px;margin-top:14px;display:grid}.field span,.check-control{color:#496271;font-size:13px;font-weight:800}select,input[type=range]{width:100%}select{color:#102a3a;min-height:42px;font:inherit;background:#fff;border:1px solid #c8dde5;border-radius:10px;padding:0 12px;font-size:14px}select:focus,input:focus-visible,.floating-json-button:focus-visible,.sidebar-toggle:focus-visible{outline-offset:2px;outline:3px solid #4dbee542}.check-control{align-items:center;gap:9px;margin-top:14px;display:flex}.check-control input{accent-color:#2aa6d2;width:16px;height:16px}.detail-list{gap:10px;margin:14px 0 0;display:grid}.detail-list.compact{gap:7px;margin-top:10px}.detail-list div{grid-template-columns:86px minmax(0,1fr);gap:10px;display:grid}.detail-list dt{color:#637886;font-size:13px;font-weight:800}.detail-list dd{color:#182f3c;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.25}.chip-list,.mini-chip-list{flex-wrap:wrap;gap:7px;display:flex}.chip-list{max-height:220px;margin-top:14px;overflow:auto}.mini-chip-list{margin-top:12px}.chip{color:#23495c;background:#eef9fd;border:1px solid #bfdeea;border-radius:999px;align-items:center;min-height:25px;padding:3px 8px;font-size:12px;line-height:1.2;display:inline-flex}.muted,.status-text{color:#59717f;margin:0;font-size:13px;line-height:1.45}.inspector-hint{margin-top:12px}.inspector-card{background:linear-gradient(#f5fcff,#fff);border:1px solid #bde4f2;border-radius:11px;gap:10px;margin-top:12px;padding:12px;display:grid}.inspector-card h3{color:#102a3a;margin:0;font-size:14px;line-height:1.25}.inspector-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.inspector-card-head button{color:#237a9d;cursor:pointer;background:#fff;border:1px solid #bde4f2;border-radius:7px;min-height:28px;padding:0 8px;font-size:12px;font-weight:800}.block-pill{color:#134b63;letter-spacing:.05em;background:#d6f1fb;border-radius:999px;align-items:center;min-height:24px;padding:2px 8px;font-size:11px;font-weight:900;display:inline-flex}.block-pill-par{color:#20577a;background:#e3f4ff}.block-pill-opt{color:#206374;background:#ecfbff}.branch-summary{gap:8px;display:grid}.branch-summary-item{color:#1a4458;background:#f2fbfe;border-radius:9px;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;padding:8px;font-size:12px;font-weight:800;display:grid}.branch-summary-item svg{color:#2695c7;grid-row:span 2;margin-top:1px}.branch-summary-item small{color:#59717f;font-size:11px;font-weight:700}@media (width<=720px){.sidebar-drawer{width:min(330px,100vw - 70px);top:72px;bottom:72px;left:12px}}.diagram-scale{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.sequence-svg{transform-origin:0 0;filter:drop-shadow(0 24px 55px #1d5b731f);display:block;overflow:visible}.svg-bg{fill:#fffffff0;stroke:#d5e9f0}.header-band{fill:#f6fcff;stroke:#d5e9f0}.lifeline{stroke:#1c3443;stroke-width:1.35px;stroke-dasharray:7 5}.participant-name{fill:#102a3a;font-size:13px;font-weight:800}.participant-type{fill:#607684;text-transform:uppercase;font-size:11px;font-weight:700}.actor-icon circle,.actor-icon line{fill:#7bd0ef;stroke:#102a3a;stroke-width:1.5px}.object-icon circle,.object-icon ellipse,.object-icon path{fill:#7bd0ef;stroke:#102a3a;stroke-width:1.45px}.database-icon path,.database-icon ellipse{fill:#c8effb}.control-mark,.boundary-mark,.external-ring{fill:none;stroke:#102a3a;stroke-width:1.45px}.activation{fill:#78cef0;stroke:#0c3345;stroke-width:1.2px;filter:url(#soft-shadow)}.message-line{stroke:#1b3443;stroke-width:1.6px;fill:none}.is-response .message-line{stroke:#2695c7;stroke-dasharray:8 5}.message-label text{fill:#102a3a;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;font-size:12px;font-weight:800}.db-note rect{fill:#fff7dc;stroke:#d8b766}.db-note text{fill:#6a5416;font-size:10.5px;font-weight:700}.group-box{cursor:pointer}.group-box:focus{outline:none}.group-box rect{fill:#eaf8ffb3;stroke:#6fc9e8;stroke-width:1.5px;stroke-dasharray:10 6;transition:fill .18s,stroke .18s,stroke-width .18s}.group-box:hover rect,.group-box:focus rect,.group-box.is-selected rect{fill:#cbf2ffdb;stroke:#2695c7;stroke-width:2.4px}.group-box path,.group-box line{stroke:#6fc9e8;stroke-width:1.2px;stroke-dasharray:8 5}.group-box>text{fill:#17617f;letter-spacing:.04em;pointer-events:none;font-size:12px;font-weight:900}.group-box .branch-label-bg{fill:#d6f1fb;stroke:#8bd2e9;stroke-dasharray:none}.branch-label{fill:#134b63;pointer-events:none;font-size:11px;font-weight:900}:root{color:#102a3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f9fb;font-family:Sora,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0}button,input,select{font:inherit}