body.designer-viewport-open{overflow:hidden!important}
.designer-viewport-ancestor{transform:none!important;filter:none!important;backdrop-filter:none!important;perspective:none!important;contain:none!important;will-change:auto!important;isolation:auto!important;z-index:auto!important;overflow:visible!important}
#tool-panel.designer-viewport{position:fixed!important;inset:0!important;z-index:10000!important;width:100%!important;height:100vh!important;height:100dvh!important;margin:0!important;max-width:none!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:#f4faff}
#tool-panel.designer-viewport[hidden]{display:none!important}
.designer-viewport-bar{display:flex;align-items:center;gap:10px;padding:7px 14px;min-height:44px;background:#f5faff;border-bottom:1px solid #d3e3f3;color:#19395e;flex:none}
.designer-viewport-bar[hidden]{display:none}
.designer-viewport-bar button{border:1px solid #bcd6f4;border-radius:8px;background:white;color:#1659a3;padding:6px 12px;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}
.designer-viewport-bar span{margin-right:auto;font-size:12px;color:#68829d}
#tool-panel.designer-viewport>.tool-context,#tool-panel.designer-viewport>.tool-storage-note{display:none!important}
#tool-panel.designer-viewport>.tool-stage{flex:1;min-height:0;display:flex;flex-direction:column}
#tool-panel.designer-viewport #tool-frame-container{flex:1;min-height:0}
#tool-panel.designer-viewport #tool-frame-container iframe{height:100%!important;min-height:0!important;width:100%;border:0}
@media(max-width:650px){.designer-viewport-bar{gap:5px;padding:6px;flex-wrap:wrap}.designer-viewport-bar span{display:none}.designer-viewport-bar strong{margin-right:auto;font-size:13px}.designer-viewport-bar button{font-size:12px;padding:6px 8px}}