.nudge-pad{width:105px;margin:4px auto;display:grid;grid-template-columns:repeat(3,31px);gap:4px}
.nudge-pad button{height:28px;padding:0!important;border:1px solid #555!important;border-bottom:2px solid var(--red)!important;background:#25292e!important;color:#fff!important;font-size:13px!important}
.nudge-pad #resetNudge{font-size:8px!important;color:#999!important}
.move-element-section{background:#191c20;box-shadow:0 5px 12px #0005}
.canvas-free-dragging{cursor:grabbing!important;user-select:none!important;z-index:20!important;outline:2px dashed #248fd6!important;touch-action:none}
.studio-resize-handle{position:absolute!important;right:-7px!important;bottom:-7px!important;z-index:40!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;padding:0!important;border:2px solid #fff!important;border-radius:0!important;background:#d71920!important;box-shadow:0 0 0 1px #171a1e!important;cursor:nwse-resize!important;touch-action:none}.studio-resizing{overflow:visible!important;user-select:none!important}
.legacy-move-section{display:none}
.studio-shell{min-height:0;overflow:hidden}
.panel{height:100%;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.component-panel,.inspector-panel{overflow-x:hidden!important;overflow-y:scroll!important;padding-bottom:140px}
#exitPreviewButton{display:none}
.text-editing [contenteditable="true"]{cursor:text;outline:1px dashed transparent}
.text-editing [contenteditable="true"]:hover,.text-editing [contenteditable="true"]:focus{outline-color:var(--red);background:#fff9}
.preview-mode{overflow:auto;background:#f2f3f4}
.preview-mode .studio-topbar,.preview-mode .component-panel,.preview-mode .inspector-panel,.preview-mode .workspace-toolbar{display:none!important}
.preview-mode .studio-shell{display:block;height:auto}
.preview-mode .workspace{display:block}
.preview-mode .workspace>.view{display:none}
.preview-mode .workspace>#designView{display:block}
.preview-mode .canvas-stage{padding:0;background:#f2f3f4}
.preview-mode .viewport-frame{width:100%!important;min-width:0;box-shadow:none}
.preview-mode .design-canvas{width:100%!important;min-height:100vh;transform:none!important}
.preview-mode #exitPreviewButton{display:block;position:fixed;z-index:9999;right:12px;bottom:12px;border:1px solid #000;border-bottom:3px solid var(--red);background:#202428;color:#fff;padding:8px 12px;font:700 10px "Bahnschrift Condensed","Arial Narrow",sans-serif;cursor:pointer}
.reorderable-button[draggable="true"]{cursor:grab}
.reorderable-button.button-dragging{opacity:.45}