@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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{color:#293747;font-synthesis:none;--ink:#293747;--muted:#737e8d;--line:#e2e7ec;--accent:#1d665e;--accent-light:#e9f1ee;--canvas:#f7f9fa;background:#f5f7f9;font-family:IBM Plex Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,summary{font:inherit}button,summary,select{cursor:pointer}button{color:inherit}button:disabled,select:disabled{opacity:.4;cursor:not-allowed}button,input,select,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:2px solid #387fbb}button,select,summary{transition:background .12s,color .12s,border-color .12s}.app-shell{flex-direction:column;height:100dvh;min-height:420px;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 25px 0 24px;display:flex}.identity,.header-actions,.document-heading,.document-actions,.source-actions{align-items:center;display:flex}.identity{gap:11px}.identity-mark{color:var(--accent);display:flex}.identity-title{color:#233a36;letter-spacing:-1.1px;font-size:23px;font-weight:600}.identity-period{color:#87a79d}.identity-divider{background:var(--line);width:1px;height:17px;margin:0 5px 0 10px}.identity-note{color:#697885;font-size:12px}.header-actions{gap:12px}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:0 13px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.button.quiet{color:#637080;background:0 0}.button.quiet:hover{color:var(--ink);background:#f0f3f5}.button.primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #122e231a}.button.primary:hover{background:#174f49}.icon-button{color:#738090;background:0 0;border:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover:not(:disabled){color:#354654;background:#edf1f4}.sidebar-toggle{display:none}.app-body{flex:1;min-height:0;display:flex}.document-sidebar{border-right:1px solid var(--line);background:#f6f8fa;flex-direction:column;flex-shrink:0;width:210px;padding:28px 14px 0;display:flex}.sidebar-heading{color:#627382;justify-content:space-between;align-items:center;margin-bottom:17px;padding:0 8px;font-size:11px;display:flex}.document-count{color:#677887;font:10px IBM Plex Mono,monospace}.new-diagram{text-align:left;color:#4a5b68;background:#fff;border:1px solid #dce3e7;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:35px;padding:0 10px;font-size:12px;display:flex;box-shadow:0 1px 2px #29374705}.new-diagram:hover{background:#fbfdfc;border-color:#aabeb7}.document-list{flex:1;margin-top:17px;overflow:auto}.document-item{text-align:left;color:#738090;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:9px;width:100%;min-height:37px;margin-bottom:3px;padding:8px 10px;font-size:12px;display:flex}.document-item>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.document-item svg{opacity:.75;flex-shrink:0}.document-item:hover{background:#edf1f4}.document-item.active{color:#275f53;background:#e7efeb;border-color:#dce7e1;font-weight:500}.active-dot{background:#5b8d7c;border-radius:50%;width:4px;height:4px}.sidebar-empty{color:var(--muted);padding:0 10px;font-size:11px;line-height:1.6}.sample-entry{text-align:left;color:#687889;background:0 0;border:0;align-items:center;gap:9px;margin-top:15px;padding:15px 8px;font-size:11px;display:flex}.sample-entry span{flex:1}.sample-entry:hover{color:var(--accent)}.sidebar-footer{border-top:1px solid var(--line);color:#607282;gap:7px;padding:20px 7px 22px;font-size:10px;line-height:1.8;display:flex}.sidebar-footer small{color:#697a88;font-size:10px;display:block}.local-dot,.footer-dot{background:#83a594;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px;display:inline-block}.workspace{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.document-bar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:67px;padding:0 23px;display:flex}.document-heading{gap:10px;min-width:0}.document-glyph{color:#80909d;display:flex}.document-heading input{color:#344453;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;width:230px;min-width:80px;max-width:30vw;margin-left:-4px;padding:5px 4px;font-size:14px;font-weight:500}.document-heading input:hover{border-color:var(--line)}.document-heading input:focus{border-color:#b4cdc3;outline:2px solid #e8f1ed}.save-status{color:#627584;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.document-actions{gap:3px}.action-divider{background:var(--line);width:1px;height:16px;margin:0 10px}.samples-button{padding:0 7px}.editor-split{flex:1;grid-template-columns:minmax(300px,39%) minmax(0,1fr);min-height:0;display:grid}.source-pane,.preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.source-pane{border-right:1px solid var(--line)}.pane-heading{color:#6c7887;border-bottom:1px solid #edf0f3;flex-shrink:0;justify-content:space-between;align-items:center;min-height:46px;padding:0 18px;font-size:12px;display:flex}.pane-heading>span{align-items:center;gap:8px;display:inline-flex}.pane-heading>span>svg{color:#8a97a4}.format-pill{color:#647786;background:#fbfcfd;border:1px solid #e6eaee;border-radius:4px;margin-left:2px;padding:1px 6px;font-size:9px}.source-actions{gap:10px}.live-label{color:#587663;align-items:center;gap:5px;font-size:9px;display:flex}.live-label>span{background:#7ba58c;border-radius:50%;width:4px;height:4px}.source-editor{background:#fff;flex:1;min-height:0;overflow:hidden}.presentation-controls{border-top:1px solid var(--line);background:#fbfcfd;flex-wrap:wrap;gap:13px;padding:15px 18px;display:flex}.presentation-controls label{color:#627383;align-items:center;gap:8px;font-size:10px;display:flex}.presentation-controls select{color:#566573;background:#fff;border:1px solid #e0e6eb;border-radius:5px;width:95px;height:29px;padding:5px 6px;font-size:11px}.source-config-note{color:#8c7962;width:100%;font-size:10px}.render-status{color:#597869;font-size:10px}.render-status.error{color:#b57a34}.render-status.rendering{color:#637786}.ready-dot{background:#80a38c;border-radius:50%;width:4px;height:4px}.canvas-wrap{flex:1;min-height:0;position:relative}.diagram-viewport{background-color:var(--canvas);cursor:grab;touch-action:none;background-image:radial-gradient(#c7d1d9 .65px,#0000 .65px);background-size:19px 19px;width:100%;height:100%;position:relative;overflow:hidden}.diagram-viewport.is-dragging{cursor:grabbing}.diagram-position{width:0;height:0;position:absolute;top:calc(50% - 35px);left:50%}.diagram-artifact{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;translate:-50% -50%}.diagram-artifact>svg{display:block;max-width:none!important}.viewport-tools{cursor:auto;background:#fff;border:1px solid #dde4e9;border-radius:7px;align-items:center;gap:1px;padding:3px 5px;display:flex;position:absolute;bottom:43px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #32435208,0 1px 2px #32435205}.viewport-tools button{color:#6a7a89;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:28px;display:flex}.viewport-tools button:hover{background:#f0f4f6}.zoom-value{text-align:center;color:#72808e;min-width:40px;font:10px IBM Plex Mono,monospace}.tool-divider{background:var(--line);width:1px;height:16px;margin:0 5px}.canvas-hint{text-align:center;color:#647585;pointer-events:none;font-size:11px;position:absolute;bottom:13px;left:0;right:0}.canvas-hint span{color:#b3bdc7;margin:0 5px}.canvas-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.empty-mark{color:#9ab9ac;font-size:38px}.canvas-empty h2{color:#667b78;letter-spacing:-.3px;margin:12px 0 4px;font-size:17px;font-weight:500}.canvas-empty p{color:#89959d;font-size:11px}.stale-preview{z-index:2;color:#997742;white-space:nowrap;background:#fffaf0;border:1px solid #e6ddcc;border-radius:5px;padding:7px 12px;font-size:10px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 1px 5px #00000004}.workspace-footer{border-top:1px solid var(--line);color:#637786;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:31px;padding:0 20px;font-size:10px;display:flex}.workspace-footer>span{align-items:center;gap:6px;display:inline-flex}.footer-dot{width:4px;height:4px;margin-top:0}.footer-separator{color:#ccd3d9;margin:0 7px}.workspace-footer a{color:#627585;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.workspace-footer a:hover{color:var(--accent)}.export-menu{position:relative}.export-menu>summary{list-style:none}.export-menu>summary::-webkit-details-marker{display:none}.export-popover{border:1px solid var(--line);z-index:30;background:#fff;border-radius:9px;width:252px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 35px #253c4a1a}.popover-label{color:#697a88;margin:5px 8px 11px;font-size:10px}.export-popover>button{text-align:left;color:#5b6c7a;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;padding:9px 8px;font-size:12px;display:flex}.export-popover>button:hover:not(:disabled){color:var(--accent);background:#f0f5f3}.export-popover>button>span{flex:1}.export-popover small{color:#697a88;margin-top:2px;font-size:10px;display:block}.menu-rule{background:#e9edf0;height:1px;margin:7px 0}.scale-option{color:#697a88;justify-content:space-between;align-items:center;margin:4px 8px;font-size:10px;display:flex}.scale-option select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:4px;padding:2px 5px;font-size:11px}.export-hint{color:#9c855e;margin:8px;font-size:10px;line-height:1.5}.source-error{color:#996f4a;background:#fff9f4;border-top:1px solid #eddccf;max-height:200px;padding:13px 17px;overflow:auto}.source-error>div{align-items:center;gap:7px;display:flex}.source-error strong{flex:1;font-size:11px;font-weight:500}.source-error p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:10px;line-height:1.7}.source-error details{margin-top:7px;font-size:10px}.source-error pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px}.text-button{color:#997147;text-underline-offset:3px;background:0 0;border:0;padding:2px;font-size:10px;text-decoration:underline}.workspace-notice{color:#557362;background:#f3f7f4;border-bottom:1px solid #dfebe2;align-items:center;gap:10px;padding:10px 20px;font-size:11px;display:flex}.workspace-notice>span{flex:1}.workspace-notice.is-error{color:#9a6b42;background:#fff8ef;border-color:#eee0cb}.workspace-notice>button:not(.icon-button){color:inherit;background:0 0;border:0;font-size:11px;text-decoration:underline}.file-input{display:none}.samples-dialog{width:min(680px,100vw - 32px);color:var(--ink);border:1px solid #dce5e5;border-radius:13px;padding:28px;box-shadow:0 30px 100px #183a3840}.samples-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#263e4355}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:#7b9b8c;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.dialog-heading h2{letter-spacing:-.7px;color:#36594f;margin:8px 0;font-size:25px;font-weight:500}.dialog-heading p{color:#627585;margin:0 0 24px;font-size:12px}.sample-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sample-grid>button{text-align:left;background:#fff;border:1px solid #e2e9e7;border-radius:7px;flex-direction:column;padding:13px;display:flex;position:relative}.sample-grid>button:hover{background:#fafcfb;border-color:#abc8bb}.sample-art{color:#6b9485;background-color:#f2f7f4;background-image:radial-gradient(#c9d9d2 .6px,#0000 .6px);background-size:10px 10px;border-radius:3px;justify-content:center;align-items:center;width:100%;height:72px;margin-bottom:12px;display:flex}.sample-art.sequence{color:#7c91a5;background-color:#f2f5f8;transform:none}.sample-art.state{color:#9b8b6b;background-color:#f8f6f1}.sample-type{color:#587663;font-size:9px}.sample-grid strong{margin:6px 0;font-size:12px;font-weight:500}.sample-description{color:#657482;font-size:10px;line-height:1.6}.sample-arrow{color:#9aaba2;position:absolute;top:98px;right:12px}.toast{color:#386557;z-index:50;background:#fff;border:1px solid #cde0d5;border-radius:7px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #1c3d3014}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-pane-tabs,.sidebar-scrim{display:none}@media (width<=1180px){.document-sidebar{width:184px;padding-left:11px;padding-right:11px}.editor-split{grid-template-columns:minmax(290px,42%) minmax(0,1fr)}.presentation-controls{gap:9px;padding:12px}.presentation-controls label{gap:5px}.presentation-controls select{width:89px}.identity-note,.identity-divider{display:none}}@media (width<=980px){.sidebar-toggle{margin-left:-10px;display:inline-flex}.document-sidebar{z-index:20;width:235px;display:none;position:absolute;top:64px;bottom:0;left:0;box-shadow:10px 0 35px #29374715}.sidebar-open .document-sidebar{display:flex}.sidebar-open .sidebar-scrim{z-index:19;background:#263e4325;border:0;display:block;position:fixed;inset:64px 0 0}.editor-split{grid-template-columns:minmax(290px,41%) minmax(0,1fr)}.sidebar-footer{font-size:11px}.sidebar-footer small{font-size:10px}}@media (width<=700px){.app-header{height:60px;padding:0 16px}.identity{gap:8px}.identity-title{font-size:22px}.identity-mark{display:none}.sidebar-toggle{width:38px;height:40px;margin-left:-8px}.header-actions{gap:2px}.button{min-height:44px}.open-file{padding:0 12px}.open-file span{display:none}.document-bar{gap:4px;height:65px;padding:0 15px}.document-heading{gap:5px}.document-heading input{width:140px;max-width:35vw;font-size:14px}.document-glyph{display:none}.document-actions{gap:0}.document-actions .icon-button{width:32px;height:40px}.samples-button{padding:0 6px}.samples-button span{display:none}.action-divider{margin:0 4px}.save-status{gap:2px;font-size:9px}.mobile-pane-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:20px;height:43px;padding:0 14px;display:flex}.mobile-pane-tabs button{color:#637786;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 3px;font-size:12px;display:flex}.mobile-pane-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.editor-split{display:flex}.source-pane,.preview-pane{flex:1;width:100%}.show-preview .source-pane,.show-source .preview-pane{display:none}.source-pane{border-right:0}.pane-heading{min-height:44px;padding:0 17px}.workspace-footer{padding:0 13px;font-size:9px}.workspace-footer>span:last-child{gap:0;font-size:0}.workspace-footer>span:last-child .footer-separator{display:none}.workspace-footer a{font-size:10px}.document-sidebar{top:60px}.sidebar-open .sidebar-scrim{inset:60px 0 0}.document-item,.new-diagram,.sample-entry{min-height:44px}.presentation-controls{gap:16px;padding:13px 17px}.presentation-controls label{gap:9px;font-size:11px}.presentation-controls select{width:105px;height:36px}.viewport-tools{padding:3px 6px;bottom:44px}.viewport-tools button{width:44px;height:44px}.canvas-hint{font-size:10px}.source-actions .icon-button{width:35px;height:35px}.samples-dialog{padding:21px}.sample-grid{grid-template-columns:repeat(2,1fr)}.dialog-heading h2{font-size:22px}.dialog-heading p{line-height:1.6}.dialog-heading .icon-button{width:35px;height:35px}.workspace-notice{padding:10px 14px;font-size:11px;line-height:1.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}