.export-wrap{position:relative}.export-chevron{margin-left:5px;color:#8eabc8}.export-menu{position:absolute;right:0;top:43px;z-index:30;width:170px;padding:6px;border-radius:12px}.export-menu button,.mobile-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;color:#d9e9fa;font-size:11px;padding:10px 12px;border-radius:8px}.export-menu button:hover,.mobile-menu button:hover{background:#78bde222}.mobile-more,.inspector-close{display:none}
@media(max-width:820px){
  html,body{overflow:hidden}.app-shell{height:100dvh;min-height:0;padding:8px;gap:8px}.topbar{height:58px;min-height:58px;padding:0 10px;border-radius:14px;gap:8px}.brand{min-width:0;gap:8px;flex:1}.brand-mark{width:34px;height:34px;flex:none}.brand strong{display:block;font-size:13px;letter-spacing:0;white-space:nowrap;line-height:1.15}.brand small{display:block;font-size:7px;letter-spacing:.1em;margin-top:3px}.document-name,.top-actions .ghost-btn,.top-actions .outline-btn,.top-actions .bar-divider,.top-actions .export-wrap{display:none}.top-actions{margin-left:0;gap:6px}.top-actions .primary-btn{height:33px;padding:0 10px;font-size:11px}.mobile-more{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8aa8d044;border-radius:9px;background:#1b3559;color:#d5e9f7;font-size:21px}.mobile-menu{position:fixed;z-index:30;right:8px;top:72px;width:184px;padding:7px;border-radius:13px;box-shadow:0 18px 40px #010916bf}.workspace{display:block;min-height:0;flex:1;position:relative}.canvas-wrap{height:100%;border-radius:14px}.canvas-head{left:9px;right:9px;top:9px;height:43px}.canvas-status{display:block;font-size:10px}.canvas-hint{display:none}.zoom-controls{bottom:86px;right:10px;height:34px}.zoom-controls button{width:27px;height:27px}.zoom-controls span{min-width:36px}.bottom-bar{display:none}.left-panel{position:absolute;z-index:8;left:8px;right:8px;bottom:8px;width:auto;height:67px;padding:5px;border-radius:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;overflow:visible;box-shadow:0 12px 35px #0009}.left-panel .panel-top,.left-panel .panel-rule,.left-panel .section-head,.left-panel .setting-row,.left-panel .panel-bottom{display:none}.tool-card{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;padding:4px 2px;margin:0;border-radius:10px}.tool-card:hover,.tool-card.active{transform:none}.tool-icon{width:27px;height:27px;font-size:15px;border-radius:8px}.tool-card b{display:block;font-size:10px;line-height:1.1;white-space:nowrap}.tool-card small,.tool-plus{display:none!important}.right-panel{display:none}.has-selection .right-panel{display:flex;position:absolute;z-index:9;left:8px;right:8px;bottom:82px;max-height:min(56dvh,440px);border-radius:16px;padding:16px;box-shadow:0 12px 48px #000c}.inspector-heading{flex:none}.inspector-heading h2{font-size:16px;margin-top:4px}.inspector-icon{margin-left:auto;margin-right:12px}.inspector-close{display:grid;place-items:center;width:27px;height:27px;border:1px solid #8aa8d044;background:#1c375b;border-radius:8px;color:#d3e7fa;font-size:20px}.right-panel .node-inspector{margin-top:8px;overflow-y:auto;min-height:0;padding-bottom:3px}.right-panel .field-label{margin:8px 0 5px}.right-panel .field-input{padding:8px;font-size:13px}.right-panel .inspector-rule{margin:12px 0}.right-panel .inspector-actions{display:flex;gap:6px}.right-panel .property-button{height:36px;font-size:10px;padding:0 7px;white-space:nowrap}.right-footer{display:none}.toast{bottom:87px}
}
@media(max-width:450px){.brand strong{font-size:12px;letter-spacing:-.04em}.brand small{font-size:6px}.top-actions .primary-btn{width:33px;padding:0;font-size:0}.top-actions .primary-btn span{font-size:18px;margin:0}.canvas-status{display:none}.tool-card b{font-size:9px}.has-selection .right-panel{max-height:61dvh}.right-panel .inspector-actions{display:block}.right-panel .property-button{width:100%;height:32px}}