:root{--ink:#202124;--muted:#73777f;--line:#e8e9ec;--soft:#f7f7f8;--paper:#fff;--blue:#536dfe;--blue2:#eef0ff;--violet:#7c4dff;--danger:#dc4c64;--shadow:0 10px 35px #1b1f2c17;--r:10px}:root[data-theme=dark]{--ink:#e8e9ed;--muted:#9298a3;--line:#33363d;--soft:#25272c;--paper:#1c1e22;--blue:#7b90ff;--blue2:#2a2f4d;--violet:#a084ff;--danger:#ff6b81;--shadow:0 10px 35px #0006}:root[data-theme=dark] body{background:#141518}:root[data-theme=dark] .topbar,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .inspector{background:var(--paper)}:root[data-theme=dark] .shape-card,:root[data-theme=dark] .btn,:root[data-theme=dark] .template-card,:root[data-theme=dark] .export-option,:root[data-theme=dark] .modal,:root[data-theme=dark] .input,:root[data-theme=dark] select.input,:root[data-theme=dark] .zoom,:root[data-theme=dark] .zoom button,:root[data-theme=dark] .canvas-top,:root[data-theme=dark] .mobile-dock,:root[data-theme=dark] .copy,:root[data-theme=dark] .script-btn,:root[data-theme=dark] .arrange-btn,:root[data-theme=dark] .script-editor,:root[data-theme=dark] .code,:root[data-theme=dark] .template-thumb,:root[data-theme=dark] .syntax-line,:root[data-theme=dark] .mobile-panel-tabs button.active{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .canvas-shell{background:#101114}:root[data-theme=dark] .canvas-bg{fill:#101114}:root[data-theme=dark] .dot-pattern circle{fill:#33363d}:root[data-theme=dark] .help-card,:root[data-theme=dark] .script-intro{color:#a7abb4;background:#25272c}:root[data-theme=dark] .empty-icon{background:#25272c}:root[data-theme=dark] .toast{color:#1c1e22;background:#e8e9ed}:root[data-theme=dark] .icon-btn,:root[data-theme=dark] .mode-btn,:root[data-theme=dark] .dock-btn,:root[data-theme=dark] .tab,:root[data-theme=dark] .mobile-panel-tabs button,:root[data-theme=dark] .search,:root[data-theme=dark] .section-title,:root[data-theme=dark] .shape-card,:root[data-theme=dark] .code-hint,:root[data-theme=dark] .zoom span{color:var(--ink)}:root[data-theme=dark] .icon-btn:hover,:root[data-theme=dark] .mode-btn:hover,:root[data-theme=dark] .btn:hover,:root[data-theme=dark] .script-btn:hover,:root[data-theme=dark] .copy:hover,:root[data-theme=dark] .zoom button:hover,:root[data-theme=dark] .shape-card:hover,:root[data-theme=dark] .template-card:hover,:root[data-theme=dark] .export-option:hover{background:var(--soft)}:root[data-theme=dark] .icon-btn:disabled{opacity:.35}:root[data-theme=dark] .doc-title:hover{background:var(--soft)}:root[data-theme=dark] .mode-btn.active{background:var(--blue2);color:#c2cbff}:root[data-theme=dark] .tab.active{color:var(--ink)}:root[data-theme=dark] .template-badge{background:var(--blue2);color:#c2cbff!important}:root[data-theme=dark] .danger-btn{color:var(--danger);background:#2a1d20;border-color:#4a2830}:root[data-theme=dark] .danger-btn:hover{background:#3a2226}:root[data-theme=dark] .swatch{border-color:var(--paper)}:root[data-theme=dark] .field label,:root[data-theme=dark] .diagram-settings label{color:var(--muted)}.pool-fill{fill:var(--paper);stroke:#7b8088}.pool-border{stroke:#7b8088}.pool-divider{stroke:#b7bbc2}.pool-name{fill:#4d525a}.pool-lane-name{fill:#747982}:root[data-theme=dark] .node{color:#c2c6cf}:root[data-theme=dark] .node .label{fill:var(--ink)}:root[data-theme=dark] .node .body{stroke:#3a3d44}:root[data-theme=dark] .pool-fill,:root[data-theme=dark] .pool-border{stroke:#4a4e56}:root[data-theme=dark] .pool-divider{stroke:#33363d}:root[data-theme=dark] .pool-name{fill:#c2c6cf}:root[data-theme=dark] .pool-lane-name{fill:#9298a3}:root[data-theme=dark] .edge-line{stroke:#6a6f79}:root[data-theme=dark] .edge-label-bg{fill:var(--paper);stroke:#3a3d44}:root[data-theme=dark] .edge-label{fill:#9298a3}:root[data-theme=dark] .help-card b,:root[data-theme=dark] .script-intro strong,:root[data-theme=dark] .empty strong{color:var(--ink)}:root[data-theme=dark] .codebar span,:root[data-theme=dark] .script-guide-body,:root[data-theme=dark] .code-hint{color:var(--muted)}:root[data-theme=dark] .script-guide{border-color:var(--line)}:root[data-theme=dark] .script-guide summary{background:var(--soft);color:var(--ink)}:root[data-theme=dark] .modal-head strong,:root[data-theme=dark] .template-card strong,:root[data-theme=dark] .template-card span,:root[data-theme=dark] .export-option b,:root[data-theme=dark] .export-option span{color:var(--ink)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);user-select:none;background:#f4f5f7;font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.icon{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.app{grid-template-rows:56px 1fr;height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;gap:12px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#6d5dfc,#465fff);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 5px 16px #536dfe47}.brand-name{letter-spacing:-.02em;font-weight:750}.doc{align-items:center;gap:8px;min-width:0;display:flex}.doc-title{border-radius:7px;padding:6px 8px;font-weight:600}.doc-title:hover{background:var(--soft)}.saved{color:#6e727a;align-items:center;gap:5px;font-size:12px;display:flex}.saved i{background:#42a56f;border-radius:50%;width:6px;height:6px}.top-spacer{flex:1}.tool-group{align-items:center;gap:4px;display:flex}.mobile-menu-btn,.mobile-panel-tabs,.mobile-components-tab{display:none}.icon-btn{color:#646872;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{color:#202124;background:#f2f3f5}.icon-btn:disabled{opacity:.35;cursor:default}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 14px;font-weight:600;display:flex}.btn:hover{background:#f7f7f8}.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff}.btn.primary:hover{background:#465ee8}.workspace{grid-template-columns:236px 1fr 318px;min-height:0;display:grid}.sidebar,.inspector{background:#fff;min-height:0;overflow:hidden}.sidebar{border-inline-end:1px solid var(--line);flex-direction:column;display:flex}.inspector{border-inline-start:1px solid var(--line);flex-direction:column;display:flex}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-weight:700;display:flex}.search{border:1px solid var(--line);color:#858994;border-radius:8px;align-items:center;gap:8px;height:36px;margin:12px 14px 8px;padding:0 10px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.library{padding:6px 14px 18px;overflow:auto}.section-title{text-transform:uppercase;letter-spacing:.08em;color:#92969d;margin:13px 2px 8px;font-size:11px;font-weight:800}.shape-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shape-card{border:1px solid var(--line);color:#60646c;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:72px;font-size:12px;display:flex}.shape-card:hover{color:#354fe1;background:#fafaff;border-color:#b9c0ff;box-shadow:0 4px 16px #37436e12}.shape-mini{border:1.6px solid;border-radius:5px;width:38px;height:24px}.shape-mini.diamond{border-radius:3px;width:27px;height:27px;transform:rotate(45deg)}.shape-mini.circle{border-radius:50%;width:28px;height:28px}.shape-mini.stadium{border-radius:999px}.shape-mini.io{border-radius:2px;transform:skew(-14deg)}.shape-mini.sub{box-shadow:inset 5px 0 0 -3px,inset -5px 0 0 -3px}.help-card{color:#747780;background:#f7f7fb;border-radius:10px;margin-top:16px;padding:12px;font-size:12px}.help-card b{color:#34363b}.canvas-shell{background:#f7f8fa;position:relative;overflow:hidden}.canvas-shell:focus{outline:none}.canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-bg{fill:#f7f8fa}.dot-pattern{fill:url(#dots)}.canvas-top{border:1px solid var(--line);backdrop-filter:blur(8px);background:#fffffff0;border-radius:10px;align-items:center;gap:2px;height:40px;padding:4px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #1c1f2a14}.mode-btn{color:#747880;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.mode-btn:hover{background:#f2f3f5}.mode-btn.active{background:var(--blue2);color:#4158e7}.mode-btn.danger.active{color:var(--danger);background:#ffedf0}.divider{background:var(--line);width:1px;height:22px;margin:0 3px}.zoom{bottom:16px;border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;height:38px;display:flex;position:absolute;inset-inline-start:16px;overflow:hidden;box-shadow:0 4px 16px #181c2612}.zoom button{color:#6b7078;background:#fff;border:0;place-items:center;width:36px;height:36px;display:grid}.zoom button:hover{background:#f4f5f6}.zoom span{text-align:center;color:#6b7078;min-width:48px;font-size:12px}.hint{color:#8b8f97;border:1px solid var(--line);white-space:nowrap;background:#ffffffd9;border-radius:7px;padding:6px 10px;font-size:11px;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tabs{border-bottom:1px solid var(--line);gap:16px;height:48px;padding:0 12px;display:flex}.tab{color:#858991;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:650;position:relative}.tab.active{color:#25272b}.tab.active:after{content:"";background:var(--blue);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabview{flex:1;min-height:0;display:none;overflow:auto}.tabview.active{display:block}.empty{text-align:center;color:#8b8e95;place-items:center;height:100%;padding:28px;display:grid}.empty-icon{background:#f4f4f7;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 12px;display:grid}.empty strong{color:#42454b;margin-bottom:4px;display:block}.props{padding:16px}.field{margin-bottom:16px}.field label{color:#797d85;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;font-size:11px;font-weight:750;display:block}.input,select.input{border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;width:100%;height:38px;padding:0 10px}.input:focus{border-color:#aeb7ff;box-shadow:0 0 0 3px #f0f1ff}.color-row{gap:8px;display:flex}.swatch{width:30px;height:30px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:8px}.swatch.active{box-shadow:0 0 0 2px var(--blue)}.danger-btn{width:100%;height:38px;color:var(--danger);background:#fff8f9;border:1px solid #ffd7dd;border-radius:8px;font-weight:650}.danger-btn:hover{background:#ffedf0}.codebar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.codebar span{color:#747880;font-size:12px}.copy{border:1px solid var(--line);background:#fff;border-radius:7px;height:30px;padding:0 10px;font-size:12px;font-weight:650}.copy:hover{background:#f5f5f7}.code{resize:none;color:#373b43;user-select:text;background:#fbfbfc;border:0;outline:0;width:100%;height:calc(100% - 48px);padding:16px;font:12px/1.7 SFMono-Regular,Consolas,Liberation Mono,monospace}.node{cursor:grab;color:#555b64}.node:active{cursor:grabbing}.node .body{stroke:#dfe1e6;stroke-width:1.4px;filter:url(#nodeShadow)}.node.selected .body{stroke:var(--blue);stroke-width:2.2px}.node .label{fill:#2f3237;pointer-events:none;font-size:13px;font-weight:600}.node .handle{opacity:0;fill:#fff;stroke:var(--blue);stroke-width:2px;cursor:crosshair}.node:hover .handle,.node.selected .handle{opacity:1}.edge-hit{fill:none;stroke:#0000;stroke-width:16px;cursor:pointer}.edge-line{fill:none;stroke:#8c929c;stroke-width:1.6px}.edge.selected .edge-line{stroke:var(--blue);stroke-width:2.2px}.edge-label-bg{fill:#fff;stroke:#e7e8eb}.edge-label{fill:#6f747d;pointer-events:none;font-size:11px}.toast{color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:80;background:#24262b;border-radius:9px;padding:10px 14px;font-size:13px;transition:all .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px)}.toast.show{opacity:1;transform:translate(-50%)}.modal-backdrop{z-index:70;backdrop-filter:blur(2px);background:#14161c61;place-items:center;display:none;position:fixed;inset:0}.modal-backdrop.show{display:grid}.modal{background:#fff;border-radius:14px;width:min(520px,100vw - 32px);overflow:hidden;box-shadow:0 24px 80px #0c0f1840}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head strong{font-size:16px}.modal-body{padding:20px}.export-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.export-option{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:88px;font-weight:650;display:flex}.export-option:hover{color:#4158e7;background:#fafaff;border-color:#abb5ff}@media (width<=1000px){.workspace{grid-template-columns:190px 1fr}.inspector{width:300px;position:absolute;top:56px;bottom:0;right:0;box-shadow:-10px 0 30px #14192314}.brand{min-width:170px}}.mobile-dock,.mobile-backdrop{display:none}@media (width<=720px){body{overscroll-behavior:none}.app{grid-template-rows:52px 1fr}.topbar{gap:4px;height:52px;padding:0 8px}.mobile-menu-btn{flex:0 0 40px;width:40px;height:40px;display:grid}.mobile-panel-tabs{background:#f2f3f6;border-radius:9px;gap:2px;margin:10px 12px 2px;padding:3px;display:flex}.mobile-panel-tabs button{color:#747881;background:0 0;border:0;border-radius:7px;flex:1;height:34px;font-size:11px;font-weight:650}.mobile-panel-tabs button.active{color:#4058e7;background:#fff;box-shadow:0 1px 4px #191e2d14}.mobile-components-tab{display:block}.brand{min-width:0;margin-right:auto}.brand-name{font-size:13px;display:block}.doc,.saved,.topbar .tool-group{display:none}.topbar .btn{justify-content:center;width:40px;height:40px;padding:0;font-size:0}.topbar .btn .icon{width:19px;height:19px}.workspace{padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-columns:1fr;position:relative}.canvas-shell{grid-column:1;min-width:0}.canvas-top{display:none}.sidebar,.inspector{top:52px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:61;visibility:visible;width:min(88vw,360px);transition:transform .22s;display:flex;position:fixed;box-shadow:0 16px 50px #12162233}.sidebar{border-right:1px solid var(--line);left:0;transform:translate(-105%)}.inspector{border-right:1px solid var(--line);border-left:0;left:0;right:auto;transform:translate(-105%)}.sidebar.mobile-open,.inspector.mobile-open{transform:translate(0)}.mobile-backdrop{inset:52px 0 calc(64px + env(safe-area-inset-bottom));z-index:60;opacity:0;pointer-events:none;backdrop-filter:blur(1px);background:#13161e47;transition:opacity .2s;display:block;position:fixed}.mobile-backdrop.show{opacity:1;pointer-events:auto}.mobile-dock{min-height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:65;backdrop-filter:blur(12px);background:#fffffff7;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.dock-btn{color:#6f747d;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;height:50px;padding:4px 6px;font-size:10px;font-weight:650;display:flex}.dock-btn .icon{width:20px;height:20px}.dock-btn:active,.dock-btn.active{background:var(--blue2);color:#4058e7}.dock-btn:disabled{opacity:.35;pointer-events:none}.mobile-menu-btn.active{background:var(--blue2);color:#4058e7}.canvas-bg,.dot-pattern{cursor:grab}.canvas.panning .canvas-bg,.canvas.panning .dot-pattern{cursor:grabbing}.shape-card{height:76px}.library{padding-bottom:28px}.zoom{bottom:12px;left:12px}.hint{display:none}.toast{bottom:calc(76px + env(safe-area-inset-bottom));text-align:center;max-width:calc(100vw - 28px)}.modal{width:calc(100vw - 24px)}.modal-body{padding:14px}.export-options{grid-template-columns:1fr}.export-option{flex-direction:row;gap:12px;height:68px}.tabs{gap:10px;padding:0 10px}.tabs .tab{font-size:12px}.node .handle{r:8}.empty{padding:22px}}@media (width<=390px){.brand-name{display:none}.shape-grid{gap:10px}.sidebar,.inspector{width:92vw}.dock-btn{min-width:50px}.zoom span{min-width:42px}}html,body{height:100%;overflow:hidden}.app{grid-template-rows:52px minmax(0,1fr);height:100dvh;max-height:100dvh;overflow:hidden}.sidebar,.canvas-shell,.inspector,.library{min-height:0}.multiline-input{resize:vertical;user-select:text;white-space:pre-wrap;min-height:74px;line-height:1.45;height:auto!important;padding:9px 10px!important}#inlineEdit{resize:both;white-space:pre-wrap;min-width:180px;min-height:54px;line-height:1.4}.templates{gap:12px;padding:16px;display:grid}.template-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:88px 1fr;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.template-card:hover{background:#fafaff;border-color:#aeb7ff;box-shadow:0 5px 18px #2d375f14}.template-thumb{background:#f7f8fa;border:1px solid #eceef2;border-radius:8px;place-items:center;width:88px;height:58px;display:grid}.template-card strong{margin-bottom:3px;font-size:13px;display:block}.template-card span{color:#7b7f87;font-size:11px;line-height:1.4;display:block}.template-badge{text-transform:uppercase;letter-spacing:.04em;background:#eef0ff;border-radius:999px;width:auto;margin-top:6px;padding:2px 6px;font-weight:750;color:#4c5ee8!important;font-size:9px!important;display:inline-flex!important}@media (width<=720px){.templates{padding:12px}.template-card{grid-template-columns:76px 1fr;padding:10px}.template-thumb{width:76px}}.diagram-settings{border-bottom:1px solid var(--line);background:#fbfbfc;padding:12px 16px}.diagram-settings label{text-transform:uppercase;letter-spacing:.06em;color:#858991;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.direction-row{gap:7px;display:flex}.direction-row select{flex:1}.arrange-btn{border:1px solid var(--line);background:#fff;border-radius:8px;height:38px;padding:0 10px;font-size:12px;font-weight:700}.arrange-btn:hover{background:#f3f4f7}@media (width<=720px){.diagram-settings{padding:10px 12px}}.script-wrap{gap:14px;padding:16px;display:grid}.script-intro{color:#5f6470;background:#f7f8ff;border:1px solid #dfe3ff;border-radius:10px;padding:12px;font-size:12px}.script-intro strong{color:#30343b;margin-bottom:4px;font-size:13px;display:block}.script-actions{flex-wrap:wrap;gap:8px;display:flex}.script-btn{border:1px solid var(--line);background:#fff;border-radius:8px;height:36px;padding:0 12px;font-size:12px;font-weight:700}.script-btn:hover{background:#f4f5f7}.script-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.script-editor{border:1px solid var(--line);resize:vertical;color:#30343b;user-select:text;tab-size:2;background:#fbfbfc;border-radius:10px;outline:none;width:100%;min-height:310px;padding:12px;font:12px/1.65 SFMono-Regular,Consolas,Liberation Mono,monospace}.script-editor:focus{border-color:#aeb7ff;box-shadow:0 0 0 3px #f0f1ff}.script-status{white-space:pre-wrap;user-select:text;border-radius:9px;padding:10px 12px;font-size:12px;display:none}.script-status.show{display:block}.script-status.ok{color:#277450;background:#edf8f2;border:1px solid #ccebdc}.script-status.error{color:#a63e51;background:#fff4f5;border:1px solid #ffd7dd}.script-guide{border:1px solid var(--line);border-radius:10px;overflow:hidden}.script-guide summary{cursor:pointer;background:#fafafa;padding:11px 12px;font-size:12px;font-weight:750}.script-guide-body{color:#6f747d;gap:10px;padding:12px;font-size:11px;display:grid}.syntax-line{color:#434852;user-select:text;background:#f4f5f7;border-radius:6px;padding:7px 8px;font-family:SFMono-Regular,Consolas,monospace}.script-steps{margin:0;padding-left:18px}.script-steps li{margin:4px 0}.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.mobile-panel-tabs::-webkit-scrollbar{display:none}@media (width<=720px){.script-wrap{padding:12px}.script-editor{min-height:280px}.mobile-panel-tabs{justify-content:flex-start;overflow-x:auto}.mobile-panel-tabs button{padding:0 10px;flex:none!important}.tabs .tab{flex:none}.tabs{gap:12px}}.codebar.editable{grid-template-rows:auto auto;gap:7px;height:86px;padding:9px 12px;display:grid}.codebar-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.code-state{background:#edf8f2;border-radius:999px;padding:2px 6px;font-weight:750;color:#277450!important;font-size:10px!important}.code-state.editing{background:#fff4e9;color:#9a5b1d!important}.code-state.error{background:#fff0f2;color:#ab4054!important}.codebar-actions{gap:6px;display:flex}.codebar-actions .copy{flex:1;padding:0 7px}.codebar-actions .apply-code{background:var(--blue);border-color:var(--blue);color:#fff}.code.editable-code{white-space:pre;height:calc(100% - 86px);overflow:auto}.code-hint{color:#8a8f97;margin-left:auto;font-size:10px}@media (width<=720px){.codebar.editable{height:92px}.code.editable-code{height:calc(100% - 92px)}}:root[dir=rtl] .workspace{direction:rtl}:root[dir=rtl] .zoom{inset-inline-start:16px}.floating-props{top:14px;background:var(--paper);border:1px solid var(--line);width:300px;max-height:calc(100% - 90px);box-shadow:var(--shadow);z-index:19;border-radius:12px;position:absolute;inset-inline-end:16px;overflow:auto}.floating-props .diagram-settings{border-bottom:1px solid var(--line)}.floating-props .empty{height:auto;padding:22px}.floating-props.mobile-mounted{width:auto;max-height:none;box-shadow:none;border:0;border-radius:0;position:static}@media (width<=1000px){.floating-props{width:260px}}@media (width<=720px){.floating-props:not(.mobile-mounted){display:none!important}}