.m-header{height:49px;gap:10px;padding:4px 8px}.m-header #design-name{font-size:15px;width:260px}.m-header #save-state{font-size:10px;color:#9aa2a7}.m-save-button{border:0;background:transparent;font-size:11px;color:#82909b;padding:5px;cursor:pointer}.m-mode-badge{font-size:15px;padding:4px 13px;background:#fff}.m-sim-badge{display:flex;align-items:center;gap:10px;border:1px solid #dde1e4;border-radius:22px;padding:5px 12px;color:#7e8992;font-size:14px;background:#fafafa;white-space:nowrap;cursor:pointer}.m-sim-badge span{font-size:12px}.m-collaborator,.m-user-avatar{border:1px solid #dce1e6;background:#f8fafc;width:42px;height:42px;flex:none;border-radius:50%;padding:1px;cursor:pointer;display:grid;place-items:center}.m-collaborator svg{width:37px;height:37px;fill:#f8fafc;stroke:#496476;stroke-width:1}.m-collaborator svg circle:nth-of-type(2){fill:#536e7e;stroke:#fff}.m-collaborator svg path:last-child{stroke:#fff}.m-user-avatar{border-color:#c9daed;background:#f0f5fb}.m-user-avatar img{width:40px;height:40px;border-radius:50%}.m-toolbar{height:47px;gap:3px}.m-toolbar .m-text-tool{min-width:78px;color:#73818b}.m-sidebar{width:300px;background:#f1f2f5}.m-sidebar-tools{height:76px;align-items:center;border-bottom:0}.m-sidebar-tools button{font-size:0;padding:0}.m-sidebar-tools button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.m-sidebar-tools svg{width:42px;height:42px;stroke-width:1.2}.m-sidebar-tools button:nth-child(3){font-size:35px;line-height:42px}.m-inspector{position:absolute;right:14px;top:12px;width:249px;max-height:calc(100% - 74px);overflow:auto;z-index:5;margin:0;padding:13px 15px;border-color:#d8dce1;border-radius:7px;box-shadow:0 1px 3px #0001;background:#fff}.m-inspector[hidden]{display:none}.m-inspector h3{font-size:14px;color:#5a626a;line-height:1.5}.m-property-heading{font-size:11px}.m-shape-parameters{border-top:1px solid #edf0f2;margin-top:11px;padding-top:8px}.m-shape-parameters summary{font-size:11px;cursor:pointer;color:#83939e;margin-bottom:6px}.m-shape-parameters>label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#798d9a;padding:4px 0}.m-shape-parameters input{width:80px;border:1px solid #d6dfe6;padding:4px 5px;border-radius:3px;font:12px ui-monospace,monospace;color:#566e7e}.m-library-head{position:relative;display:flex;padding:3px 10px 10px;gap:3px}.m-library-head select{width:calc(100% - 45px);font-size:13px;padding:10px 8px;background:#fafbfc}.m-library-head>input{display:none}.m-shape-search-button{height:39px;width:42px;flex:none;border:1px solid #e0e4e8;background:#fafbfc;font-size:32px;line-height:1;color:#334856;cursor:pointer}.m-library-head.searching>input{display:block;position:absolute;left:10px;top:3px;width:calc(100% - 65px);height:39px;background:#fff}.m-palette{gap:6px;padding:0 10px 10px;grid-template-columns:repeat(3,minmax(0,1fr))}.m-shape-tile{background:#f9fafc;min-width:0;border-radius:2px}.m-shape{padding:3px 0;min-height:92px}.m-shape img{width:100%;height:auto;display:block;pointer-events:none}.m-shape>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.m-shape-star{top:2px;right:2px}.m-view-nav{left:10px;top:0;align-items:flex-start;gap:9px;pointer-events:none}.m-view-nav>*{pointer-events:auto}.m-cube-wrap{width:140px;height:140px;position:relative;margin-left:-17px;margin-bottom:2px}.m-view-cube{display:block;width:140px;height:140px;margin:0;transform:none}.m-cube-svg{display:block;width:140px;height:140px;cursor:grab;overflow:visible;touch-action:none;user-select:none}.m-cube-svg:active{cursor:grabbing}.m-cube-svg [data-cube-direction]{stroke:none;cursor:pointer}.m-cube-svg [data-cube-direction]:hover,.m-cube-svg [data-cube-direction]:focus-visible{fill:#91c8eb66;outline:none;stroke:#78b5dc;stroke-width:.6}.m-view-nav>.m-tool,.m-view-nav>.m-round{width:46px;height:46px;padding:10px;background:#fafcfd;box-shadow:0 1px 1px #00000008}.m-view-nav>.m-tool svg{width:26px;height:26px;stroke-width:1.5}.m-cube-roll{position:absolute;top:3px;border:0;background:transparent;padding:0;color:#6c8595;width:27px;height:25px;font-size:28px;cursor:pointer;opacity:0}.m-cube-roll-left{left:24px}.m-cube-roll-right{right:9px}.m-cube-menu{position:absolute;bottom:4px;right:9px;background:transparent;border:0;color:#91a0a9;cursor:pointer;font-size:17px;padding:2px 6px}.m-cube-wrap:hover .m-cube-roll,.m-cube-roll:focus-visible{opacity:1}.m-transform-modes{left:124px;top:14px}.m-notice{left:124px;top:61px;max-width:calc(100% - 410px);font-size:10px;line-height:1.6;border:0;background:#ffffffd9}.m-help{left:110px;font-size:10px}.m-popover{right:314px;top:110px;z-index:30}.m-popover[data-position=profile]{right:8px;top:54px;width:302px}.m-popover[data-position=view]{left:90px;right:auto;top:117px;width:278px}.m-profile-identity{display:flex;align-items:center;gap:13px;padding:6px 0 15px}.m-profile-identity img{width:43px;height:43px;border-radius:50%}.m-profile-identity strong,.m-profile-identity span{display:block}.m-profile-identity span{font-size:11px;color:#93a3ae}.m-profile-identity strong{color:#4e6677;font-weight:500}.m-private-badge{font-size:12px;padding:10px;background:#edf5fb;border:1px solid #d9e6ef;border-radius:5px;color:#577d97}.m-shortcut-list p{padding:4px 0;border-bottom:1px solid #edf1f4;margin:0;color:#668297}.m-view-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.m-view-choices button{border:1px solid #d7e1e9;background:#f5f9fc;color:#718b9f;border-radius:4px;padding:8px;cursor:pointer}.m-selection-rectangle{position:absolute;pointer-events:none;border:1px dashed #3b9bd5;background:#66b7e833;z-index:10}.m-selection-rectangle[hidden]{display:none}.m-sketch-tools{display:flex;align-items:center;gap:5px;margin-bottom:10px;font-size:11px}.m-sketch-tools>button{background:#fff;border:1px solid #d7e0e8;color:#7790a2;border-radius:3px;font-size:11px;padding:4px 7px;cursor:pointer}.m-sketch-tools>button.active{background:#e7f3fc;border-color:#78b8e2;color:#408ab8}.m-sketch-tools label{margin-left:auto;display:flex;align-items:center;gap:3px}.m-sketch-tools input{width:66px}.m-popover #m-scribble{width:100%;height:auto;border:1px solid #d4e2ec;touch-action:none;cursor:crosshair;background-color:#fff;background-image:linear-gradient(#e5edf3 1px,transparent 1px),linear-gradient(90deg,#e5edf3 1px,transparent 1px);background-size:20px 20px}.m-measure{top:98px;left:124px;right:auto;max-width:calc(100% - 150px);z-index:4;color:#4587ae;background:#f8fcffeb;border-color:#bcd9eb;font-family:ui-monospace,monospace}.m-grid-bar>span{font-size:10px}.m-plane-label{left:18px;bottom:55px;opacity:.7}.m-mode-badge,.m-view-nav>.m-tool{color:#477fae}@media(max-width:1050px){.m-header #design-name{width:220px}.m-header #save-state{display:none}.m-sidebar{width:274px}.m-toolbar .m-text-tool{min-width:64px;padding:4px 10px}.m-inspector{width:230px;right:10px}.m-popover{right:285px}.m-notice{max-width:calc(100% - 380px)}.m-collaborator,.m-user-avatar{width:39px;height:39px}.m-user-avatar img{width:37px;height:37px}}@media(max-width:750px){.m-header #design-name{width:145px}.m-header{gap:6px}.m-header .m-sim-badge,.m-save-button{display:none}.m-mode-badge{font-size:12px;padding:4px 8px}.m-collaborator,.m-user-avatar{width:35px;height:35px}.m-user-avatar img{width:33px;height:33px}.m-collaborator svg{width:30px;height:30px}.m-sidebar{width:219px}.m-palette{gap:3px;padding:0 5px 7px}.m-shape{min-height:68px}.m-sidebar-tools{height:62px}.m-library-head{padding-left:6px;padding-right:6px}.m-library-head select{font-size:12px;width:calc(100% - 38px);margin:0}.m-shape-search-button{width:35px;height:36px}.m-inspector{top:57px;right:8px;width:195px;max-height:calc(100% - 110px);padding:10px}.m-notice{left:99px;max-width:calc(100% - 110px);top:14px;display:none}.m-transform-modes{left:90px;top:12px}.m-cube-wrap{transform:scale(.82);transform-origin:top left;margin-bottom:-23px}.m-view-nav{left:7px;gap:7px}.m-view-nav>.m-tool,.m-view-nav>.m-round{width:38px;height:38px;padding:8px}.m-measure{left:80px;top:58px;max-width:calc(100% - 90px);font-size:10px}.m-popover{right:8px}.m-popover[data-position=view]{left:48px;top:99px;width:240px}.m-view-nav>.m-tool svg{width:23px;height:23px}}
.editor-dialog{position:fixed;inset:0;width:100%;height:100dvh;box-sizing:border-box}body:has(#editor-dialog[open]){overflow:hidden}