*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body,input[type=text],input[type=number],textarea,select{-webkit-user-select:text;user-select:text}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{display:flex;flex:1;height:calc(100vh - 52px);overflow:hidden}.topbar,.topbar[role=menu-bar]{height:52px!important;border-bottom:2px solid black!important;position:relative!important;z-index:100!important;background:#fff!important;display:flex!important;align-items:center!important;gap:16px!important;list-style:none!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important}.topbar li[role=menu-item]{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important;box-sizing:border-box!important}.topbar li[role=menu-item] a{color:#000!important;text-decoration:underline!important}.panel{width:280px;border-right:2px solid black;overflow-y:auto;overflow-x:hidden}.panel-content{padding:8px}.canvas-wrap{flex:1;overflow:auto;background:silver;position:relative;z-index:1}#stage{width:1600px;height:1000px;margin:16px;background:#fff;border:2px solid black;position:relative;box-shadow:2px 2px #000}.grid-overlay{pointer-events:none}.react-rnd-handle{border:2px solid black!important;border-radius:0!important;background:#000!important;width:8px!important;height:8px!important}.react-rnd-handle:hover{background:gray!important}.react-rnd:hover .react-rnd-handle{opacity:1!important}[style*=border][style*="4a9eff"]{border:2px solid #000!important;outline:2px dashed #000!important;outline-offset:-4px!important}.seven .title-bar-controls button[aria-label=Close],.window.seven .title-bar-controls button:last-child{background:#e81123!important}.seven .title-bar-controls button[aria-label=Close]:hover,.window.seven .title-bar-controls button:last-child:hover{background:#f1707a!important}.canvas-wrap.exporting .grid-overlay{display:none!important}.canvas-wrap.exporting #stage{outline:none!important;border:none!important;box-shadow:none!important}.canvas-wrap.exporting{border:none!important;outline:none!important;background:transparent!important}.mobile-message{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10000;align-items:center;justify-content:center;padding:24px}.mobile-message.active{display:flex}.mobile-message-content{text-align:center;max-width:400px;padding:32px;background:#fff;border:4px solid black}.mobile-message-content h1{font-size:24px;font-weight:700;margin:0 0 16px}.mobile-message-content p{font-size:14px;line-height:1.6;margin:0}.field-row{display:flex;align-items:center;margin-bottom:8px}.field-row label{margin-left:8px;font-size:12px}.field-row input[type=checkbox],.field-row input[type=radio]{margin-right:4px}.textfield{width:100%;margin-bottom:8px}.section-header{font-weight:700;font-size:12px;margin:16px 8px 8px;text-transform:uppercase}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.canvas-wrap[style*=outline]{transition:outline .2s,background-color .2s}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9000}.modal-window{position:relative;z-index:9001;max-width:95vw;box-shadow:4px 4px #000;animation:modal-appear .1s ease-out}@keyframes modal-appear{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-body{padding:16px!important;overflow-y:auto}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 6px);background:#000;color:#fff;font-size:11px;line-height:1.3;padding:4px 8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:9999;border:1px solid #333;box-shadow:2px 2px #444}.has-tooltip[data-tooltip-pos=top]:after{top:auto;bottom:calc(100% + 6px)}.has-tooltip[data-tooltip-pos=left]:after{top:50%;left:auto;right:calc(100% + 6px);transform:translateY(-50%)}.has-tooltip[data-tooltip-pos=right]:after{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.has-tooltip:hover:after{opacity:1}
