.ib-mobile-editor-bar[hidden],.ib-mobile-editor-options[hidden],.ib-mobile-editor-backdrop[hidden],.ib-mobile-drawer-head[hidden]{display:none!important}
@media(max-width:760px){
.g7-builder-shell[data-mobile-editor=true]{--ib-mobile-bar-height:calc(48px + env(safe-area-inset-top,0px))}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-bar{box-sizing:border-box;display:flex;align-items:center;gap:9px;flex:none;height:var(--ib-mobile-bar-height);padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top,0px));background:var(--e-head,#111e2c);color:var(--e-head-ink,#edf4fc);border-bottom:1px solid var(--e-line,#41546a);z-index:10050}
.ib-mobile-editor-bar>strong{margin-right:auto;font:750 15px/1.3 system-ui,sans-serif;letter-spacing:-.035em}.g7-builder-shell .ib-mobile-editor-bar button,.g7-builder-shell .ib-mobile-options-head button,.g7-builder-shell .ib-mobile-drawer-head button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:36px;min-height:36px;padding:7px 10px;border:1px solid var(--e-line,#425b70)!important;border-radius:10px;background:var(--e-field,#182c3e)!important;color:var(--e-ink,#edf3fa)!important;font:600 12px/1.4 system-ui,sans-serif;box-shadow:none!important}
.ib-mobile-editor-bar svg,.ib-mobile-options-head svg,.ib-mobile-drawer-head svg{display:block!important;width:18px;height:18px;flex:none}.ib-mobile-options-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options{position:fixed;inset:var(--ib-mobile-bar-height) 0 auto;box-sizing:border-box;max-height:calc(82dvh - var(--ib-mobile-bar-height));overflow:auto;overscroll-behavior:contain;z-index:10040;padding:10px 12px 14px;border:1px solid var(--e-line,#41546a);border-top:0;border-radius:0 0 18px 18px;background:var(--e-panel,#182c3e);color:var(--e-ink,#edf3fa);box-shadow:0 18px 36px #06132138;scrollbar-width:thin}
.ib-mobile-options-head,.ib-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 10px;font:650 13px/1.4 system-ui,sans-serif}.ib-mobile-drawer-head{flex:none;padding:10px 12px;border-bottom:1px solid var(--e-line,#41546a)}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7-builder-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border:0;background:transparent!important;height:auto;min-height:0;overflow:visible}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7-builder-title{flex-basis:100%;max-width:none;white-space:normal}.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7c-tools{display:flex;flex-wrap:wrap;gap:9px;position:static;box-sizing:border-box;width:100%;height:auto;min-height:0;padding:10px 0;background:transparent!important;overflow:visible}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7c-toolbar-actions{display:flex;flex-wrap:wrap;gap:7px;max-width:100%}.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7c-devices{display:flex;flex-wrap:wrap;max-width:100%}.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .native-context{margin:0 0 8px;padding:10px;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px}.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .ib-beginner-area-guide{border-radius:10px;margin:6px 0;padding:10px}
.g7-builder-shell[data-mobile-editor=true] .g7c-sidebar-modes{display:none!important}
.g7-builder-shell[data-mobile-editor=true] .g7c-layout[data-sidebar-mode]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;overflow:hidden!important}
.g7-builder-shell[data-mobile-editor=true] .g7c-editor{grid-area:1/1!important;width:100%!important;min-height:0}.g7-builder-shell[data-mobile-editor=true] .g7c-sidebar-rail{display:none!important}
.g7-builder-shell[data-mobile-editor=true] .g7c-layout[data-sidebar-mode] .g7c-side{position:fixed!important;inset:var(--ib-mobile-bar-height) 0 0 auto!important;width:90vw!important;max-width:90vw!important;height:calc(100dvh - var(--ib-mobile-bar-height))!important;box-sizing:border-box;display:flex;flex-direction:column;z-index:10030!important;border:1px solid var(--e-line,#41546a);border-right:0;border-radius:18px 0 0 0!important;box-shadow:-12px 0 40px #06132138;overflow:hidden!important;transform:translateX(102%);visibility:hidden;opacity:0;transition:transform .18s ease,opacity .18s,visibility .18s}
.g7-builder-shell[data-mobile-editor=true] .g7c-layout[data-sidebar-open=true] .g7c-side{transform:none;visibility:visible;opacity:1}
.g7-builder-shell[data-mobile-editor=true] .g7c-side>.g7c-tabs{flex:none}.g7-builder-shell[data-mobile-editor=true] .g7c-side>.g7c-panel{position:relative!important;inset:auto!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;border:0;box-shadow:none}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-backdrop{position:fixed;inset:var(--ib-mobile-bar-height) 0 0;z-index:10020;display:block;width:100%;height:calc(100dvh - var(--ib-mobile-bar-height));padding:0;border:0!important;border-radius:0;background:#06132140!important;box-shadow:none!important;cursor:default}
.g7-builder-shell[data-mobile-editor=true] :is(.ib-mobile-editor-bar,.ib-mobile-editor-options,.ib-mobile-drawer-head) button:focus-visible{outline:2px solid var(--e-accent,#80d8cd);outline-offset:2px}
.g7-builder-shell[data-mobile-editor=true] .g7c-sidebar-resize{display:none!important}
}
@media(prefers-reduced-motion:reduce){.g7-builder-shell[data-mobile-editor=true] .g7c-layout[data-sidebar-mode] .g7c-side{transition:none!important}}

@media(max-width:760px){
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .native-document-info{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:4px;width:100%;min-width:0;padding:0 0 6px}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .native-document-info .g7-builder-title{display:block;flex:1 0 100%;width:100%;max-width:none;min-width:0;font-size:13px;white-space:normal;text-overflow:clip;overflow:visible}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7-editor-level-switch{flex:1 0 100%;min-width:0;width:100%;max-width:100%;margin:0}.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7-editor-level-track{width:100%;min-width:0}
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7-builder-top>.g7-builder-fullscreen{order:2}.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .native-document-info{order:-2}.g7-builder-shell[data-mobile-editor=true] .ib-mobile-editor-options .g7-editor-level-switch{order:-1}
}

/* A short, non-blocking introduction for editors opened on a phone. */
.ib-mobile-desktop-tip[hidden]{display:none!important}
@media(max-width:760px){
.g7-builder-shell[data-mobile-editor=true] .ib-mobile-desktop-tip{position:fixed;top:calc(var(--ib-mobile-bar-height) + 10px);left:12px;right:12px;z-index:10005;display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;padding:13px 10px 13px 13px;border:1px solid var(--e-line,#536b80);border-radius:14px;background:var(--e-panel,#1b2c3e);color:var(--e-ink,#edf3fa);box-shadow:0 8px 24px #0714222e;font:12px/1.55 system-ui,sans-serif}
.ib-mobile-desktop-tip-icon{flex:none;color:var(--e-accent,#8ad8ce);padding-top:2px}.ib-mobile-desktop-tip-icon svg{display:block;width:21px;height:21px}.ib-mobile-desktop-tip>div{flex:1;min-width:0}.ib-mobile-desktop-tip strong{font-weight:650;font-size:13px}.ib-mobile-desktop-tip p{margin:3px 0 0;color:var(--e-muted,#b4c5d6);font:12px/1.55 system-ui,sans-serif}
.g7-builder-shell .ib-mobile-desktop-tip button{display:grid;place-items:center;flex:none;min-width:30px;min-height:30px;padding:5px;border:1px solid transparent!important;border-radius:8px;background:transparent!important;color:var(--e-muted,#b4c5d6)!important;box-shadow:none!important}.ib-mobile-desktop-tip button svg{display:block!important;width:16px;height:16px}.g7-builder-shell .ib-mobile-desktop-tip button:hover{background:var(--e-field,#142436)!important;color:var(--e-ink,#edf3fa)!important}.g7-builder-shell .ib-mobile-desktop-tip button:focus-visible{outline:2px solid var(--e-accent,#8ad8ce);outline-offset:2px}
}
