:root{--navy:#173c4b;--ink:#263e4c;--muted:#7c8e99;--teal:#087f91;--teal-soft:#e9f5f6;--border:#dce3e8;--panel:#f8fafb;--white:#fff;--accent:#0787a1;--shadow:0 10px 34px #17374722;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:12px}*{box-sizing:border-box}body{margin:0;background:#fff;display:grid;grid-template-rows:43px 31px 107px minmax(0,1fr) 26px;height:100vh;height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#e9f0f3}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1695a9;outline-offset:2px}a{color:inherit;text-decoration:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-button{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.icon-button .icon{width:16px;height:16px}.icon-button.light{color:#d7e8ed}.icon-button.light:hover{background:#ffffff15}.titlebar{display:flex;align-items:center;gap:16px;background:var(--navy);color:white;padding:0 14px}.brand{display:flex;align-items:center;gap:8px}.brandmark{background:#13a6ac;width:27px;height:27px;display:grid;place-items:center;border-radius:6px}.brandmark .icon{width:19px;height:19px;stroke-width:2}.brand b{font-size:20px;letter-spacing:-.8px;font-weight:650}.brand b span{font-weight:350;color:#bdd8e0}.brand-edition{font-size:8px;letter-spacing:1.6px;margin-left:4px;color:#b2cbd5}.title-separator{height:18px;border-left:1px solid #ffffff24}.title-project{font-size:11px;color:#d5e2e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.local-badge{font-size:8px;letter-spacing:1.2px;display:flex;align-items:center;gap:6px;white-space:nowrap}.local-badge i{width:5px;height:5px;background:#6fcfc0;border-radius:50%}.title-button{display:flex;align-items:center;gap:8px;font-size:10px;border:1px solid #ffffff29;padding:5px 9px;border-radius:4px;color:#c3d9e2}.title-button:hover{background:#ffffff0c!important}.title-button .icon{width:13px;height:13px}.title-button kbd{font:9px inherit;border:1px solid #ffffff2c;border-radius:2px;padding:1px 3px;color:#8eacb8}.menubar{display:flex;align-items:center;padding:0 8px;border-bottom:1px solid var(--border);gap:2px;font-size:11px}.menubar>button{height:30px;padding:0 13px}.menubar>.file-menu{font-weight:600;color:#07788a}.save-state{margin-left:auto;display:flex;align-items:center;color:#81939d;font-size:10px;padding-right:14px}.save-state:before{content:'✓';color:#4e9d8c;margin-right:6px}.ribbon{background:#f9fbfc;border-bottom:1px solid #cad6dd}.ribbon-tabs{height:29px;display:flex;align-items:stretch;gap:3px;padding:0 16px;background:white}.ribbon-tabs button{padding:0 14px;font-size:11px;border-bottom:2px solid transparent}.ribbon-tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:600}.ribbon-caption{margin-left:auto;align-self:center;font-size:7.5px;color:#98a8b2;letter-spacing:1.3px}.ribbon-commands{display:flex;gap:0;height:76px;align-items:stretch;padding:5px 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ribbon-group{display:flex;padding:0 10px;gap:3px;border-right:1px solid #dce4e9;position:relative;padding-bottom:13px;flex-shrink:0}.ribbon-group:last-child{border:0}.ribbon-group-label{position:absolute;bottom:0;font-size:8px;color:#879aa5;left:0;right:0;text-align:center;letter-spacing:.5px}.ribbon-button{min-width:49px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;padding:4px 9px;border-radius:4px;font-size:10px;line-height:1.1;white-space:nowrap}.ribbon-button .icon{width:22px;height:22px;color:#486878;stroke-width:1.5}.ribbon-button.accent .icon{color:var(--teal)}.ribbon-button.active{background:#e1f0f3;color:#007f91}.ribbon-button.active .icon{color:#007f91}.ribbon-small-stack{display:flex;flex-direction:column;justify-content:center;gap:3px}.ribbon-button.small{flex-direction:row;justify-content:flex-start;gap:6px;padding:2px 7px;font-size:10px;min-width:73px}.ribbon-button.small .icon{width:15px;height:15px}.workspace{display:grid;grid-template-columns:238px minmax(260px,1fr) 273px;min-height:0;overflow:hidden}.navigator{display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0;background:#fafcfd}.panel-title{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:11px;font-weight:600;border-bottom:1px solid var(--border);background:#f6f8fa}.navigator-tabs{display:flex;padding:7px 10px 0;gap:3px;background:white}.navigator-tabs button{padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;border-bottom:2px solid transparent;font-size:11px}.navigator-tabs .icon{width:14px;height:14px}.navigator-tabs .active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.search-field{height:30px;border:1px solid #e0e7eb;background:white;display:flex;align-items:center;gap:6px;margin:10px;border-radius:4px;padding:0 9px;flex-shrink:0}.search-field .icon{width:13px;height:13px;color:#94a5b0}.search-field input{border:0;background:none;min-width:0;flex:1;outline:none;font-size:10px;color:var(--ink)}input::placeholder{color:#a0aeb7}.search-field kbd{color:#9eafb9;font-size:10px}.project-tree{flex:0 0 220px;min-height:100px;overflow:auto;padding-bottom:8px}.tree-project{display:flex;gap:6px;align-items:center;padding:5px 12px;font-size:10px;font-weight:600}.tree-project .icon{width:14px;height:14px;color:#687d8a}.tree-group{padding:9px 13px 8px 21px;font-size:9px;letter-spacing:.5px;color:#8496a0;display:flex;gap:5px;align-items:center}.tree-group .icon{width:11px;height:11px;transform:rotate(90deg)}.page-row,.device-row{display:flex;align-items:center;gap:9px;margin:2px 8px 2px 18px;padding:9px 8px;border-radius:5px;text-align:left;width:calc(100% - 26px);position:relative}.page-row.active{background:#e4f2f4;box-shadow:inset 3px 0 #0f8a9b}.page-number{background:white;width:24px;height:28px;border:1px solid #dce6eb;border-radius:3px;display:grid;place-items:center;font-size:11px;flex-shrink:0;color:#77939d}.active .page-number{border-color:#b2d5dd;color:#087f91}.page-row strong{display:block;font-size:10px;font-weight:550;margin-bottom:4px;line-height:1.3}.page-row small{color:#8ba0aa;font-size:8px}.page-row .row-dots{margin-left:auto;color:#9baeb7}.device-row{padding:6px 8px;margin-left:10px;gap:8px;width:calc(100% - 20px)}.device-row .icon{width:17px;height:17px;color:#7b929e}.device-row strong{font-size:10px}.device-row small{display:block;font-size:9px;color:#91a0aa;margin-top:2px}.device-row em{margin-left:auto;color:#7da1aa;font-size:9px;font-style:normal}.library-head{padding:13px 13px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.eyebrow{font-size:8px;letter-spacing:1.15px;color:#8c9fa9}.library-head h2{font-size:12px;font-weight:600;margin:5px 0 0}.library-head h2 span{background:#e9eff2;color:#7b929f;border-radius:3px;padding:2px 5px;font-size:9px;margin-left:4px}.library-search{margin-bottom:7px}.library-filter{display:flex;gap:5px;align-items:center;padding:0 10px 8px;flex-shrink:0}.library-filter select{border:1px solid #e0e7eb;border-radius:3px;padding:5px 7px;color:#6f8795;font-size:10px;background:white;flex:1;min-width:0}.symbol-library{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 10px 13px;overflow:auto;align-content:start;min-height:100px;flex:1}.symbol-tile{height:76px;border:1px solid #e1e9ed;background:white;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6px 3px 5px;gap:4px}.symbol-tile:hover{border-color:#8fc6cd;background:#eef9fa!important}.symbol-tile.active{border-color:var(--teal);background:#eaf8f9}.symbol-tile svg{width:45px;height:40px}.symbol-tile span{font-size:8px;line-height:1.25;text-align:center;max-width:100%;color:#607987}.navigator-footer{height:30px;border-top:1px solid var(--border);font-size:7.5px;color:#94a5ae;display:flex;align-items:center;gap:6px;justify-content:center;flex-shrink:0}.navigator-footer .icon{width:12px;height:12px}.editor{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:#e5ebef}.page-tabs{height:36px;background:#eef3f6;border-bottom:1px solid #ccd9e0;display:flex;align-items:stretch;flex-shrink:0;overflow:auto;scrollbar-width:none}.page-tab{display:flex;align-items:center;gap:7px;padding:0 15px;white-space:nowrap;font-size:10px;border-right:1px solid #dce4e9;border-top:2px solid transparent;color:#7a909d}.page-tab .icon{width:12px;height:12px}.page-tab.active{background:white;border-top-color:var(--teal);color:var(--ink);font-weight:600}.page-tab small{font-size:8px;color:#8fa3ae}.page-tabs>.add-tab{width:37px;flex-shrink:0;color:#728c9a}.editor-bar{height:32px;background:white;border-bottom:1px solid var(--border);padding:0 13px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:9px;color:#81959f;min-width:0}.breadcrumb .icon{width:9px;height:9px}.breadcrumb strong{font-weight:500;color:#526b79;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-bar-tools{display:flex;align-items:center;gap:6px}.editor-bar-tools .icon-button{width:23px;height:23px}.editor-bar-tools .icon{width:13px;height:13px}.sheet-format{font-size:7px;letter-spacing:.6px;border-left:1px solid #dce4e9;padding-left:9px;color:#8397a3;white-space:nowrap}.stage{position:relative;flex:1;min-height:120px;overflow:hidden;outline:none;background:#dfe7ec;touch-action:none;user-select:none}.stage>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage>canvas[hidden]{display:none}.stage.wire{cursor:crosshair}.stage.pan{cursor:grab}.stage.placing{cursor:crosshair}.canvas-tools{position:absolute;top:15px;left:13px;background:#ffffffed;border:1px solid #ccd9e1;box-shadow:0 2px 6px #1b344b0b;border-radius:5px;display:flex;align-items:center;flex-direction:column;padding:4px;gap:2px}.canvas-tools button{width:29px;height:30px;display:grid;place-items:center;border-radius:3px;color:#72909d}.canvas-tools button.active{background:#e2f2f4;color:#078498}.canvas-tools .icon{width:17px;height:17px}.canvas-tools>span{height:1px;background:#e0e7eb;width:19px;margin:3px 0}.tool-hint{position:absolute;bottom:16px;left:14px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:4px;background:#ffffffee;box-shadow:0 1px 6px #15384b0d;border:1px solid #d4e0e6;font-size:9px;color:#728a98;max-width:calc(100% - 190px)}.hint-dot{width:5px;height:5px;border-radius:50%;background:#47a799;flex-shrink:0}.zoom-controls{position:absolute;bottom:16px;right:15px;display:flex;height:31px;background:white;border:1px solid #cddbe2;border-radius:5px;align-items:center;box-shadow:0 2px 6px #1b344b0a}.zoom-controls button{height:29px;min-width:29px;display:flex;align-items:center;justify-content:center;color:#7a929f;font-size:10px}.zoom-controls .icon{width:14px;height:14px}.zoom-controls i{height:16px;border-left:1px solid #e4ebee}.zoom-controls #zoomLabel{min-width:43px;color:#526d7b}.dock{height:189px;flex-shrink:0;background:white;display:flex;flex-direction:column;position:relative;min-height:80px;max-height:70%;border-top:1px solid #c8d7df}.dock.expanded{height:370px}.dock-resize{position:absolute;top:-4px;height:7px;left:0;right:0;cursor:row-resize;z-index:2}.dock-tabs{display:flex;align-items:stretch;height:34px;flex-shrink:0;border-bottom:1px solid #dce5ea;overflow:auto;scrollbar-width:none}.dock-tabs>button{padding:0 12px;white-space:nowrap;font-size:10px;color:#8298a4;border-bottom:2px solid transparent}.dock-tabs>button.active{color:#087f91;border-bottom-color:#087f91;font-weight:600}.dock-tabs>button>span{background:#e9f0f3;border-radius:3px;padding:2px 5px;font-size:8px;margin-left:3px}.dock-tab-actions{margin-left:auto;display:flex;align-items:center;padding-right:7px}.dock-tab-actions .icon{width:12px;height:12px}.dock-toolbar{height:33px;flex-shrink:0;background:#fbfcfd;border-bottom:1px solid #e6edef;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#8499a4}.dock-controls{display:flex;align-items:center;gap:7px}.dock-controls>input{width:105px;outline:none;border:1px solid #e0e8ec;padding:4px 6px;background:white;border-radius:3px;font-size:9px}#dockExtra{display:flex;gap:4px}.small-button{display:inline-flex;gap:5px;align-items:center;justify-content:center;font-size:9px;color:#63808f;border:1px solid #d9e4e9;border-radius:3px;background:white;padding:4px 7px;white-space:nowrap}.small-button .icon{width:11px;height:11px}.dock-content{overflow:auto;flex:1}.data-table{width:100%;border-collapse:collapse;font-size:9px;white-space:nowrap;text-align:left}.data-table th{position:sticky;top:0;z-index:1;background:#f4f8fa;color:#8398a3;font-size:8px;font-weight:500;letter-spacing:.3px;border-bottom:1px solid #dce6eb;padding:6px 10px}.data-table td{padding:6px 10px;border-bottom:1px solid #edf1f3;max-width:500px;text-overflow:ellipsis;overflow:hidden;color:#586f7b}.data-table tr[data-target]{cursor:pointer}.data-table tbody tr:hover{background:#edf7f8}.data-table td.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.data-table input{font-size:9px;padding:3px 5px;width:95px;border:1px solid transparent;border-radius:2px;background:transparent;color:#137789}.data-table input:hover,.data-table input:focus{border-color:#b3d5de;background:white}.data-table td .severity{display:inline-flex;align-items:center;gap:5px;font-size:8px}.severity:before{content:'';width:5px;height:5px;border-radius:50%;background:#75a4bf}.severity.error{color:#bd665a}.severity.error:before{background:#d77060}.severity.warning{color:#b68e42}.severity.warning:before{background:#cfa357}.empty-data{display:flex;align-items:center;gap:14px;justify-content:center;height:100%;min-height:70px;padding:16px;color:#7b939e}.empty-data .empty-icon{display:grid;place-items:center;border:1px solid #d4e9e5;background:#edf8f5;color:#63a191;border-radius:50%;width:38px;height:38px}.empty-data strong{display:block;font-size:11px;font-weight:550;margin-bottom:5px;color:#4f7680}.empty-data small{font-size:9px}.inspector{background:#fafcfd;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.inspector-live{display:flex;align-items:center;gap:4px;letter-spacing:.7px;font-size:7px;color:#8da2ac;font-weight:400}.inspector-live i{width:4px;height:4px;background:#6db19f;border-radius:50%}.inspector-content{overflow:auto;flex:1;padding-bottom:20px}.property-hero{padding:18px 15px 13px;border-bottom:1px solid #e1e8ec;background:white}.property-type{display:flex;align-items:center;gap:8px;font-size:9px;color:#7d939e}.property-type .icon{color:#0b8b9e;width:16px;height:16px}.property-hero h2{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:12px 0 6px;color:#234c5d;overflow-wrap:anywhere}.property-hero p{font-size:10px;line-height:1.6;margin:0;color:#8b9fa9}.identity{display:inline-flex;align-items:center;gap:5px;background:#f1f6f8;border:1px solid #e2eaee;border-radius:3px;padding:4px 6px;font-family:ui-monospace,monospace;font-size:8px;color:#97aab4;margin-top:10px}.identity .icon{width:10px;height:10px}.property-section{padding:13px 15px;border-bottom:1px solid #e1e8ec}.property-section h3{font-size:8px;letter-spacing:1px;font-weight:600;color:#7893a0;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.property-field{display:block;margin-bottom:10px}.property-field:last-child{margin-bottom:0}.property-field>span{display:block;color:#8197a3;font-size:9px;margin-bottom:4px}.property-field input,.property-field select,.property-field textarea{width:100%;min-width:0;border:1px solid #dbe5ea;background:white;color:#476776;padding:6px 8px;border-radius:3px;font-size:10px;outline-offset:1px}.property-field textarea{resize:vertical;min-height:52px;line-height:1.5}.property-field input[type=checkbox]{width:auto}.property-field input[type=color]{padding:2px;height:27px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-row .property-field{margin-bottom:9px}.field-help{font-size:9px;line-height:1.6;color:#91a4ae;margin:8px 0 0}.mini-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stat{border:1px solid #e0e8ed;border-radius:4px;background:white;padding:10px}.mini-stat strong{font-size:21px;font-weight:500;color:#427080;display:block;margin-bottom:4px}.mini-stat span{font-size:8px;color:#849aa6}.reference-button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 6px;border-radius:4px;border:1px solid #e0eaef;background:white;margin-bottom:5px;text-align:left}.reference-button .icon{width:12px;height:12px;color:#67a2b0}.reference-button strong{font-size:10px;color:#218697;font-weight:500}.reference-button span{font-size:9px;color:#90a2ac;margin-left:auto}.inspector-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.net-badge{display:inline-flex;align-items:center;background:#e6f4f6;color:#147e91;border-radius:4px;font-size:9px;padding:4px 7px;margin:3px 3px 0 0}.pin-editor{display:grid;grid-template-columns:36px 1fr 32px;align-items:center;gap:7px;margin:4px 0;font-size:9px;color:#78929f}.pin-editor input[type=text]{width:100%;border:1px solid #dfe8ed;background:white;padding:4px 6px;font-size:10px;border-radius:3px;color:#527586}.pin-editor input[type=checkbox]{accent-color:var(--teal)}.statusbar{display:flex;align-items:center;justify-content:space-between;background:#edf3f6;border-top:1px solid #d7e1e7;font-size:9px;padding:0 11px;color:#869ca8;white-space:nowrap;gap:10px}.statusbar #statusMessage{color:#567989;overflow:hidden;text-overflow:ellipsis}.status-right{display:flex;gap:13px;align-items:center}.statusbar button{padding:3px 5px;font-size:8px;color:#698b9b;border-radius:2px}.statusbar button.on{background:#dcecf0;color:#007f91}.gpu-status{color:#337f87!important;font-size:8px}.gpu-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#5aaf9c;margin-right:5px}.menu-popup{position:fixed;z-index:20;background:white;border:1px solid #d7e3e9;box-shadow:var(--shadow);padding:5px;border-radius:5px;min-width:220px;max-height:75vh;overflow:auto}.menu-popup[hidden]{display:none}.menu-popup button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px;border-radius:3px;font-size:11px}.menu-popup button .icon{width:15px;height:15px;color:#7e9aaa}.menu-popup button kbd{margin-left:auto;color:#94a6b0;font:9px inherit}.menu-popup hr{border:0;border-top:1px solid #edf1f4;margin:4px}.toast{position:fixed;left:50%;bottom:45px;transform:translateX(-50%);background:#204553;color:#f0f7f9;padding:12px 20px;border-radius:5px;box-shadow:var(--shadow);z-index:70;font-size:11px;max-width:90vw}.toast.error{background:#934e48}dialog{border:1px solid #ccdce4;border-radius:9px;padding:0;width:480px;max-width:92vw;max-height:88dvh;box-shadow:0 24px 100px #183b4c55;color:var(--ink)}dialog::backdrop{background:#12303b77;backdrop-filter:blur(2px)}dialog.wide{width:740px}#dialogForm>header{padding:20px 24px 17px;border-bottom:1px solid #e1e9ee;display:flex;align-items:center;justify-content:space-between}#dialogForm>header h2{font-size:20px;margin:5px 0 0;font-weight:550;letter-spacing:-.4px}.dialog-body{padding:20px 24px;max-height:65dvh;overflow:auto}.dialog-body .property-field{margin-bottom:14px}.dialog-body .property-field>span{font-size:11px;color:#6b8795}.dialog-body .property-field input,.dialog-body .property-field select{font-size:12px;padding:9px 11px}.dialog-body p{font-size:12px;line-height:1.7;color:#758d99;margin:0 0 15px}.dialog-body textarea.code{width:100%;min-height:260px;font:11px/1.6 ui-monospace,monospace;border:1px solid #d2e0e6;padding:12px;background:#f8fbfc;color:#496b7c;border-radius:4px;tab-size:2;resize:vertical}.dialog-body .notice{background:#fff7e7;padding:11px 13px;border:1px solid #efe0c0;border-radius:4px;font-size:10px;line-height:1.65;color:#947f50}.dialog-body .keyboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:16px 0}.keyboard-grid div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5d7e8e;padding:6px 0;border-bottom:1px solid #edf2f4}.keyboard-grid kbd{font:10px ui-monospace,monospace;background:#eef4f7;border:1px solid #d5e2e9;padding:3px 7px;border-radius:3px}#dialogForm>footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:14px 24px;background:#f8fafb;border-top:1px solid #e0e8ec}.primary-button{background:#087f91;color:white;border:1px solid #087f91;padding:9px 17px;border-radius:4px;font-size:11px}.primary-button:hover{background:#066b7b!important}.secondary-button{background:white;border:1px solid #d1dfe6;padding:9px 17px;border-radius:4px;color:#748d9a;font-size:11px}.command-search{width:100%;border:1px solid #cadde6;border-radius:4px;padding:12px;font-size:14px}.command-list{display:flex;flex-direction:column;max-height:360px;overflow:auto;margin-top:12px}.command-list button{padding:10px;text-align:left;display:flex;gap:9px;align-items:center;border-radius:4px;font-size:11px}.command-list button .icon{color:#6b9da9;width:16px;height:16px}.command-list button small{margin-left:auto;color:#9aadb8;font-size:9px}.focus-mode .navigator,.focus-mode .inspector,.focus-mode .dock{display:none}.focus-mode .workspace{grid-template-columns:minmax(0,1fr)}.focus-mode .ribbon{display:none}.focus-mode{grid-template-rows:43px 31px 0 minmax(0,1fr) 26px}.empty-list{padding:14px;font-size:10px;line-height:1.7;color:#9aabb4;text-align:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd9e0;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1700px){.workspace{grid-template-columns:258px minmax(300px,1fr) 290px}.symbol-tile{height:84px}.project-tree{flex-basis:247px}.dock{height:207px}}@media(max-width:1200px){.workspace{grid-template-columns:206px minmax(260px,1fr) 230px}.brand-edition,.local-badge,.ribbon-caption{display:none}.ribbon-button{min-width:42px;padding-left:6px;padding-right:6px}.ribbon-group{padding-left:6px;padding-right:6px}.property-section{padding:11px}.property-hero{padding:14px 11px}.symbol-tile span{font-size:7px}.dock-tabs>button{padding:0 9px}.project-tree{flex-basis:205px}.status-right{gap:8px}#graphStatus{display:none}}@media(max-width:960px){.workspace{grid-template-columns:190px minmax(260px,1fr)}.inspector{display:none}.title-project{display:none}.ribbon-commands{padding-left:5px}.title-button span{display:none}.sheet-format{display:none}.dock-controls>input{width:80px}.navigator-footer{font-size:6.5px}.project-tree{flex-basis:190px}.navigator-tabs button{padding:7px}.ribbon-tabs button{padding:0 10px}}@media(max-width:620px){body{grid-template-rows:43px 31px 107px minmax(0,1fr) 25px}.workspace{grid-template-columns:145px minmax(200px,1fr)}.menubar>button{padding:0 8px;font-size:10px}.menubar>.save-state{display:none}.titlebar{gap:9px;padding:0 9px}.title-actions{gap:6px}.title-separator,.title-button kbd{display:none}.brand b{font-size:18px}.ribbon-tabs{padding-left:0}.ribbon-tabs button{font-size:10px;padding:0 9px}.ribbon-group{padding-left:3px;padding-right:3px}.ribbon-button{font-size:9px}.navigator .panel-title{padding:0 8px;font-size:9px}.navigator-tabs button{font-size:9px;gap:3px}.navigator-tabs{padding-left:4px;padding-right:4px}.navigator-tabs .icon{width:11px}.search-field{margin:8px 6px;padding:0 6px}.search-field input{font-size:9px}.project-tree{flex-basis:178px}.tree-project{font-size:9px;padding:4px 7px}.tree-group{font-size:7px;padding-left:11px}.page-row{gap:6px;margin-left:6px;width:calc(100% - 12px);padding:7px 5px}.page-row strong{font-size:8px}.page-row small{font-size:7px}.page-number{width:20px;height:25px;font-size:9px}.page-row .row-dots{display:none}.library-head{padding:9px 8px 0}.library-head h2{font-size:10px}.eyebrow{font-size:7px}.library-filter{padding:0 6px 6px}.library-filter select{font-size:9px;padding:4px}.symbol-library{grid-template-columns:repeat(2,1fr);padding:0 6px 9px}.symbol-tile{height:68px}.navigator-footer{display:none}.page-tab{padding:0 9px;font-size:9px}.editor-bar{padding:0 7px}.breadcrumb{font-size:8px}.breadcrumb>span,.breadcrumb>.icon{display:none}.dock{height:150px}.dock-toolbar{padding:0 7px;gap:4px}.dock-controls>input{display:none}.dock-toolbar #dockSummary{font-size:8px}.tool-hint{bottom:48px;max-width:calc(100% - 22px);left:11px;font-size:8px}.zoom-controls{right:10px;bottom:10px}.canvas-tools{left:10px;top:10px}.canvas-tools button{width:25px;height:25px}.statusbar{font-size:8px;padding:0 6px}#coordinateStatus,#gridStatus,.gpu-status{display:none}.status-right{gap:3px}.property-section{padding:10px}.title-actions .title-button{padding:4px 7px}.dialog-body .keyboard-grid{grid-template-columns:1fr}#dockExtra .small-button{padding:3px}.dock-tabs>button{font-size:9px}.focus-mode .workspace{grid-template-columns:1fr}}

.save-state[data-state="error"]{color:#b66a5a}.save-state[data-state="error"]:before{content:"!";color:#c48758}.save-state[data-state="pending"]:before{content:"•";color:#9dafb8}

/* Prevent intrinsic ribbon/table widths from enlarging the root grid on phones. */
html{width:100%;height:100%;overflow:hidden}body{width:100%;grid-template-columns:minmax(0,1fr)}.titlebar,.menubar,.ribbon,.workspace,.statusbar{min-width:0;max-width:100%}.menubar{overflow-x:auto;scrollbar-width:none}.menubar>button{flex-shrink:0}.brand{padding:0}.brand:hover:not(:disabled){background:transparent}.dock-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}.statusbar{overflow:hidden}