:root{--purple:#7045a2;--purple-dark:#50306f;--purple-soft:#f0eaf8;--ink:#293547;--muted:#9099a7;--border:#e5e8ee;--panel:#fff;--surface:#f7f8fb;--shadow:0 12px 45px #2734491c;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--ink);font-size:13px;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #9768c4;outline-offset:2px}input:focus,textarea:focus,select:focus{outline:none;border-color:#a887cb!important;box-shadow:0 0 0 2px #926bc016}button{border:0;background:none}button svg{flex-shrink:0}button:hover:not(:disabled){background:#eff1f6}button:active:not(:disabled){transform:translateY(.5px)}[hidden]{display:none!important}input,select,textarea{background:#fff;color:var(--ink);border:1px solid #dfe4eb;border-radius:5px;padding:7px 9px;min-width:0}input[type=checkbox]{accent-color:var(--purple)}input[type=color]{width:38px;height:30px;padding:3px;cursor:pointer}textarea{resize:vertical;line-height:1.5}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.text-button{color:var(--purple);text-align:left;font-size:12px;padding:6px 0}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:29px;height:29px;border-radius:4px;color:#7b8493;flex-shrink:0}.icon-button:hover{color:var(--purple)}#app{height:100%;display:grid;grid-template-rows:43px 37px 103px minmax(0,1fr) 30px;min-width:720px}.titlebar{display:flex;align-items:center;gap:12px;background:#533477;color:#fff;padding:0 18px}.brand{color:inherit;display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand strong{font-size:13px;letter-spacing:2.1px;font-weight:700}.brand-product{font-size:12px;color:#ddd1ed;margin-left:2px;letter-spacing:.2px}.brand-mark{display:flex;align-items:center;gap:3px;width:26px;height:24px}.brand-mark i{display:block;width:6px;height:21px;background:white;border-radius:1px}.brand-mark i:nth-child(2){height:18px;transform:skewY(46deg);background:#c6afe0}.title-divider{height:19px;width:1px;background:#ffffff29;margin-left:3px}.quick-actions{display:flex;gap:4px}.quick-actions .icon-button{width:28px;height:28px;color:#dfd3ed}.quick-actions button:hover{background:#ffffff19}.document-title{margin-left:10px;font-size:12px;color:#f0e8f8;max-width:400px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:5px 9px;border-radius:4px}.document-title:hover{background:#ffffff15!important}.title-spacer{flex:1}.local-badge{font-size:9px;letter-spacing:1.2px;color:#d6c7e8;margin-right:6px}.avatar{width:27px;height:27px;background:#8c6daa;color:white;border-radius:50%;font-size:12px}.tabs{display:flex;align-items:stretch;padding-left:13px;border-bottom:1px solid var(--border);background:#fff;gap:5px}.ribbon-tab{padding:0 18px;color:#707785;font-size:12px;position:relative}.ribbon-tab.active{color:var(--purple);font-weight:600}.ribbon-tab.active:after{content:"";position:absolute;height:3px;background:var(--purple);left:17px;right:17px;bottom:-1px;border-radius:2px 2px 0 0}.ribbon-tab.file{color:var(--purple);font-weight:600}.ribbon-tabs-right{margin-left:auto;display:flex;align-items:center;margin-right:18px;gap:5px}.help-link{font-size:11px;color:#949cab;display:flex;align-items:center;gap:5px;padding:6px}.ribbon{display:flex;align-items:stretch;padding:10px 14px 5px;background:white;gap:0;border-bottom:1px solid #dce0e7;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.ribbon-group{display:flex;flex-direction:column;align-items:center;border-right:1px solid #e7eaf0;padding:0 15px;flex-shrink:0;min-width:80px}.ribbon-group:first-child{padding-left:0}.ribbon-group:last-child{border:0}.ribbon-items{display:flex;align-items:center;gap:4px;height:63px}.group-label{font-size:10px;color:#9a9fab;letter-spacing:.2px;margin-top:1px}.tool-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:8px 10px;border-radius:5px;min-width:48px;white-space:nowrap;font-size:11px;color:#657086;height:60px}.tool-button svg{color:#65768c}.tool-button.active{background:var(--purple-soft);color:var(--purple)}.tool-button.active svg{color:var(--purple)}.tool-button.small{height:29px;flex-direction:row;justify-content:flex-start;font-size:11px;padding:4px 7px;gap:7px}.ribbon-stack{display:flex;flex-direction:column;gap:1px}.ribbon-select{font-size:11px;width:108px;border:0;padding:6px;background:#fff;color:#5d6b7d;height:29px}.palette-ribbon{display:flex;gap:5px;padding:0 6px;max-width:150px;flex-wrap:wrap}.swatch{width:21px;height:21px;border-radius:4px;border:1px solid #00000012;padding:0;box-shadow:inset 0 0 0 2px #ffffff8c}.swatch:hover{outline:2px solid #bfb0d4;outline-offset:1px}.ribbon-check{display:flex;align-items:center;gap:6px;font-size:11px;color:#68758a;padding:3px}.workspace{display:grid;grid-template-columns:224px minmax(200px,1fr) 258px;min-height:0;background:#f1f3f7}.sidebar{background:#fff;min-height:0;display:flex;flex-direction:column}.stencils{border-right:1px solid #dfe4eb}.sidebar-header{height:52px;display:flex;align-items:center;padding:0 17px;justify-content:space-between;flex-shrink:0}.sidebar-header h2{font-size:13px;font-weight:600;color:#455267}.sidebar-header svg{width:17px}.left-tabs,.inspector-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 14px;gap:17px;height:34px;flex-shrink:0}.left-tabs button,.inspector-tabs button{padding:0 1px 10px;font-size:11px;color:#8b93a0;white-space:nowrap;position:relative}.left-tabs button.selected,.inspector-tabs button.selected{color:var(--purple);font-weight:600}.left-tabs button.selected:after,.inspector-tabs button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--purple)}.stencil-search{display:flex;align-items:center;gap:7px;margin:16px 13px 13px;height:33px;border:1px solid #e4e8ee;border-radius:5px;padding:0 8px;flex-shrink:0}.stencil-search>span{display:flex;color:#9ea6b3}.stencil-search input{border:0;width:100%;font-size:11px;padding:0;outline:none!important;box-shadow:none!important}.stencil-search kbd{font-size:14px;color:#aaa}.stencil-list,.outline-list{overflow:auto;flex:1;scrollbar-width:thin}.stencil-category{margin-bottom:4px}.stencil-category-title{display:flex;align-items:center;width:100%;padding:11px 15px;color:#68778c;font-size:11px;font-weight:600;gap:7px;text-align:left}.stencil-category-title svg{width:12px;height:12px;color:#9ca6b5;transform:rotate(90deg)}.stencil-category.collapsed .stencil-category-title svg{transform:rotate(0)}.stencil-category-title span:last-child{margin-left:auto;color:#adb4bf;font-size:10px;font-weight:400}.stencil-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 10px 9px}.stencil-shape{display:flex;flex-direction:column;align-items:center;padding:6px 4px 8px;border-radius:6px;gap:3px;color:#7d8796;min-width:0;font-size:10px;border:1px solid transparent;touch-action:none}.stencil-shape:hover{border:1px solid #e0d5ed;background:#f7f3fc!important;color:var(--purple)}.stencil-shape svg{width:66px;height:39px;overflow:visible}.stencil-shape span{white-space:nowrap;font-size:10px}.stencil-footer{padding:18px 19px 19px;border-top:1px solid #edf0f5;margin-top:auto;background:linear-gradient(155deg,#faf8fd,#fff);flex-shrink:0}.footer-spark{display:inline-flex;width:27px;height:27px;border-radius:8px;align-items:center;justify-content:center;background:#f0eaf8;color:#a58cbd;vertical-align:middle;margin-right:4px}.footer-spark svg{width:16px}.stencil-footer strong{font-size:11px;color:#6b6080;font-weight:500}.stencil-footer p{font-size:11px;color:#a1a5b0;line-height:1.8;margin-top:9px}.stencil-footer button{font-size:10px;margin-top:3px}.stencil-footer button span{margin-left:13px}.editor-area{display:grid;grid-template-rows:51px minmax(0,1fr) 36px;min-width:0;min-height:0}.editor-heading{padding:0 19px 0 20px;display:flex;align-items:center;justify-content:space-between;background:#fafbfe;border-bottom:1px solid #e3e7ee;gap:15px;min-width:0}.breadcrumb{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;font-size:11px;color:#626f83}.breadcrumb>span:first-child{display:flex;color:#9a80b8}.breadcrumb svg{width:17px}.heading-separator{color:#c5cbd4;margin:0 2px}.editor-heading-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.save-status{font-size:10px;color:#9aa3af;display:flex;gap:5px;align-items:center}.save-status:before{content:"";height:5px;width:5px;border-radius:50%;background:#8bb8a4}.save-status.error{color:#be7163}.save-status.error:before{background:#c47b70}.export-button{height:29px;border:1px solid #d7cbe5;color:var(--purple);border-radius:5px;background:#ffffff;padding:0 10px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500}.export-button svg{width:13px}.viewport{position:relative;overflow:hidden;min-height:0}.stage{position:absolute;inset:21px 0 0 21px;outline:none;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#eff1f5}.drawing-canvas,.overlay{position:absolute;width:100%;height:100%;left:0;top:0}.overlay{pointer-events:none;overflow:visible}.ruler-top{position:absolute;left:21px;right:0;top:0;height:21px;width:calc(100% - 21px);z-index:2;background:#f7f8fb}.ruler-left{position:absolute;left:0;top:21px;bottom:0;width:21px;height:calc(100% - 21px);z-index:2;background:#f7f8fb}.ruler-corner{width:21px;height:21px;background:#f7f8fb;border-right:1px solid #e0e5ec;border-bottom:1px solid #e0e5ec;position:absolute;left:0;top:0;z-index:3}.canvas-tool-hint{position:absolute;bottom:16px;left:17px;display:flex;align-items:center;gap:6px;background:#ffffffd9;border:1px solid #e2e7ef99;color:#98a0ad;font-size:10px;padding:6px 9px;border-radius:5px;pointer-events:none}.canvas-tool-hint kbd{font-size:9px;color:#8e97a5;border:1px solid #e3e6ec;border-radius:3px;padding:1px 4px;background:#fff}.canvas-tool-hint>span{color:#bbc1c9;margin:0 2px}.floating-tools{position:absolute;left:16px;top:16px;padding:5px;display:flex;flex-direction:column;gap:3px;border:1px solid #e1e5ed;border-radius:7px;background:#ffffffef;box-shadow:0 2px 6px #263a5110}.floating-tools button{width:30px;height:30px;border-radius:4px;color:#8a95a6;display:flex;align-items:center;justify-content:center}.floating-tools button.active{background:#eee6f7;color:var(--purple)}.floating-tools button svg{width:17px}.floating-tools .tool-separator{height:1px;background:#eceff4;margin:2px}.minimap{position:absolute;bottom:16px;right:16px;border:1px solid #d7deea;border-radius:6px;background:#fffffff5;box-shadow:0 2px 12px #32456412;width:180px;height:122px;cursor:crosshair}.empty-page{pointer-events:none;position:absolute;top:42%;left:20%;right:15%;text-align:center;color:#a39aaf}.empty-page span{font-size:21px;font-weight:300}.empty-page p{font-size:12px;margin-top:9px;color:#adb1bc}.pagebar{display:flex;align-items:center;background:#fafbfe;border-top:1px solid #dfe5ee;gap:6px;overflow:hidden;padding:0 16px 0 8px}.pagebar-tools{display:flex;gap:2px;margin-right:5px}.pagebar-tools button{font-size:16px;color:#a3abb8;width:21px;height:25px}.page-tabs{height:100%;display:flex;gap:6px;overflow:auto;scrollbar-width:none;flex-shrink:1}.page-tab{height:100%;padding:0 14px;font-size:11px;color:#8993a3;border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:8px;align-items:center}.page-tab.active{background:#fff;color:var(--purple);border-bottom-color:var(--purple);font-weight:500}.page-tab svg{width:13px}.new-page{font-size:19px;color:#9b8dae;flex-shrink:0;padding:1px 7px}.pagebar-spacer{flex:1}.pagebar .muted{font-size:10px;white-space:nowrap}.inspector{border-left:1px solid #dfe4eb}.inspector-tabs{gap:16px;padding:0 16px}.inspector-tabs button{font-size:10px}.inspector-content{overflow:auto;flex:1;padding:0;scrollbar-width:thin}.property-section{padding:18px 18px 17px;border-bottom:1px solid #edf0f4}.section-title{font-size:10px;color:#9a9fad;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:6px}.section-title svg{width:14px;color:#a6aebc}.property-section h3{font-size:13px;font-weight:500;color:#455267;margin:0 0 5px}.property-section p{font-size:11px;color:#949cab;line-height:1.75}.property-section .shape-type{display:flex;align-items:center;gap:11px;margin-bottom:13px}.shape-type>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;background:#f5f1fa;color:#a18bbb}.shape-type svg{width:21px}.shape-type small{font-size:10px;color:#9ba4b1}.property-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.property-row>label{font-size:11px;color:#7e8899;min-width:44px}.property-row>input,.property-row>select{width:130px;font-size:11px;height:29px;padding:4px 7px}.property-row>input[type=color]{width:42px}.property-row.checkbox>input{width:auto;height:auto}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:9px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.field>label{font-size:10px;color:#8b94a3}.field input,.field select{font-size:11px;width:100%;height:29px;padding:5px 8px}.field input[type=color]{padding:3px}.input-with-unit{display:flex;align-items:center;position:relative}.input-with-unit input{padding-right:22px}.input-with-unit span{position:absolute;right:8px;color:#b2b8c2;font-size:9px;pointer-events:none}.property-section textarea{width:100%;font-size:11px;margin-top:4px;min-height:64px;padding:8px}.property-section .subtle-note{font-size:10px;margin-top:8px;color:#a1a8b4;line-height:1.5}.color-field{display:flex;align-items:center;border:1px solid #dfe4eb;border-radius:5px;height:30px;padding:3px 5px;gap:5px}.color-field input[type=color]{width:23px;height:22px;border:0;padding:0}.color-field span{font-size:10px;color:#8791a0;text-transform:uppercase}.property-swatches{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.property-swatches .swatch{width:23px;height:23px}.action-link{display:flex;align-items:center;gap:7px;color:var(--purple);font-size:11px;padding:8px 0}.action-link svg{width:14px}.full-button{height:32px;border:1px solid #e0d8ea;border-radius:5px;color:#8964a8;width:100%;font-size:11px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px}.full-button svg{width:14px}.document-preview{display:flex;align-items:center;justify-content:center;height:108px;background:#f7f8fb;border:1px solid #e8ecf1;border-radius:6px;margin:13px 0}.document-preview svg{width:136px;height:75px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat-card{border:1px solid #eceff4;border-radius:5px;padding:11px;background:#fff}.stat-card b{font-size:19px;font-weight:400;color:#726183;display:block;margin-bottom:3px}.stat-card span{font-size:10px;color:#9da5b1}.shortcut-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#929ba9;margin:11px 0}.shortcut-row kbd{font:10px inherit;border:1px solid #e1e5eb;border-radius:3px;min-width:22px;text-align:center;padding:2px 5px;color:#929cab}.inspector-bottom{border-top:1px solid #edf0f4;min-height:38px;padding:11px 15px;font-size:9px;color:#9fa7b3;display:flex;align-items:center;gap:6px}.connection-indicator{width:5px;height:5px;background:#a8bfae;border-radius:50%;display:inline-block}.data-table{display:flex;flex-direction:column;gap:8px}.data-entry{display:grid;grid-template-columns:72px minmax(0,1fr) 16px;align-items:center;gap:4px;font-size:10px}.data-entry label{overflow:hidden;text-overflow:ellipsis;color:#8691a1}.data-entry input{width:100%;font-size:11px;padding:6px;height:29px}.data-entry button{font-size:15px;color:#b5bbc5;padding:0}.layer-row{display:flex;gap:7px;align-items:center;padding:10px 14px;border-bottom:1px solid #eff1f5}.layer-row.active{background:#f7f3fb}.layer-row .layer-name{flex:1;min-width:0;font-size:11px;text-align:left;display:flex;gap:9px;align-items:center;padding:5px 0}.layer-row .layer-name svg{width:15px;color:#9f8bb5}.layer-row .icon-button{width:24px;height:26px}.layer-row .icon-button svg{width:14px}.layer-row small{font-size:9px;color:#a1a8b3}.outline-row{width:100%;display:flex;gap:8px;align-items:center;font-size:11px;color:#8792a3;text-align:left;padding:9px 12px;white-space:nowrap;overflow:hidden;border-left:2px solid transparent}.outline-row.selected{background:#f2edf9;color:var(--purple);border-left-color:var(--purple)}.outline-row>svg{width:15px;min-width:15px;color:#9aa5b5}.outline-row span{overflow:hidden;text-overflow:ellipsis}.outline-row.container-row{font-size:10px;font-weight:600;color:#708298;margin-top:7px}.outline-empty{font-size:11px;color:#a0a9b7;padding:20px;line-height:1.7}.statusbar{display:flex;align-items:center;gap:12px;background:#fff;border-top:1px solid #dfe4eb;padding:0 15px;font-size:10px;overflow:hidden;white-space:nowrap;color:#9da5b1}.status-divider{width:1px;height:12px;background:#e5e9ef}.status-spacer{flex:1}.statusbar button{font-size:11px;color:#8390a3;padding:3px 4px;display:flex;align-items:center;gap:5px}.statusbar button svg{width:15px;height:15px}.statusbar #backend-badge{font-size:9px;gap:5px;border-radius:4px;padding:3px 7px;background:#f1f7f5;color:#6d9886}#backend-badge i{width:5px;height:5px;border-radius:50%;background:#8eb29f}#zoom-slider{width:84px;height:12px;padding:0;box-shadow:none;border:0;accent-color:#a38cbb}#zoom-label{width:34px;justify-content:center}.statusbar #render-stats{font-size:9px}.toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);background:#40344f;color:#f5effc;padding:12px 18px;border-radius:7px;font-size:12px;box-shadow:var(--shadow);z-index:50;max-width:600px;line-height:1.5}.toast.error{background:#8d4b48}.validation-panel{position:absolute;bottom:0;left:0;right:0;max-height:230px;background:#fffffffa;box-shadow:0 -4px 20px #35435913;z-index:6;border-top:1px solid #dfe5ee}.validation-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #eceff4;font-size:12px;color:#727e92}.validation-header button{font-size:21px}.validation-results{overflow:auto}#validation-results{overflow:auto;max-height:180px;padding:8px}.validation-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:4px;font-size:11px;width:100%;text-align:left}.validation-item svg{color:#c59c5c;width:15px;flex-shrink:0}.validation-item.error svg{color:#c77770}.validation-item code{font-size:9px;color:#9f8c70;min-width:75px}.validation-good{padding:18px;font-size:12px;color:#699783;display:flex;gap:9px;align-items:center}.node-label-editor{position:absolute;z-index:5;resize:none;background:#fffefceF;border:1.5px solid #9571bd;border-radius:3px;box-shadow:0 0 0 3px #a37bc222;line-height:1.3;padding:5px;text-align:center;overflow:hidden;min-width:80px;min-height:34px;color:#334155}dialog{border:1px solid #ded8e9;border-radius:12px;padding:0;width:min(660px,92vw);max-height:88vh;box-shadow:0 25px 90px #201b4933;color:var(--ink)}dialog::backdrop{background:#25243350;backdrop-filter:blur(2px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #ece9f0}.dialog-header h2{font-size:16px;font-weight:500;color:#685378}.dialog-header button{font-size:25px;color:#aca2b7}#dialog-body{padding:22px 23px;overflow:auto;max-height:65vh;line-height:1.65;font-size:12px;color:#8290a1}#dialog-body p{margin-bottom:12px}#dialog-body input[type=text]{width:100%;font-size:13px}#dialog-body textarea{width:100%;min-height:300px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6}#dialog-body .form-row{display:flex;gap:15px;align-items:center;margin-bottom:14px}#dialog-body .form-row label{min-width:120px;font-size:12px}.dialog-footer{border-top:1px solid #ece9f0;padding:15px 23px;display:flex;justify-content:flex-end;gap:9px}.dialog-footer button{padding:9px 16px;border-radius:5px;font-size:12px;border:1px solid #e3dce9}.dialog-footer .primary{background:var(--purple);color:#fff;border-color:var(--purple)}.dialog-footer .primary:hover{background:#613b90}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.help-grid .shortcut-row{font-size:12px}.engine-info{background:#f6f4fa;padding:13px;border-radius:6px;font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.mobile-properties{display:none}.inspector.collapsed{display:none}.workspace.hide-inspector{grid-template-columns:224px minmax(200px,1fr)}.field-error{color:#ba7166;font-size:11px;margin-top:8px}.drop-target .stage{outline:2px dashed #ad8bce;outline-offset:-6px}@media(min-width:1800px){.workspace{grid-template-columns:242px minmax(0,1fr) 276px}.workspace.hide-inspector{grid-template-columns:242px minmax(0,1fr)}.titlebar{height:43px}.stencil-shape svg{width:73px;height:42px}}@media(max-width:1200px){.workspace{grid-template-columns:192px minmax(200px,1fr) 226px}.workspace.hide-inspector{grid-template-columns:192px minmax(200px,1fr)}.ribbon-group{padding:0 10px}.ribbon-group:nth-last-child(2){display:none}.brand-product{display:none}.ribbon-tab{padding:0 14px}.local-badge{display:none}.save-status{display:none}.inspector-tabs{gap:12px;padding:0 13px}.property-section{padding:15px}.stencil-footer{padding:15px}.canvas-tool-hint{font-size:9px}.document-title{max-width:300px}.breadcrumb .muted,.heading-separator{display:none}.statusbar{gap:8px}#render-stats{display:none}}@media(max-width:950px){#app{min-width:0;grid-template-rows:43px 35px 92px minmax(0,1fr) 31px}.workspace{grid-template-columns:166px minmax(0,1fr)}.workspace.hide-inspector{grid-template-columns:166px minmax(0,1fr)}.inspector{display:none;position:absolute;right:0;top:170px;bottom:31px;width:250px;z-index:10;box-shadow:-8px 0 20px #26334a15}.inspector.mobile-open{display:flex}.ribbon{padding-top:5px}.ribbon-tab{padding:0 10px;font-size:11px}.ribbon-tabs-right{display:none}.brand strong{font-size:11px}.quick-actions{gap:0}.titlebar{gap:8px;padding:0 10px}.document-title{max-width:260px;font-size:11px;margin-left:0}.stencil-shape svg{width:57px;height:33px}.stencil-shape span{font-size:9px}.stencil-footer{display:none}.stencil-grid{padding:0 5px 8px;gap:0}.stencil-search{margin:13px 8px 10px}.stencil-category-title{font-size:10px;padding:10px}.sidebar-header{padding:0 12px}.left-tabs{padding:0 12px}.editor-heading{padding:0 10px}.editor-heading-actions{gap:4px}.breadcrumb{font-size:10px;gap:6px}.export-button{font-size:9px;padding:0 7px}.mobile-properties{display:flex}.canvas-tool-hint{display:none}.floating-tools{left:10px;top:10px}.statusbar{padding:0 8px;font-size:9px;gap:5px}#selection-count{max-width:130px;overflow:hidden;text-overflow:ellipsis}#status-message{max-width:145px;overflow:hidden;text-overflow:ellipsis}.help-grid{grid-template-columns:1fr}#zoom-slider{width:60px}.ribbon-group:nth-last-child(2){display:flex}}@media(max-width:620px){.workspace,.workspace.hide-inspector{grid-template-columns:117px minmax(0,1fr)}.brand strong{display:none}.title-divider{display:none}.quick-actions .icon-button{width:24px}.document-title{max-width:205px;font-size:10px}.avatar{width:24px;height:24px}.titlebar{padding:0 7px;gap:5px}.ribbon-tab{padding:0 8px}.ribbon-tab.active:after{left:7px;right:7px}.ribbon-tab:nth-child(6){display:none}.stencil-grid{grid-template-columns:1fr 1fr}.stencil-shape{padding:5px 0;gap:4px}.stencil-shape svg{width:42px;height:26px}.stencil-shape span{font-size:7px;letter-spacing:-.15px}.stencil-category-title{padding:10px 7px;gap:2px;font-size:9px}.stencil-category-title span:last-child{display:none}.stencil-search{padding:0 5px;margin:12px 5px 7px;gap:3px}.stencil-search input{font-size:9px}.stencil-search kbd{display:none}.stencil-search svg{width:12px}.left-tabs{gap:13px;padding:0 9px}.left-tabs button{font-size:9px}.sidebar-header{padding:0 9px;height:46px}.sidebar-header h2{font-size:12px}.editor-heading{height:45px;padding:0 7px}.editor-area{grid-template-rows:45px minmax(0,1fr) 34px}.breadcrumb>span:first-child{display:none}.breadcrumb{max-width:100px;font-size:9px}.breadcrumb #page-heading{overflow:hidden;text-overflow:ellipsis}.export-button{font-size:8px;height:26px}.export-button svg{display:none}.editor-heading-actions>.icon-button:not(.mobile-properties){display:none}.statusbar #selection-count{display:none}.statusbar #backend-badge{font-size:8px;padding:3px 4px}#status-message{max-width:95px}.status-divider{display:none}#zoom-slider{display:none}.pagebar{padding:0 6px;gap:2px}.pagebar-tools{display:none}.pagebar .muted{display:none}.page-tab{font-size:9px;padding:0 8px}.floating-tools{padding:3px;gap:1px;left:8px;top:8px}.floating-tools button{width:25px;height:27px}.empty-page{left:12%;right:12%}.empty-page span{font-size:15px}.empty-page p{font-size:10px}.minimap{width:126px;height:86px}.inspector{top:170px}.statusbar button{font-size:10px}.canvas-tool-hint{display:none}}