.editor-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#f8f9fa}.editor-dialog[open]{display:flex;flex-direction:column}.m-header{height:50px;flex:none;display:flex;align-items:center;gap:12px;padding:5px 14px 5px 9px;border-bottom:1px solid #d3d7dc;background:#fafafa}.m-back{border:0;background:transparent;padding:0;width:32px;height:36px;cursor:pointer}.m-back img{width:32px;height:32px;object-fit:cover;object-position:left}.m-header #design-name{width:260px;background:#fff;border:1px solid #dce1e4;border-radius:24px;padding:7px 13px;font-size:15px;color:#394957}.m-header #save-state{font-size:11px;color:#74838e;white-space:nowrap}.m-header-spacer,.m-toolbar-spacer{flex:1}.m-mode-badge{border:1px solid #377fc8;color:#377fc8;border-radius:24px;padding:5px 14px;white-space:nowrap;font-size:14px}.m-soft{border:1px solid #d8dfe4;background:#fff;border-radius:5px;padding:7px 9px;cursor:pointer;color:#586b7a;font-size:12px}.m-header .pill-button{padding:6px 16px;font-size:12px}.m-toolbar{height:47px;flex:none;display:flex;align-items:center;background:#f8f9fa;border-bottom:1px solid #d4d8dd;gap:4px;padding:3px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.m-tool-group{display:flex;gap:2px;border-right:1px solid #dce1e5;padding-right:7px;margin-right:4px;flex:none}.m-tool{height:34px;width:35px;border:0;border-radius:4px;background:transparent;color:#5a7387;padding:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.m-tool svg,.m-sidebar-tools svg,.m-transform-modes svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.m-tool:hover,.m-text-tool:hover,.m-menu-trigger:hover{background:#e8eff4}.m-tool:disabled{color:#c2cbd2;cursor:default;background:transparent}.m-menu-trigger{border:0;padding:0 3px;background:none;cursor:pointer;color:#586b7a}.m-text-tool{height:32px;min-width:64px;font-size:12px;color:#4c6071;border:1px solid #dce1e5;background:#fff;border-radius:3px;cursor:pointer;padding:4px 13px;white-space:nowrap}.m-body{display:flex;flex:1;min-height:0}.m-viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:#f7f9fa}.m-viewport>canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.m-viewport>canvas:focus-visible{outline:2px solid #288bcc;outline-offset:-2px}.m-sidebar{width:272px;background:#f3f4f6;border-left:1px solid #dfe4e8;overflow-y:auto;flex:none;scrollbar-width:thin}.m-sidebar-tools{display:flex;justify-content:space-around;padding:12px 9px;background:#f6f7f9;border-bottom:1px solid #e3e6e9}.m-sidebar-tools button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#5088ac;font-size:11px;cursor:pointer;min-width:60px}.m-sidebar-tools svg{width:30px;height:30px}.m-sidebar-tools button:nth-child(3){font-size:26px}.m-sidebar-tools button:nth-child(3) span{font-size:11px}.m-view-nav{position:absolute;left:10px;top:22px;display:flex;flex-direction:column;align-items:center;gap:9px}.m-view-nav>.m-tool,.m-round{width:40px;height:40px;padding:9px;border:1px solid #dce2e6;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0001;cursor:pointer;color:#496577}.m-round{font-size:24px}.m-view-cube{width:75px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:8px;transform:rotate(-4deg)}.m-view-cube button{font-size:11px;padding:8px 2px;border:1px solid #cad2d8;background:linear-gradient(#fff,#e2e7eb);color:#677b88;cursor:pointer}.m-view-cube button:first-child{grid-column:1/4}.m-view-cube button:last-child{grid-column:1/4;padding:3px}.m-transform-modes{position:absolute;top:14px;left:108px;display:flex;background:#fff;border:1px solid #dce3e8;border-radius:6px;padding:3px;box-shadow:0 2px 5px #00000005}.m-transform-modes button{display:flex;align-items:center;gap:4px;border:0;background:#fff;padding:5px 10px;font-size:12px;border-radius:4px;color:#7c8c98;cursor:pointer}.m-transform-modes svg{width:17px;height:17px}.m-transform-modes button.active{background:#e5f2fc;color:#247fc0}.m-plane-label{position:absolute;bottom:58px;left:90px;font-size:33px;font-weight:750;color:#5c9eb44d;pointer-events:none}.m-help{position:absolute;bottom:41px;left:95px;font-size:10px;color:#8a9ba6;pointer-events:none}.m-grid-bar{height:32px;position:absolute;bottom:0;right:0;left:0;border-top:1px solid #d8e4ed;background:#ffffffed;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;font-size:11px;color:#758994}.m-grid-bar>button{border:0;background:transparent;color:#5e798e;font-size:11px;cursor:pointer}.m-grid-bar label{white-space:nowrap}.m-grid-bar select{border:0;background:none;color:#5b7382;font-size:11px;padding:4px}.m-notice{position:absolute;top:64px;left:108px;max-width:calc(100% - 125px);font-size:11px;color:#6e8695;background:#fffffff0;border:1px solid #e5ebef;padding:5px 9px;border-radius:5px;pointer-events:none}.m-dimensions{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #57aae0;padding:5px 12px;border-radius:4px;color:#247dbb;font:12px ui-monospace,monospace;white-space:nowrap}.m-measure{position:absolute;right:14px;top:14px;white-space:pre-line;background:#fffdf1;border:1px solid #e6d9a9;padding:9px 12px;font-size:11px;line-height:1.8;color:#817443;max-width:300px}.m-inspector{margin:10px;background:#fff;border:1px solid #d7dfe5;border-radius:5px;padding:12px}.m-inspector h3{font-size:14px;font-weight:600;margin:0 0 8px;color:#41596b}.m-empty-selection{font-size:11px;line-height:1.7;color:#8a9aa5;margin:6px 0}.m-solid-options{display:flex;align-items:center;gap:8px}.m-solid-options>button{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid transparent;background:none;color:#7b8a95;font-size:11px;cursor:pointer;padding:4px 9px;border-radius:5px}.m-solid-options>button.active{border-color:#3a9bd9;background:#edf7fe;color:#2587c2}.m-solid-options i{width:26px;height:26px;border-radius:50%;display:block;box-shadow:inset -4px -3px 5px #0002}.m-hole-swatch{background:repeating-linear-gradient(45deg,#9da6ad 0 4px,#d6dadd 4px 8px)}.m-solid-options>label{margin-left:auto}.m-solid-options input[type=color]{height:30px;width:30px;border:0;border-radius:50%;padding:0;background:none;cursor:pointer}.m-property-heading{font-size:11px;color:#738793;display:flex;justify-content:space-between;margin:12px 0 5px}.m-property-heading span{color:#a0adb5}.m-vector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.m-vector label{font-size:10px;color:#8b9ba6;display:flex;flex-direction:column;gap:3px}.m-vector input{min-width:0;width:100%;font:12px ui-monospace,monospace;padding:5px 3px;border:1px solid #d5dfe6;border-radius:3px;background:#fff;color:#425d70}.m-vector input:focus{outline:2px solid #95cff3}.m-position-details{margin-top:9px}.m-position-details summary{font-size:11px;color:#6d8393;cursor:pointer}.m-position-details p{font-size:10px;color:#98a5ad;margin:6px 0}.m-position-details .m-vector{margin:6px 0}.m-library-head{padding:4px 10px 8px;display:flex;gap:5px}.m-library-head select{width:58%;font-size:12px;padding:8px 5px;border:1px solid #dce2e6;border-radius:3px;color:#4f6475;background:#fff}.m-library-head input{width:42%;min-width:0;padding:7px;font-size:11px;border:1px solid #dce2e6;border-radius:3px}.m-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 8px 8px}.m-shape-tile{position:relative;background:#fafbfc;border-radius:3px;border:1px solid transparent;min-width:0}.m-shape-tile:hover{border-color:#a7cbe3;background:#fff}.m-shape{width:100%;border:0;background:transparent;padding:1px 2px 5px;cursor:grab;color:#7b8d9a;display:flex;flex-direction:column;align-items:center;min-width:0}.m-shape canvas{width:100%;height:auto;display:block}.m-shape span{font-size:10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.m-shape-star{position:absolute;right:1px;top:1px;border:0;background:transparent;color:#bcc9d1;font-size:15px;opacity:0;cursor:pointer;padding:1px}.m-shape-tile:hover .m-shape-star,.m-shape-star.on,.m-shape-star:focus-visible{opacity:1}.m-shape-star.on{color:#d5a134}.m-object-details{margin:5px 10px 12px;border-top:1px solid #dfe5e9;padding-top:10px}.m-object-details summary{font-size:12px;color:#657e90;cursor:pointer;margin-bottom:6px}.m-object-details summary span{color:#8da4b4}.m-object-row{display:flex;align-items:center;gap:5px;padding:7px 4px;border-bottom:1px solid #e3e9ed;font-size:11px;color:#758998;cursor:pointer}.m-object-row.selected{background:#e2f1fc;color:#287db6}.m-object-row i{width:10px;height:10px;border-radius:2px;flex:none}.m-object-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}.m-object-row small{font-size:9px;white-space:nowrap}.m-local-note{font-size:10px;color:#9daab3;padding:0 12px 12px}.m-popover{position:absolute;z-index:20;right:286px;top:112px;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 135px);overflow:auto;padding:15px;background:#fff;border:1px solid #d3dce4;box-shadow:0 8px 30px #35536b26;border-radius:6px;color:#5e7587;font-size:12px;line-height:1.7}.m-popover[hidden]{display:none}.m-popover-head{display:flex;align-items:center;justify-content:space-between;font-size:15px;margin-bottom:10px;color:#3f5a6f}.m-popover-head button{border:0;background:none;color:#8d9da9;font-size:22px;cursor:pointer}.m-action-list{display:flex;flex-direction:column;gap:5px}.m-action-list button,.m-align-row button{border:1px solid #dce5ec;background:#f8fbfd;color:#4d7593;padding:9px;border-radius:4px;text-align:left;cursor:pointer}.m-action-list small{font-size:10px;display:block;color:#8fa1ad}.m-align-row{display:flex;align-items:center;gap:6px;margin:9px 0}.m-align-row b{width:16px}.m-align-row button{flex:1;text-align:center;font-size:11px;padding:6px 4px}.m-form-label{display:flex;flex-direction:column;font-size:12px;gap:6px;margin:10px 0}.m-form-label input,.m-popover textarea{width:100%;min-width:0;border:1px solid #d4dfe7;border-radius:4px;padding:7px;color:#4e6576;background:#fff;font:inherit}.m-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.m-export-grid button{padding:16px 6px;border:1px solid #cadfec;border-radius:5px;background:#f1f8fc;color:#3486b8;font-weight:600;cursor:pointer}.m-export-selection{display:flex;gap:6px;align-items:center}.m-popover #m-sketch{width:100%;height:auto;border:1px solid #cbdce9;cursor:crosshair;touch-action:none}.m-popover .pill-button{font-size:12px;padding:7px 14px}.m-popover p{font-size:11px;color:#8398a6}.m-toolbar button:focus-visible,.m-sidebar button:focus-visible,.m-view-nav button:focus-visible,.m-popover button:focus-visible{outline:2px solid #329bdc;outline-offset:1px}@media(max-width:1000px){.m-header #save-state{display:none}.m-toolbar-spacer{display:none}.m-sidebar{width:242px}.m-popover{right:254px}.m-tool{width:31px}.m-tool-group{padding-right:3px;margin-right:2px}.m-text-tool{min-width:54px;padding:4px 9px}.m-measure{top:100px;max-width:240px}}@media(max-width:700px){.m-header{gap:7px;padding-right:8px}.m-header #design-name{width:140px;font-size:12px}.m-header .m-soft{display:none}.m-mode-badge{padding:3px 7px;font-size:12px}.m-sidebar{width:202px}.m-palette{grid-template-columns:repeat(2,1fr)}.m-sidebar-tools{padding:8px 1px}.m-sidebar-tools button{min-width:50px}.m-transform-modes{left:85px;top:12px}.m-transform-modes button{font-size:0;padding:5px 8px}.m-view-nav{left:6px;top:12px}.m-view-cube{width:63px}.m-view-nav>.m-tool,.m-round{width:34px;height:34px}.m-help{display:none}.m-plane-label{font-size:20px;left:20px;bottom:44px}.m-notice{left:85px;top:55px;max-width:calc(100% - 90px)}.m-popover{right:12px;top:108px}.m-library-head{display:block}.m-library-head select,.m-library-head input{width:100%;margin-bottom:5px}.m-measure{left:85px;right:7px;font-size:10px;top:94px}.m-grid-bar{padding:0 5px;font-size:10px}.m-grid-bar #m-count{display:none}.m-dimensions{font-size:10px;padding:4px 7px;bottom:68px}.m-inspector{padding:8px;margin:7px}.m-vector{gap:3px}.m-vector input{font-size:11px;padding:4px 2px}}