@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(../media/golos-text-cyrillic-ext-400-normal.1y852_k37qxdj.woff2)format("woff2"),url(../media/golos-text-cyrillic-ext-400-normal.3yxcq7mwcix1w.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(../media/golos-text-cyrillic-400-normal.1-27fr0hrw7uw.woff2)format("woff2"),url(../media/golos-text-cyrillic-400-normal.07rw_txanjujs.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(../media/golos-text-latin-ext-400-normal.37wrmjifd2hnz.woff2)format("woff2"),url(../media/golos-text-latin-ext-400-normal.0f1lxpmb4vsiy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(../media/golos-text-latin-400-normal.3vcgn_ptsdx2w.woff2)format("woff2"),url(../media/golos-text-latin-400-normal.2cy5q80j0tcnx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:500;src:url(../media/golos-text-cyrillic-ext-500-normal.16gakev78ssn3.woff2)format("woff2"),url(../media/golos-text-cyrillic-ext-500-normal.1x1xuzdea3wab.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:500;src:url(../media/golos-text-cyrillic-500-normal.0kyc5w2kz2i56.woff2)format("woff2"),url(../media/golos-text-cyrillic-500-normal.0lqs28_dr2wab.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:500;src:url(../media/golos-text-latin-ext-500-normal.3epcg468sis00.woff2)format("woff2"),url(../media/golos-text-latin-ext-500-normal.15xdlwsg9k559.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:500;src:url(../media/golos-text-latin-500-normal.2s2rhjltmga0w.woff2)format("woff2"),url(../media/golos-text-latin-500-normal.3tot7wi4k3gdx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(../media/golos-text-cyrillic-ext-600-normal.30fvky6-99z5y.woff2)format("woff2"),url(../media/golos-text-cyrillic-ext-600-normal.05h7wtw6_ouz1.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(../media/golos-text-cyrillic-600-normal.33hom1wxmfqq6.woff2)format("woff2"),url(../media/golos-text-cyrillic-600-normal.229df4kvaqgju.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(../media/golos-text-latin-ext-600-normal.44azyguzhy9qg.woff2)format("woff2"),url(../media/golos-text-latin-ext-600-normal.1aidwqfw7u2as.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(../media/golos-text-latin-600-normal.3y833lnm0s2qg.woff2)format("woff2"),url(../media/golos-text-latin-600-normal.3tq3ukmps5cen.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:700;src:url(../media/golos-text-cyrillic-ext-700-normal.2ouuma6nv6_a0.woff2)format("woff2"),url(../media/golos-text-cyrillic-ext-700-normal.0ouh74j34_qu4.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:700;src:url(../media/golos-text-cyrillic-700-normal.0limx4n7tqzns.woff2)format("woff2"),url(../media/golos-text-cyrillic-700-normal.285w3apbh8t_e.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:700;src:url(../media/golos-text-latin-ext-700-normal.27nupfk1xn62s.woff2)format("woff2"),url(../media/golos-text-latin-ext-700-normal.3jcs3mmz6buuc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:700;src:url(../media/golos-text-latin-700-normal.2kf5qf-mdvsm_.woff2)format("woff2"),url(../media/golos-text-latin-700-normal.11moi0q6hy3n_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#242b3d;--muted:#8b92a1;--border:#e7e9ee;--lime:#d9f79a;--purple:#7365df}*{box-sizing:border-box}body{color:var(--ink);background:#f4f5f8;margin:0;font-family:Golos Text,Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .18s,color .18s,box-shadow .18s}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #8575ee}button:hover{background:#edf0f5}button svg{flex-shrink:0}button:active{transform:translateY(1px)}.app-shell{min-height:100dvh;display:flex}.rail{z-index:5;background:#222637;flex-direction:column;flex-shrink:0;align-items:center;width:68px;padding:25px 0 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{grid-template-columns:repeat(2,9px);gap:4px;height:44px;margin-bottom:26px;display:grid;transform:rotate(-8deg)}.brand-mark span{background:var(--lime);border-radius:2px;width:9px;height:11px}.brand-mark span:nth-child(2){transform:translateY(7px)}.brand-mark span:nth-child(3){transform:translateY(-7px)}.rail-button{color:#969bad;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.rail-button.active{color:#d9f79a;background:#3b423e}.rail-button:hover{background:#383e50}.rail-line{border-top:1px solid #3b3f4f;width:22px;margin:4px 0 17px}.rail-bottom{margin-top:auto}.avatar{color:#e5e2f8;background:#545265;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.sidebar{border-right:1px solid var(--border);z-index:4;background:#fff;flex-direction:column;width:270px;padding:25px 19px 17px;display:flex;position:fixed;top:0;bottom:0;left:68px;overflow-y:auto}.wordmark{letter-spacing:-1.1px;align-items:center;gap:0;padding-left:7px;font-size:24px;font-weight:750;display:flex}.wordmark>span:first-child{font-weight:450}.beta{letter-spacing:1px;color:#9795a8;background:#f1f1f7;border:1px solid #e9e8f1;border-radius:4px;margin-left:11px;padding:3px 5px;font-size:9px;font-weight:600}.workspace-name{align-items:center;gap:10px;margin:31px 6px 23px;font-size:12px;font-weight:550;display:flex}.workspace-name small{color:#9ca1af;margin-top:5px;font-size:10px;font-weight:400;display:block}.workspace-icon{color:#777390;background:#fafafd;border:1px solid #e5e7ee;border-radius:9px;place-items:center;width:33px;height:35px;display:grid}.open-button{background:var(--lime);border:1px solid #cbe78f;border-radius:8px;align-items:center;gap:7px;padding:11px 10px;font-size:12px;font-weight:550;display:flex;box-shadow:0 2px 3px #22331106}.open-button:hover{background:#cbed85}.open-button>span{opacity:.45;margin-left:auto;font-size:10px}.section-heading{letter-spacing:1.3px;color:#9399a7;justify-content:space-between;align-items:center;margin:31px 7px 14px;font-size:9px;font-weight:600;display:flex}.section-heading>span{letter-spacing:0;color:#a1a6b1;font-size:10px}.type-tabs{background:#f3f4f7;border-radius:8px;gap:3px;padding:4px;display:flex}.type-tabs button{color:#8a8e9b;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:50%;padding:7px 5px;font-size:11px;display:flex}.type-tabs button.selected{color:#303747;background:#fff;box-shadow:0 1px 4px #0000000c}.type-tabs button span{color:#a1a4af;font-size:9px}.example-list{gap:5px;margin-top:12px;display:grid}.example{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 9px;display:flex}.example.selected{background:#f1effc;border-color:#e8e3fb}.example-icon{color:#979caf;place-items:center;display:grid}.example.selected .example-icon{color:#8270cd}.example strong{font-size:11px;font-weight:550;display:block}.example small{color:#9b9ead;margin-top:5px;font-size:9px;display:block}.active-dot{background:#8a79d6;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-detail{padding-bottom:25px}.fragment{color:#737b8c;border-radius:5px;align-items:center;gap:5px;width:100%;padding:10px 5px;font-size:10px;display:flex}.fragment>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fragment small{color:#9c9faf;background:#f2f3f7;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:8px}.fragment.folded{color:#7660ce;background:#f8f6ff}.privacy-card{background:#f8f9fa;border:1px solid #eceef1;border-radius:9px;align-items:flex-start;gap:9px;margin-top:auto;padding:15px 11px;font-size:10px;font-weight:550;display:flex}.privacy-card svg{color:#879589;flex-shrink:0}.privacy-card p{color:#9a9fa9;margin:7px 0 0;font-size:9px;font-weight:400;line-height:1.8}.sidebar-footer{color:#a5a9b3;justify-content:space-between;margin:19px 4px 0;font-size:9px;display:flex}.sidebar-footer span{font-size:8px}.process-note{color:#9299a8;padding:12px;font-size:12px;line-height:1.7}.process-note svg{color:#8d80cc}.process-note small{font-size:10px}main{flex-direction:column;flex:1;min-width:0;height:100dvh;min-height:680px;margin-left:338px;padding:0 32px;display:flex}.topbar{border-bottom:1px solid #e6e8ee;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;display:flex}.breadcrumbs{color:#9a9fab;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumbs span{color:#636c7e}.topbar-right{align-items:center;gap:19px;display:flex}.local-badge{color:#828b86;align-items:center;gap:7px;font-size:10px;display:flex}.local-badge>span{background:#8cac83;border-radius:50%;width:5px;height:5px}.topbar-divider{border-left:1px solid #dfe2e9;height:16px}.small-avatar{color:#78708d;background:#e8e4f4;border:3px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid;box-shadow:0 0 0 1px #e4e6eb}.document-heading{justify-content:space-between;align-items:center;gap:16px;padding:29px 0 25px;display:flex}.eyebrow{color:#8a8f9e;letter-spacing:1.6px;font-size:9px;font-weight:500}.eyebrow span{color:#c8cbd2;padding:0 8px}h1{letter-spacing:-1px;align-items:center;gap:12px;margin:9px 0 8px;font-size:29px;font-weight:600;line-height:1.3;display:flex}.title-dot{background:#bbd98b;border-radius:50%;width:7px;height:7px}.document-heading p{color:#9096a3;margin:0;font-size:12px}.export-button{background:#fff;border:1px solid #dedfe6;border-radius:7px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:500;display:flex;box-shadow:0 2px 2px #00000003}.viewer-card{background:#fff;border:1px solid #e0e3eb;border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 22px #21294404,0 1px 2px #21294403}.viewer-toolbar{border-bottom:1px solid #e9ebf1;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 17px;display:flex}.view-tabs{gap:20px;height:100%;display:flex}.view-tabs button{color:#9a9dad;align-items:center;gap:7px;padding:0 1px;font-size:11px;display:flex;position:relative}.view-tabs button:hover{color:#555e73;background:0 0}.view-tabs button.active{color:#62599b}.view-tabs button.active:after{content:"";background:#8c7cdb;height:2px;position:absolute;bottom:-1px;left:0;right:0}.viewer-tools{align-items:center;gap:10px;display:flex}.search{color:#a2a6b4;align-items:center;gap:7px;display:flex}.search input{color:#4a5368;background:0 0;border:0;outline:0;width:133px;font-size:10px}.search input::placeholder{color:#a1a7b2}.search button{padding:2px;display:flex}.tool-divider{border-left:1px solid #e6e8ed;height:16px;margin:0 1px}.icon-button{color:#979eac;border-radius:5px;place-items:center;width:25px;height:28px;display:grid}.focus-bar{border-bottom:1px solid #eef0f5;flex-wrap:wrap;align-items:center;gap:7px;min-height:48px;padding:9px 19px;display:flex}.focus-bar>span{color:#a4a9b5;margin-right:8px;font-size:9px}.focus-chip{color:#8d95a6;background:#fff;border:1px solid #e7eaf0;border-radius:5px;padding:5px 9px;font-size:9px}.focus-chip.selected{color:#726494;background:#f4f1fb;border-color:#e7e0f5}.canvas-row{flex:1;min-height:0;display:flex}.canvas{scroll-behavior:smooth;background-color:#fdfdfe;background-image:radial-gradient(#d7dce6 .65px,#0000 .65px);background-size:18px 18px;flex:1;min-width:0;padding:53px 40px 65px;position:relative;overflow:auto}.canvas-label{color:#a5acb8;letter-spacing:.3px;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;top:18px;left:20px}.canvas-label>span{background:#b5bbca;border-radius:50%;width:4px;height:4px}.diagram-stage{flex-shrink:0;margin:auto;transition:opacity .2s}.diagram-svg{transform-origin:0 0}.diagram-svg svg{overflow:visible;max-width:none!important}.diagram-svg g{transition:opacity .18s}.diagram-svg .search-match{stroke:#dfc77d;stroke-width:.5px;paint-order:stroke;filter:drop-shadow(0 1px 2px #e8d47d);fill:#827040!important}.updating{opacity:.35}.canvas-controls{z-index:2;background:#fff;border:1px solid #e4e7ed;border-radius:8px;align-items:center;gap:4px;width:166px;margin:22px auto -32px;padding:5px;display:flex;position:sticky;bottom:-45px;left:calc(50% - 83px);box-shadow:0 4px 16px #27304b0b}.canvas-controls button{color:#737c8c;border-radius:4px;place-items:center;width:28px;height:27px;display:grid}.canvas-controls>span{color:#70788b;text-align:center;width:42px;font-size:10px}.canvas-controls i{border-left:1px solid #e6e9ef;height:15px;margin:0 3px}.viewer-status{color:#9ba2af;background:#fff;border-top:1px solid #e8ebf0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:33px;padding:0 17px;font-size:9px;display:flex}.viewer-status>div{align-items:center;gap:8px;display:flex}.status-dot{background:#98b582;border-radius:50%;width:5px;height:5px}.status-dot.working{background:#ad95dc;animation:1s infinite pulse}.status-separator{border-left:1px solid #e1e5ed;height:10px;margin:0 3px}.bottom-hint{color:#a0a6b2;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:17px 2px 20px;font-size:9px;display:flex}.bottom-hint>span{align-items:center;gap:7px;display:flex}.bottom-hint svg{color:#ac9bc9}kbd{border:1px solid #dfe3eb;border-radius:3px;margin-left:5px;padding:2px 4px;font:8px Golos Text,Arial}.editor-pane{background:#252a3a;border-right:1px solid #dde1eb;flex-direction:column;width:42%;min-width:230px;display:flex}.editor-title{color:#c4cadb;border-bottom:1px solid #373c4d;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:10px;display:flex}.editor-title>span{color:#798298;margin-left:auto;font-size:8px}.editor-pane textarea{resize:none;color:#d2d9ee;tab-size:2;white-space:pre;background:0 0;border:0;outline:none;flex:1;width:100%;min-height:0;padding:18px 15px;font:11px/1.9 SFMono-Regular,Consolas,monospace;overflow:auto}.editor-footer{color:#808aa1;border-top:1px solid #373c4d;justify-content:space-between;padding:8px 13px;font-size:8px;display:flex}.loading{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:260px;display:flex}.loader-orbit{color:#9380ca;background:#f0edf9;border:1px solid #e5dff5;border-radius:23px;place-items:center;width:70px;height:70px;margin-bottom:23px;animation:1.6s infinite pulse;display:grid}.loading strong{font-size:15px;font-weight:500}.loading p{color:#939bac;font-size:11px}.error-panel{color:#9c7348;background:#fffaf5;border:1px solid #efdfca;border-radius:10px;max-width:430px;margin:50px auto;padding:25px}.error-panel strong{margin:12px 0;font-size:16px;display:block}.error-panel p{font-size:12px;line-height:1.8}.error-panel button{background:#f2e5d5;border-radius:5px;margin:5px;padding:8px 11px;font-size:11px}.render-frame{visibility:hidden;border:0;width:1px;height:1px;position:absolute;left:-9999px}.toast{color:#e9f3de;z-index:10;background:#2e3547;border:1px solid #525b68;border-radius:10px;align-items:center;gap:9px;padding:13px 23px;font-size:12px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #0002}@keyframes pulse{50%{opacity:.5}}@media (min-width:1600px){main{padding:0 48px}.document-heading{padding:35px 0}h1{font-size:34px}.sidebar{width:292px}main{margin-left:360px}.example strong{font-size:12px}.workspace-name{font-size:13px}.viewer-toolbar{height:58px}.focus-bar{min-height:54px}.canvas{padding-top:65px}}@media (max-width:1100px){.sidebar{width:230px;padding-left:13px;padding-right:13px}main{margin-left:298px;padding:0 20px}.bottom-hint>span:last-child{display:none}.search input{width:100px}.viewer-toolbar{padding:0 12px}.view-tabs{gap:12px}.document-heading h1{font-size:25px}.focus-chip{padding:5px 6px;font-size:8px}.focus-bar{gap:5px;padding-left:12px}}@media (max-width:800px){.rail{width:52px}.sidebar{width:195px;padding-left:9px;padding-right:9px;left:52px}.wordmark{font-size:22px}.beta{display:none}.workspace-name small{font-size:9px}.workspace-name{gap:6px}.open-button>span{display:none}main{margin-left:247px;padding:0 14px}.topbar{height:60px}.document-heading{align-items:flex-start;padding:22px 0}.document-heading h1{font-size:22px}.eyebrow{font-size:8px}.export-button{padding:10px;font-size:0}.export-button svg{width:16px}.search{display:none}.viewer-tools{gap:5px}.local-badge{font-size:9px}.canvas{padding-left:25px;padding-right:25px}.editor-pane{min-width:180px}.viewer-status{font-size:8px}.viewer-status>div:last-child{display:none}.focus-bar{gap:4px}.focus-bar>span{display:none}}@media (max-width:600px){.rail{display:none}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;padding:17px 17px 10px;position:relative;left:0;overflow:visible}.app-shell{display:block}.wordmark{font-size:25px}.workspace-name,.section-heading,.sidebar-detail,.privacy-card,.sidebar-footer{display:none}.open-button{padding:8px;font-size:10px;position:absolute;top:17px;right:17px}.type-tabs{width:205px;margin-top:18px}.example-list{gap:6px;margin-top:10px;display:flex;overflow-x:auto}.example{width:auto;min-width:155px;padding:8px}.example strong{font-size:10px}.example small{font-size:8px}.example-icon svg{width:14px}.active-dot{display:none}main{height:calc(100dvh - 170px);min-height:580px;margin-left:0;padding:0 13px}.topbar{height:43px}.topbar-right{gap:8px}.small-avatar,.topbar-divider{display:none}.document-heading{padding:20px 0}.document-heading h1{font-size:24px}.document-heading p{font-size:10px}.viewer-toolbar{height:45px}.view-tabs button{font-size:10px}.focus-bar{padding:8px}.canvas{padding:47px 16px 65px}.canvas-label{font-size:8px}.bottom-hint{padding:12px 0;font-size:8px;line-height:1.6}.editor-pane{width:50%;min-width:0}.editor-title{padding:0 7px;font-size:8px}.editor-title>span{display:none}.editor-pane textarea{padding:12px 8px;font-size:10px}.editor-footer{padding:7px;font-size:7px}.viewer-status{padding:0 9px;font-size:8px}}.workspace-name{font-size:13px}.workspace-name small{font-size:11px}.open-button{font-size:13px}.section-heading{font-size:10px}.type-tabs button,.example strong{font-size:12px}.example small{font-size:10px}.fragment{font-size:11px}.fragment small{font-size:9px}.privacy-card{font-size:11px}.privacy-card p{font-size:10px}.breadcrumbs{font-size:12px}.local-badge{font-size:11px}.eyebrow{font-size:10px}.document-heading p{font-size:13px}.export-button,.view-tabs button{font-size:12px}.search input{font-size:11px}.focus-bar>span,.focus-chip{font-size:10px}.canvas-label{font-size:9px}.viewer-status,.bottom-hint{font-size:10px}.canvas-controls>span{font-size:11px}.editor-pane textarea{font-size:12px}.sidebar-footer{font-size:10px}@media (max-width:600px){.export-button{font-size:0}.example strong{font-size:11px}.example small{font-size:9px}.local-badge{font-size:10px}.viewer-status,.bottom-hint{font-size:9px}.editor-pane textarea{font-size:10px}.focus-chip{font-size:9px}.document-heading p{font-size:11px}}.diagram-stage{position:relative}.diagram-collapse{z-index:3;color:#6950ac;cursor:pointer;background:#f0eafa;border:1px solid #b6a8e5;border-radius:6px;place-items:center;width:24px;height:24px;display:grid;position:absolute;box-shadow:0 2px 6px #40306812}.diagram-collapse:hover{background:#dfd4f7;border-color:#8f78c9;box-shadow:0 2px 8px #40306825}.diagram-collapse.is-collapsed{color:#4d672a;background:#e6f6c9;border-color:#accb78}.updating .diagram-collapse{pointer-events:none}.viewer-card{transition:border-color .35s,box-shadow .35s}.viewer-card.has-focus{border-color:rgba(var(--focus-rgb),.3);box-shadow:0 5px 28px rgba(var(--focus-rgb),.09)}.has-focus .focus-chip.selected{background:rgba(var(--focus-rgb),.12);border-color:rgba(var(--focus-rgb),.42);color:rgb(var(--focus-rgb));box-shadow:0 0 0 3px rgba(var(--focus-rgb),.05)}.canvas{transition:background-color .5s}.canvas.is-focused{background-color:rgba(var(--focus-rgb),.035)}.canvas-label{z-index:2}.canvas-label .focus-caption{width:auto;height:auto;color:rgb(var(--focus-rgb));background:0 0;border-radius:0;font-size:11px;font-weight:500;animation:.35s ease-out focus-arrive}.focus-lane{pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--focus-rgb),.095),transparent);border-radius:40px;width:140px;animation:.55s ease-out focus-arrive;position:absolute;top:-12px;bottom:0}.diagram-svg{position:relative}.diagram-svg :is(text,path,line,polygon,rect,ellipse,circle){transition:opacity .35s,fill .35s,stroke .35s,filter .35s}.diagram-svg text.focus-message,.diagram-svg text.focus-header{fill:rgb(var(--focus-rgb))!important}.diagram-svg :is(line,path).focus-message{filter:drop-shadow(0 0 2px rgba(var(--focus-rgb),.2));stroke:rgb(var(--focus-rgb))!important}.diagram-svg polygon.focus-message{fill:rgb(var(--focus-rgb))!important;stroke:rgb(var(--focus-rgb))!important}.diagram-svg rect.focus-header{filter:drop-shadow(0 2px 5px rgba(var(--focus-rgb),.18));fill:rgba(var(--focus-rgb),.13)!important;stroke:rgb(var(--focus-rgb))!important;stroke-width:1.6px!important}@keyframes focus-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.focus-lane,.canvas-label .focus-caption{animation:none}.viewer-card,.canvas,.diagram-svg :is(text,path,line,polygon,rect,ellipse,circle){transition:none}}.theme-toggle{color:#777087;border:1px solid #e7e4ef;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.theme-toggle.selected{color:#7259ae;background:#f0ebfa;border-color:#d6cbea}.theme-panel{z-index:4;background:#fff;border-left:1px solid #e7e7ef;flex-direction:column;flex-shrink:0;width:266px;min-height:0;display:flex}.theme-panel header{border-bottom:1px solid #eeeef4;justify-content:space-between;align-items:center;padding:16px;display:flex}.theme-panel header>div{color:#76658e;align-items:center;gap:8px;display:flex}.theme-panel strong{color:#343045;font-size:14px;font-weight:550}.theme-panel header button{color:#9690a4;border-radius:4px;padding:3px;display:flex}.theme-body{flex:1;padding:0 16px 18px;overflow:auto}.theme-intro{color:#83798e;margin:17px 0;font-size:12px}.theme-mode{color:#645b74;flex-direction:column;gap:8px;font-size:12px;display:flex}.theme-mode select{color:#443d50;width:100%;font:inherit;background:#faf9fc;border:1px solid #e4dfed;border-radius:6px;padding:9px 7px}.theme-help{color:#938b9d;margin:10px 0 19px;font-size:11px;line-height:1.6}.theme-body fieldset{border:0;min-width:0;margin:0;padding:0}.theme-body fieldset:disabled{opacity:.45}.theme-body legend,.theme-label{letter-spacing:1px;color:#a09aa9;margin:0 0 12px;font-size:9px;font-weight:600}.theme-label{justify-content:space-between;margin-top:23px;display:flex}.theme-label>span{letter-spacing:0;color:#8a70b2;font-size:9px}.theme-presets{gap:7px;display:flex}.theme-presets button{border:1px solid #e5e1eb;border-radius:7px;width:33%;padding:5px;font-size:11px}.theme-presets button.chosen{background:#faf7fe;border-color:#b299d1;box-shadow:0 0 0 2px #f3edf9}.theme-preview{border:1px solid;border-radius:3px;justify-content:center;align-items:center;gap:3px;height:40px;margin-bottom:7px;display:flex}.theme-preview>span{border:1px solid;border-radius:3px;width:12px;height:15px}.theme-presets button>span:last-child{justify-content:space-between;padding:0 2px 3px;display:flex}.theme-colors{flex-direction:column;gap:9px;display:flex}.theme-colors label{align-items:center;gap:9px;font-size:12px;display:flex}.theme-colors input{appearance:none;cursor:pointer;background:0 0;border:0;width:23px;height:23px;padding:0}.theme-colors input::-webkit-color-swatch-wrapper{padding:0}.theme-colors input::-webkit-color-swatch{border:1px solid #0002;border-radius:6px}.theme-colors small{color:#a29aa9;margin-left:auto;font-family:monospace;font-size:10px}.theme-range{color:#645b74;margin-top:17px;font-size:12px;display:block}.theme-range>span{justify-content:space-between;display:flex}.theme-range output{color:#92879f;font-size:11px}.theme-range input{accent-color:#9276ba;width:100%;height:4px;margin:11px 0 0}.theme-shadow{color:#645b74;align-items:center;gap:7px;margin:20px 0;font-size:12px;display:flex}.theme-shadow input{accent-color:#9276ba}.theme-reset{color:#8a7e98;border:1px solid #e5e0eb;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px;font-size:11px;display:flex}.theme-panel footer{color:#a197ac;background:#fcfbfd;border-top:1px solid #efebf2;padding:12px 16px;font-size:10px;line-height:1.6}.canvas-row{position:relative}@media (max-width:1000px){.theme-toggle span{display:none}.theme-panel{position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 25px #30204d0d}}@media (max-width:600px){.theme-panel{width:min(280px,90%)}.theme-toggle{padding:5px}.theme-panel strong{font-size:14px}}.participant-chip{background:#fff;border:1px solid #e7eaf0;border-radius:5px;align-items:center;display:inline-flex}.participant-chip .focus-chip{border:0;border-radius:4px 0 0 4px}.hide-participant{color:#939aaa;border-left:1px solid #eef0f5;border-radius:0 4px 4px 0;align-self:stretch;place-items:center;width:23px;display:grid}.hide-participant:hover,.diagram-hide:hover{color:#775ca7;background:#f0eafa}.restore-participant{color:#8b7ba1;background:#faf7fe;border:1px dashed #cfbfdc;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;display:flex}.restore-participant>span{color:#9a8eaa;font-size:9px}.diagram-hide{z-index:3;color:#8c96a8;background:#fff;border:1px solid #d5dce7;border-radius:6px;place-items:center;width:26px;height:23px;display:grid;position:absolute;box-shadow:0 2px 5px #26365508}.updating .diagram-hide{pointer-events:none}.participant-chip.is-compact{background:#faf7ff;border-style:dashed;border-color:#b9a5da}.compact-tag{color:#9a82b8;margin-left:5px;font-size:8px}.diagram-hide.is-compact{color:#7957aa;background:#eee6fb;border-color:#baa5d8}.compact-column{pointer-events:none;z-index:0;background:linear-gradient(90deg,#9c7bcc05,#9c7bcc12,#9c7bcc05);border-left:1px dashed #baa4d54d;border-right:1px dashed #baa4d54d;border-radius:10px;width:38px;position:absolute}.compact-message{cursor:pointer;text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.compact-message:hover{fill:#855ab6!important}.message-detail{z-index:5;background:#fff;border:1px solid #d9cce9;border-radius:10px;max-width:420px;margin:12px auto;padding:16px 36px 16px 16px;position:sticky;bottom:14px;left:0;box-shadow:0 6px 25px #58417419}.message-detail>span{letter-spacing:1px;color:#aa93bf;font-size:9px}.message-detail>button{color:#a895b7;display:flex;position:absolute;top:10px;right:10px}.message-detail p{color:#514161;overflow-wrap:anywhere;margin:9px 0 0;font-size:13px;line-height:1.6}.diagram-stage{transition:width .3s,height .3s}@media (prefers-reduced-motion:reduce){.diagram-stage{transition:none}}.participant-name-target{z-index:4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;position:absolute}.participant-name-target:hover{background:#9c86bd0c;border-color:#9c86bd;box-shadow:0 0 0 3px #9c86bd0a}.participant-name-target.selected{border-color:rgba(var(--focus-rgb),.35);background:0 0}.participant-name-target:active{transform:none}.column-toggle{color:#8793a8;z-index:5;background:#fff;border:1px solid #d9dfeb;border-radius:6px;place-items:center;width:28px;height:25px;display:grid;position:absolute;box-shadow:0 2px 4px #22335506}.column-toggle.is-compact{color:#7854a6;background:#efe6fb;border-color:#b99ed8}.column-toggle:hover{color:#704797;background:#e9dff8;border-color:#ad90cf}.updating .column-toggle{pointer-events:none}.hide-participant{justify-content:center;gap:4px;width:auto;min-width:23px;padding:0 5px;display:flex}.hide-participant>span{color:#86659f;font-size:9px}.expand-all{color:#806196;white-space:nowrap;background:#f8f4fc;border:1px solid #d8cbe5;border-radius:5px;padding:5px 8px;font-size:10px}.diagram-stage{margin-left:24px;margin-right:24px}.canvas{padding-top:72px}.canvas-label{top:17px}.column-toggle:focus-visible{outline-offset:3px;outline:2px solid #9169bf}.canvas-row.layout-split>.editor-pane{width:var(--editor-width,42%);border-right:0;flex-shrink:0;min-width:0}.canvas-row.layout-source>.editor-pane{border-right:0;width:100%;min-width:0}.canvas-row.layout-source>.canvas{display:none}.canvas-row.layout-diagram>.canvas{width:100%}.editor-divider{cursor:col-resize;touch-action:none;z-index:2;background:#eef0f5;border-left:1px solid #dde1eb;border-right:1px solid #dde1eb;flex:0 0 10px;justify-content:center;align-items:center;display:flex}.editor-divider span{background:#b1acc6;border-radius:3px;width:3px;height:38px}.editor-divider:hover,.editor-divider:focus-visible{outline-offset:-2px;background:#e4def8;outline:2px solid #8575ee}@media (max-width:760px){.canvas-row.layout-split>.editor-pane{width:100%}.canvas-row.layout-split>.canvas,.editor-divider{display:none}.view-tabs{gap:12px}.editor-pane textarea{font-size:12px}.viewer-toolbar{gap:8px}}.source-error{color:#ffdae0;background:#472d3a;border-bottom:1px solid #77515e;padding:12px 15px;font-size:12px;line-height:1.5}.editor-pane[hidden]{display:none}.source-code-editor{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.source-editor-mount{flex:1;min-height:0;overflow:hidden}.source-editor-tools{color:#d2d9ee;border-bottom:1px solid #373c4d;align-items:center;gap:6px;padding:6px 10px;display:flex}.source-editor-tools button{border-radius:4px;align-items:center;gap:5px;padding:5px 6px;font-size:11px;display:flex}.source-editor-tools button:first-child{margin-right:auto}.source-editor-tools button:hover{background:#394159}.source-editor-help{color:#b0b9cb;border-top:1px solid #373c4d;padding:6px 10px;font-size:9px}.source-editor-mount .cm-panel.cm-search{color:#e1e6f0;background:#30374a;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 28px 9px 9px;font-size:11px;display:flex}.source-editor-mount .cm-search .cm-textfield{color:#e1e6f0;background:#222737;border:1px solid #77839c;border-radius:4px;min-width:0;max-width:100%;padding:5px}.source-editor-mount .cm-search .cm-button{color:#fff;background:#434d66;border:1px solid #697793;border-radius:4px;padding:4px 6px;font-size:11px}.source-editor-mount .cm-search label{white-space:nowrap;align-items:center;gap:3px;display:flex}.source-editor-mount .cm-search input:focus-visible,.source-editor-mount .cm-search button:focus-visible{outline-offset:2px;outline:2px solid #c2afff}.library-actions,.document-actions{flex-wrap:wrap;gap:8px;display:flex}.library-actions button,.document-actions>button,.trash-toggle,.trash-list button,.storage-error button,.source-error button{color:#574279;font:inherit;cursor:pointer;background:#fff;border:1px solid #dedee8;border-radius:6px;padding:7px 9px;font-size:12px}.local-documents{max-height:190px;margin:10px 0;overflow:auto}.local-documents>div{border-radius:6px;display:flex}.local-documents .current{background:#eee8f9}.local-documents button{text-align:left;color:#454356;cursor:pointer;background:0 0;border:0;padding:8px}.local-documents button:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.trash-list{font-size:12px}.trash-list>div{justify-content:space-between;align-items:center;gap:6px;padding:6px;display:flex}.document-name{font:inherit;font-weight:inherit;color:inherit;background:0 0;border:0;width:100%;min-width:180px;max-width:650px}.document-heading>div:first-child{flex:1;min-width:0}.document-heading .document-actions{justify-content:flex-end}.save-status{color:#66736b;margin:-12px 0 12px;font-size:12px}.storage-error{background:#fff1dd;border-radius:8px;margin-bottom:12px;padding:12px;font-size:13px}.storage-error p{margin:0 0 8px}.storage-error button{margin-right:8px}.empty-preview{text-align:center;color:#787487;padding:100px 30px}.stale-notice{z-index:8;background:#fff1d6;border-radius:6px;padding:9px;font-size:12px;position:sticky;top:5px}.preview-stale{opacity:.5;pointer-events:none}.canvas:has(.diagram-stage)>.error-panel{z-index:9;background:#fff4f1;width:auto;margin:10px;padding:15px;position:sticky;inset:auto;transform:none}.source-error button{margin-top:6px;display:block}.sidebar{overflow-y:auto}.sidebar-detail{flex-shrink:0}.landing{color:#333347;max-width:1200px;margin:auto;padding:0 40px}.landing nav{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.landing a{color:#7354b5;text-decoration:none}.landing-brand{font-size:25px;font-weight:700}.landing-brand span{color:#3d3d51}.landing-hero{max-width:810px;padding:80px 0 50px}.landing-hero h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(34px,5vw,60px);line-height:1.12;display:block}.landing-hero p{color:#737183;font-size:19px;line-height:1.65}.landing-actions{align-items:center;gap:28px;margin:28px 0;display:flex}.landing .primary-link{color:#fff;background:#7956bb;border-radius:9px;padding:15px 24px}.landing small{color:#807d8f}.landing-comparison{grid-template-columns:1fr 1fr;gap:24px;display:grid}.landing-comparison article{background:#fff;border:1px solid #e7e4ee;border-radius:16px;padding:24px}.landing h2{font-size:18px}.landing-comparison svg{width:100%;margin-top:10px}.landing p{line-height:1.6}.landing-features{grid-template-columns:repeat(3,1fr);gap:32px;margin:50px 0;display:grid}.landing footer{border-top:1px solid #e2deea;justify-content:space-between;gap:20px;padding:25px 0;font-size:13px;display:flex}.landing footer span{color:#807d8f}@media (max-width:760px){.landing{padding:0 22px}.landing-hero{padding-top:35px}.landing-comparison,.landing-features{grid-template-columns:1fr}.landing footer{flex-direction:column}.document-heading{flex-wrap:wrap;gap:12px}.document-actions{width:100%}}.language-control{align-items:center;gap:8px;display:flex;position:relative}.language-control select{font:inherit;color:#574279;cursor:pointer;background:#fff;border:1px solid #dedee8;border-radius:6px;min-width:88px;padding:7px 8px;font-size:12px}.locale-warning{z-index:20;background:#fff1dd;border:1px solid #e8d4a4;border-radius:6px;width:240px;padding:8px;font-size:12px;position:absolute;top:100%;right:0}.landing nav{flex-wrap:wrap;gap:20px}.landing nav .language-control{order:2;margin-left:auto}@media (max-width:760px){.topbar-right .local-badge,.topbar-right .topbar-divider,.topbar-right .small-avatar{display:none}.topbar-right{gap:0}.language-control select{max-width:110px}.landing nav{gap:12px}.landing nav>a:last-child{width:100%}.landing-actions{flex-wrap:wrap;gap:16px}}.account-control{position:relative}.account-trigger{white-space:nowrap;background:#fff;border:1px solid #dedee8;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.account-avatar{color:#65577e;background:#e8e4f4;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:650;display:grid}.account-popover{z-index:30;background:#fff;border:1px solid #dedee8;border-radius:10px;gap:9px;width:300px;padding:15px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 34px #22263720}.account-popover strong{font-size:13px}.account-popover>small{color:#838a99;overflow-wrap:anywhere}.account-popover p{color:#777f90;margin:0;font-size:11px;line-height:1.55}.provider-button,.sign-out-button{text-align:center;background:#fff;border:1px solid #dedee8;border-radius:7px;width:100%;padding:9px 10px;font-size:12px}.provider-button.google{border-color:#d6dbe5}.provider-button.github{color:#fff;background:#252a3a;border-color:#252a3a}.sign-out-button{color:#7a4c55;margin-top:3px}.auth-note{color:#737b8c;background:#f4f5f8;border-radius:7px;padding:10px;font-size:11px;line-height:1.5;display:block}.auth-error{background:#fff0f1;border-radius:6px;padding:9px;color:#9a4550!important}.cloud-state{color:#85765a;background:#fff7e8;border-radius:6px;padding:8px;font-size:11px}.cloud-state.ready{color:#557052;background:#eef8e9}.linked-accounts{border-top:1px solid #eceef2;gap:6px;padding-top:9px;display:grid}.linked-accounts>span{color:#8d94a1;text-transform:uppercase;letter-spacing:.7px;font-size:10px}.linked-accounts>div{justify-content:space-between;align-items:center;font-size:11px;display:flex}.linked-accounts button{color:#755c8a;padding:4px;font-size:10px}.landing nav .account-control{order:3}.landing nav>a:last-child{order:4}.topbar-right .account-popover{right:0}@media (max-width:760px){.landing nav .account-control{margin-left:auto}.landing nav .language-control{margin-left:0}.account-popover{width:auto;position:fixed;top:64px;left:12px;right:12px}.account-trigger>span:last-child{text-overflow:ellipsis;max-width:100px;overflow:hidden}.topbar-right .account-trigger>span:last-child{display:none}}.provider-button.email{color:#fff;background:#7259ae;border-color:#7259ae}.magic-link-form{gap:7px;display:grid}.magic-link-form label{color:#646b79;font-size:11px}.magic-link-form input{width:100%;font:inherit;border:1px solid #dedee8;border-radius:7px;padding:9px 10px;font-size:12px}.magic-link-sent{color:#557052;background:#eef8e9;border-radius:6px;padding:8px;font-size:11px;line-height:1.45}.auth-separator{text-align:center;color:#969ba6;text-transform:uppercase;font-size:10px}.analytics-consent{z-index:100;color:#3e3948;background:#fff;border:1px solid #ddd8e8;border-radius:12px;align-items:center;gap:22px;max-width:760px;margin:auto;padding:17px 18px;display:flex;position:fixed;bottom:18px;left:18px;right:18px;box-shadow:0 12px 45px #28213b26}.analytics-consent>div:first-child{flex:1}.analytics-consent strong{margin-bottom:5px;font-size:14px;display:block}.analytics-consent p{color:#706a79;margin:0;font-size:12px;line-height:1.5}.analytics-consent-actions{flex-shrink:0;gap:8px;display:flex}.analytics-consent button,.analytics-settings{color:#654b8d;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9d3e3;border-radius:7px;padding:9px 11px;font-size:11px}.analytics-consent button.primary{color:#fff;background:#7354b5;border-color:#7354b5}.analytics-settings{z-index:40;opacity:.62;background:#ffffffd9;padding:5px 7px;position:fixed;bottom:10px;left:12px}.analytics-settings:hover,.analytics-settings:focus-visible{opacity:1}.analytics-consent button:focus-visible,.analytics-settings:focus-visible{outline-offset:2px;outline:2px solid #7b61b6}@media (max-width:650px){.analytics-consent{flex-direction:column;align-items:stretch;gap:13px}.analytics-consent-actions{flex-wrap:wrap;justify-content:flex-end}}