html,body{height:100%;margin:0;background:#101a2b;color:#e8eff9;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}#status{position:fixed;left:12px;bottom:8px;max-width:calc(100% - 24px);margin:0;padding:7px 12px;background:#101c2eea;border:1px solid #354963;border-radius:8px;color:#9cc4de;font:12px/1.5 system-ui;z-index:600;pointer-events:none;white-space:pre-wrap}#status[data-error=true]{color:#ffd3d8;border-color:#a34456;pointer-events:auto}.native-context{background:#163b40;color:#adede4;padding:7px 16px;font:11px/1.4 system-ui}.native-more{position:relative}.native-more>summary{list-style:none;border:1px solid #526079;border-radius:7px;padding:10px 15px;cursor:pointer}.native-more[open]{z-index:100}.native-more[open]>button{display:block;min-width:180px;margin:5px}.native-more[open]{background:#1d2a40;border-radius:8px}.native-platform-action{font:12px system-ui;min-height:38px}.g7-builder-top .native-platform-action{border-radius:7px;padding:8px 12px;background:#173c43;border:1px solid #37777c;color:#e2fffc}#publish{background:#147968}.native-media,.native-settings,#native-notice{background:#1d2a40;border:1px solid #455570;border-radius:18px;color:#e8eff9;padding:28px;max-width:min(800px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 90px #02071099}.native-settings label{display:grid;gap:7px;margin:18px 0}.native-settings input,.native-settings select{padding:11px;background:#0f1b2c;color:#e8eff9;border:1px solid #4e6682;border-radius:7px}.native-settings input[type=checkbox]{justify-self:start}.native-media::backdrop,.native-settings::backdrop,#native-notice::backdrop{background:#030b1ab3;backdrop-filter:blur(6px)}.native-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:18px 0}.native-media-grid button{display:grid;gap:10px;padding:10px;background:#102033;color:#fff;border:1px solid #4c6581;border-radius:12px}.native-media-grid img{width:100%;height:120px;object-fit:contain}#native-notice{width:460px;padding:36px;background:radial-gradient(ellipse at top left,#195b5a 0,transparent 58%),#19283d;font-family:system-ui}#native-notice h2{font-size:30px;line-height:1.2;margin:18px 0;color:#f5ffff}#native-notice p{color:#c5d5e4;line-height:1.7}.native-notice-icon{display:grid;width:56px;height:56px;place-items:center;background:#6fd6c829;color:#7debd9;border:1px solid #6fd6c866;border-radius:16px;font-size:38px}.native-notice-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.native-notice-actions a,.native-notice-actions button{font:600 13px system-ui;padding:12px 16px;border-radius:9px;border:1px solid #62738b;background:transparent;color:white;text-decoration:none}.native-notice-actions a{background:#81e8cf;color:#0c3437;border-color:#81e8cf}#native-notice>button{position:absolute;right:14px;top:10px;background:transparent;color:#d9e6f3;border:0;font-size:26px;cursor:pointer}.native-readonly .g7c-design,.native-readonly .g7c-add{pointer-events:none;opacity:.65}@media(max-width:760px){.native-context{font-size:10px}.g7-builder-top{gap:5px}.native-platform-action{min-height:36px}#status{font-size:10px;max-height:60px;overflow:auto}.native-media,.native-settings,#native-notice{padding:20px}.native-notice-actions>*{flex:1;text-align:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

.native-preview{width:calc(100vw - 32px);height:calc(100vh - 32px);max-width:none;max-height:none;margin:auto;padding:12px;border:1px solid #49607b;border-radius:14px;background:#18263b;color:white;overflow:hidden}.native-preview::backdrop{background:#050b17c9}.native-preview header{display:flex;gap:8px;padding:0 0 12px}.native-preview button{padding:9px 16px;border:1px solid #54718d;border-radius:7px;background:#223b50;color:#e7f3ff}.native-preview iframe{display:block;max-width:100%;height:calc(100% - 55px);margin:auto;border:0;background:white}

/* Keep operation feedback above the original full-screen editor shell. */
#status{z-index:2147483600}

.g7-help-public-link{display:inline-block;margin-top:10px;font-size:12px;text-underline-offset:3px;color:inherit}.g7-help-guide-header .g7-help-note{font-size:12px;padding:12px;border:1px solid #a78655;border-radius:8px}

/* Built-in content imagery shares a picker with each site's private uploads. */
.native-image-library{width:1000px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:0;overflow:auto;font:14px/1.5 system-ui,sans-serif}
.native-image-library>header{display:flex;gap:20px;justify-content:space-between;align-items:start;padding:24px 26px 18px;border-bottom:1px solid #3b5069;background:linear-gradient(125deg,#194a50,#1d2a40)}
.native-image-library h2{margin:0 0 6px;font-size:26px;color:#f1ffff}.native-image-library header p{margin:0;color:#bed0de;max-width:620px}
.native-image-library button,.native-image-library input,.native-image-library select{font:inherit}.native-image-library button{cursor:pointer;color:#e8f6ff;background:#15263a;border:1px solid #4c6581;border-radius:9px;padding:9px 13px}.native-image-library button:disabled{opacity:.5;cursor:default}.native-image-library :focus-visible{outline:3px solid #75e6d6;outline-offset:3px}
.native-library-close{flex:none}.native-library-tools{display:flex;gap:12px;flex-wrap:wrap;padding:18px 26px 8px}.native-library-tabs{display:flex;gap:6px;width:100%}.native-library-tabs [aria-pressed=true]{background:#245a5e;border-color:#66d6c6;color:#d4fff5}.native-library-tools input[type=search]{flex:1;min-width:180px}.native-library-tools input,.native-library-tools select{color:#e6f4ff;background:#101e30;border:1px solid #4c6581;border-radius:9px;padding:11px;min-height:44px;max-width:100%}.native-library-tools input[type=file]{width:100%;font-size:12px}.native-library-status{margin:8px 26px 0;color:#b5ccde;min-height:24px}
.native-image-library .native-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 26px 24px;gap:14px;min-height:180px}.native-media-grid article{min-width:0}.native-image-library .native-media-grid button{width:100%;padding:7px;gap:8px;text-align:left;overflow:hidden}.native-image-library .native-media-grid img{height:140px;width:100%;object-fit:contain;border-radius:6px;background:repeating-conic-gradient(#eaf0f1 0% 25%,#f8fafb 0% 50%) 50%/16px 16px}.native-image-library .native-media-grid button span{padding:0 4px 5px;overflow-wrap:anywhere;font-size:12px}.native-image-library .native-media-grid button:hover{border-color:#8bded3;background:#1c3a46}.native-image-library .native-media-grid [aria-pressed=true]{outline:2px solid #6ee5c8;background:#245951}.native-library-sources{display:flex;gap:10px;flex-wrap:wrap;padding:5px 3px;font-size:11px;color:#b5ccde}.native-library-sources a{color:#9bded3}.native-library-sources small{flex-basis:100%;font-size:10px;line-height:1.5}
.native-image-library>footer{display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;bottom:0;background:#192b41;padding:14px 26px;border-top:1px solid #3b5069}.native-image-library>footer span{color:#bed0de;font-size:12px}.native-image-library>footer button:last-child:not([hidden]){background:#245a5e}
@media(max-width:650px){.native-image-library>header{padding:18px;flex-direction:column;gap:12px}.native-library-close{align-self:end}.native-library-tools{padding:14px 18px 8px}.native-library-tools input[type=search],.native-library-tools select{width:100%}.native-library-status{margin-inline:18px}.native-image-library .native-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 18px 18px;gap:10px}.native-image-library .native-media-grid img{height:120px}.native-image-library>footer{padding:12px 18px;gap:8px;flex-wrap:wrap}.native-image-library>footer button{font-size:12px}}

/* Follow light and dark customer themes for readable library text and controls. */
.g7-builder-shell .native-image-library{background:var(--e-panel,#1d2a40);color:var(--e-ink,#e8eff9)}
.native-image-library .native-library-status,.native-image-library .native-library-sources,.native-image-library>footer span{color:var(--e-muted,#b5ccde)}
.native-image-library .native-library-sources a{color:var(--e-accent,#9bded3)}
.native-image-library>footer{background:var(--e-panel,#192b41);border-color:var(--e-line,#3b5069)}
.native-image-library .native-media-grid button:hover{background:var(--e-tint,#1c3a46);border-color:var(--e-accent,#8bded3)}

.g7c-hosted-availability{margin-top:18px;padding:16px 18px;border:1px solid var(--e-line,#354963);border-radius:12px;background:var(--e-field,#101b2d)}.g7c-hosted-availability summary{font-weight:600;cursor:pointer}.g7c-hosted-availability p{margin:12px 0 0;line-height:1.7}

/* Hosted workspace chrome is compact; the page and controls have separate space. */
.g7-builder-shell{min-width:0;min-height:0;overflow:hidden}
.native-context{flex:none;padding:4px 12px;font-size:10px;line-height:1.4}
.g7-builder-shell[data-editor-theme] .g7-builder-top{flex:none;flex-wrap:nowrap;gap:6px;padding:6px 10px;min-height:46px}
.native-document-info{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.g7-builder-shell[data-editor-theme] .native-document-info .g7-builder-title{flex:0 1 auto;min-width:0;max-width:220px;font-size:13px}
.g7-builder-shell[data-editor-theme] .native-document-info .g7-builder-session-status{flex:0 1 auto;min-width:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g7-builder-shell[data-editor-theme] .g7-builder-top :is(.btn,.native-platform-action,.g7e-more>button){min-height:34px;padding:6px 9px;font-size:11px}
.g7-builder-shell .g7-editor-level-switch{margin:0 3px;--g7-level-width:84px}
.g7-builder-shell .g7-editor-level-copy{display:none}
.g7-builder-shell[data-editor-theme] .g7-editor-level-option{grid-template-columns:16px 1fr;grid-template-rows:1fr;gap:4px;height:32px;min-height:32px;padding:4px}
.g7-builder-shell .g7-editor-level-option svg{width:15px;height:15px}
.g7-builder-shell .g7e-more-menu{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 24px)}
.g7-builder-shell .g7e-more-menu .g7e-ai-visibility{margin:8px;justify-content:space-between}
.g7-builder-shell .g7c-layout[data-sidebar-mode]{min-height:0;grid-template-rows:42px minmax(0,1fr) auto!important;overflow:hidden!important}
.g7-builder-shell .g7c-layout[data-sidebar-mode=show] .g7c-side{grid-row:2/4;min-width:0}
.g7-builder-shell .g7c-layout .g7c-tools{display:flex;gap:8px;padding:3px 8px;grid-template-rows:none}
.g7-builder-shell .g7c-tools>.g7c-toolbar-actions{width:auto;min-width:0;height:34px;scrollbar-width:thin}
.g7-builder-shell .g7c-toolbar-actions::-webkit-scrollbar{display:block;height:3px}
.g7-builder-shell .g7c-layout[data-sidebar-mode=hover] .g7c-side{top:42px}
.g7-builder-shell .g7c-layout[data-sidebar-mode=hover] .g7c-sidebar-rail{grid-row:2/4}
.g7-builder-shell .g7c-selection-dock{grid-column:1;grid-row:3;min-width:0;overflow:hidden;background:var(--e-panel,#1d2a40);border-top:1px solid var(--e-line,#455570);padding:3px 6px}
.g7-builder-shell .g7c-selection-dock .gjs-toolbar{position:relative!important;inset:auto!important;transform:none!important;border:0;border-radius:0;padding:3px;box-shadow:none!important;width:100%!important;max-height:64px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin}
.g7-builder-shell .g7c-selection-dock .gjs-toolbar-items{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:5px;width:max-content;min-width:100%;max-width:none!important;overflow:visible!important}
.g7-builder-shell .g7c-selection-dock .g7c-selection-caption{flex:none;min-width:0;padding:5px 8px}
.g7-builder-shell .g7c-selection-dock .g7c-selection-caption::before{display:none}
.g7-builder-shell .g7c-selection-dock .g7c-selection-action{flex:none;min-height:36px;padding:6px 9px;white-space:nowrap}
.g7-builder-shell #status{position:static;flex:none;max-width:none;margin:0;padding:3px 10px;border:0;border-top:1px solid var(--e-line,#354963);border-radius:0;font:10px/1.4 system-ui;max-height:44px;overflow:auto;background:var(--e-head,#101c2e);color:var(--e-muted,#9cc4de);pointer-events:auto}
.g7-builder-shell #status:empty{display:none}
.g7-builder-shell .g7e-help-dock{top:calc(var(--native-chrome-height,120px) + 8px);bottom:calc(var(--native-dock-height,0px) + 28px);justify-content:flex-end;max-height:calc(100% - var(--native-chrome-height,120px) - var(--native-dock-height,0px) - 36px)}
.g7-builder-shell[data-editor-theme] .g7-builder-top .g7e-more-menu :is(.g7-builder-source-open,.g7-builder-preview,.g7-builder-settings-open)>span{display:inline!important}
.g7-builder-shell[data-editor-theme] .g7-editor-level-option[aria-checked=false]{background:transparent!important}
.g7-builder-shell .g7e-next{min-height:0;max-height:100%;flex-shrink:1}
.g7-builder-shell .g7c-selected-area-summary{padding:10px 12px;margin-bottom:12px}
.g7-builder-shell .g7c-selected-area-summary>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 8px}
.g7-builder-shell .g7c-selected-area-summary>small{font-size:10px}
.g7-builder-shell .g7c-panel{padding:12px;overscroll-behavior:contain;scrollbar-gutter:stable}
.g7-builder-shell .g7c-editor{overflow:hidden}
.g7-builder-shell details.g7-mode-instruction{display:block;padding:8px 10px}
.g7-builder-shell details.g7-mode-instruction>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none}
.g7-builder-shell details.g7-mode-instruction>summary::before{content:'›';font:20px/1 system-ui;transition:transform .15s}
.g7-builder-shell details.g7-mode-instruction[open]>summary::before{transform:rotate(90deg)}
.g7-builder-shell details.g7-mode-instruction>summary strong{flex:1;min-width:0;font-size:12px}
.g7-builder-shell .g7c-design>.g7-help-sidebar{margin:0 0 8px}
.g7-builder-shell .g7c-design>.g7-help-sidebar button{min-height:30px;padding:4px 8px;font-size:11px}
.g7-builder-shell .g7c-content-view-tabs{padding:3px;margin-bottom:8px}
.g7-builder-shell .g7c-content-view-tabs>button{min-height:34px;padding:5px 8px}
.g7-builder-shell .g7c-selected-area-summary>small{display:inline;margin-right:7px}
.g7-builder-shell .g7c-selected-area-summary>.g7c-selected-edit{margin-top:7px;min-height:34px;padding:6px 8px}
.g7-builder-shell[data-editor-theme] .g7c-selected-area-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px 10px}
.g7-builder-shell[data-editor-theme] .g7c-selected-area-summary>small{grid-column:1;grid-row:1;margin:0}
.g7-builder-shell[data-editor-theme] .g7c-selected-area-summary>strong{grid-column:1;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g7-builder-shell[data-editor-theme] .g7c-selected-area-summary>p{grid-column:1/-1;grid-row:3;-webkit-line-clamp:1;margin:3px 0 0}
.g7-builder-shell[data-editor-theme] .g7c-selected-area-summary>.g7c-selected-edit{grid-column:2;grid-row:1/3;width:auto;max-width:148px;margin:0;min-height:34px;padding:6px 8px}
.g7-builder-shell .g7c-selected-area-summary>.g7c-current-background{grid-column:1/-1}
.g7-builder-shell[data-editor-theme] .g7c-tools .g7e-help-launcher{width:32px;height:32px;min-height:32px;padding:5px;border-radius:8px}
.g7-builder-shell .g7c-tools .g7e-help-launcher svg{width:20px;height:20px}
@media(min-width:761px){
 .g7-builder-shell .g7c-layout[data-sidebar-mode=show]{grid-template-columns:minmax(0,1fr) min(var(--g7-sidebar-width,280px),40vw)}
}
@media(max-width:1199px){
 .g7-builder-shell .g7c-sidebar-modes :is(.g7c-sidebar-icon,.g7c-sidebar-caption,.g7c-sidebar-mode-label){display:none}
 .g7-builder-shell .g7c-sidebar-modes .g7c-sidebar-mode-symbol{display:block}
 .g7-builder-shell .g7c-sidebar-modes .g7c-button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:4px}
 .native-document-info{flex-direction:column;align-items:start;gap:1px}
}
@media(max-width:760px){
 .g7-builder-shell[data-editor-theme] .g7-builder-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:5px;padding:5px 8px}
 .g7-builder-shell .native-document-info{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
 .g7-builder-shell[data-editor-theme] .native-document-info .g7-builder-title{font-size:11px;max-width:60%}
 .g7-builder-shell .g7-editor-level-switch{grid-column:1/-1;justify-self:start;--g7-level-width:84px;margin:0}
 .g7-builder-shell .g7e-more{grid-column:1;justify-self:start}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=show]{grid-template-columns:minmax(0,1fr);grid-template-rows:42px minmax(0,1fr) minmax(0,42%) auto!important}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=show] .g7c-side{grid-column:1;grid-row:3;min-height:0}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=show] .g7c-selection-dock{grid-row:4}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=hover] .g7c-side{top:42px;max-width:calc(100% - 44px)}
 .g7-builder-shell .g7c-tools .g7c-sidebar-modes{flex:none}
 .g7-builder-shell .g7c-selection-dock .g7c-selection-caption{display:none}
 .g7-builder-shell .g7c-selection-dock .g7c-selection-action{min-height:40px}
 .g7-builder-shell .g7c-selection-dock .g7c-selection-action-label{display:inline!important}
 .g7-builder-shell .g7c-selection-dock .g7c-selection-action svg{width:16px;height:16px}
 .g7-builder-shell .g7c-sidebar-resize{display:none}
 .native-context{padding:3px 8px;font-size:9px}
}
@media(max-height:480px) and (min-width:600px){
 .g7-builder-shell .native-context{padding-block:2px}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=show]{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:38px minmax(0,1fr) auto!important}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=show] .g7c-side{grid-column:2;grid-row:2/4}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=show] .g7c-selection-dock{grid-row:3}
}

/* Compact hosted controls at normal browser zoom. Canvas documents remain unscaled. */
@media(min-width:761px){
 .g7-builder-shell[data-editor-theme] .g7-builder-top{min-height:40px;padding:4px 8px;gap:5px}
 .g7-builder-shell[data-editor-theme] .g7-builder-top :is(.btn,.native-platform-action,.g7e-more>button){min-height:30px;padding:5px 8px}
 .g7-builder-shell .g7-editor-level-switch{--g7-level-width:74px}
 .g7-builder-shell[data-editor-theme] .g7-editor-level-option{height:28px;min-height:28px;font-size:10px}
 .g7-builder-shell .native-context{padding:3px 10px}
 .g7-builder-shell .g7c-layout[data-sidebar-mode]{grid-template-rows:36px minmax(0,1fr) auto!important}
 .g7-builder-shell .g7c-tools{gap:6px;padding:2px 6px}
 .g7-builder-shell .g7c-tools>.g7c-toolbar-actions{height:30px}
 .g7-builder-shell .g7c-tools :is(.g7c-button,.g7e-help-launcher){min-height:28px;height:28px;padding:4px 7px;font-size:11px}
 .g7-builder-shell .g7c-layout[data-sidebar-mode=hover] .g7c-side{top:36px}
 .g7-builder-shell .g7c-panel{padding:9px}
 .g7-builder-shell .g7c-tabs button{min-height:34px;padding:7px 9px;font-size:12px}
 .g7-builder-shell .g7c-add-home>.g7c-add-choice{padding:9px;gap:8px;margin-bottom:7px;min-height:64px;grid-template-columns:30px minmax(0,1fr) 12px}
 .g7-builder-shell .g7c-add-home .g7c-add-choice-icon{width:30px;height:30px;border-radius:8px}
 .g7-builder-shell .g7c-add-home .g7c-add-choice-icon svg{width:19px;height:19px}
 .g7-builder-shell .g7c-add-home .g7c-add-choice-copy strong{font-size:13px;line-height:1.35}
 .g7-builder-shell .g7c-add-home .g7c-add-choice-copy small{font-size:11px;line-height:1.45}
 .g7-builder-shell .g7c-add-choice-count{font-size:10px;padding:2px 6px}
 .g7-builder-shell .g7-mode-instruction{margin-bottom:7px;padding:8px 9px}
 .g7-builder-shell .g7-mode-instruction p{margin:3px 0 0;font-size:11px;line-height:1.45}
 .g7-builder-shell[data-editor-comfort=compact] :is(.g7c-side,.g7c-floating-design) :is(.g7c-button,select,input:not([type=range]):not([type=checkbox]):not([type=color])){min-height:30px;font-size:12px;padding:5px 8px}
 .g7-builder-shell[data-editor-comfort=compact] .g7c-side :is(.g7c-part,.g7c-design-group,.g7c-design-box){padding:9px;margin-bottom:8px}
 .g7-builder-shell[data-editor-comfort=compact] .g7c-side :is(.g7c-field,.g7c-help){font-size:11px;line-height:1.45}
 .g7-builder-shell[data-editor-comfort=compact] .g7c-side :is(h3,.g7c-design-title){font-size:13px}

 /* Use viewport space for browsing, with readable type and smaller card spacing. */
 .g7-builder-shell .g7c-template-picker[open]{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:14px;font-size:12px}
 .g7-builder-shell .g7c-template-picker .g7c-template-chrome{padding-bottom:8px}
 .g7-builder-shell .g7c-template-picker h2{font-size:20px}
 .g7-builder-shell .g7c-template-picker .g7c-template-navigation{padding:7px 9px!important;margin:6px 0!important;gap:6px 10px}
 .g7-builder-shell .g7c-template-picker :is(.g7c-template-filters,.g7c-template-details){padding:8px;margin-bottom:8px}
 .g7-builder-shell .g7c-template-picker .g7c-template-filters input{height:32px;font-size:12px;padding:5px 8px}
 .g7-builder-shell .g7c-template-picker .g7c-template-results{margin-top:6px;padding-top:5px}
 .g7-builder-shell .g7c-template-picker :is(.g7c-template-category-intro h3,.g7c-template-back-prominent){font-size:12px!important}
 .g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-picker .g7c-template-categories .g7c-template-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:8px 0}
 .g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-categories .g7c-template-preview{height:110px!important}
 .g7-builder-shell .g7c-template-category-copy{padding:8px 10px 5px}
 .g7-builder-shell .g7c-template-category-footer{padding:0 10px 8px}
 .g7-builder-shell .g7c-template-category-copy :is(h3,.g7c-template-name){font-size:12px}
 .g7-builder-shell .g7c-template-category-copy p{font-size:11px;margin:4px 0}
 .g7-builder-shell .g7c-template-picker .g7c-template-body.g7c-template-variants{gap:14px}
 .g7-builder-shell .g7c-template-picker .g7c-template-body.g7c-template-variants .g7c-template-grid,.g7-builder-shell .g7c-template-picker.g7c-template-expanded .g7c-template-grid{row-gap:12px!important}
 .g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-picker .g7c-template-variants .g7c-template-row,.g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-picker.g7c-template-expanded .g7c-template-row{min-height:0!important}
 .g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-picker .g7c-template-variants .g7c-template-row>.g7c-template-preview,.g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-picker.g7c-template-expanded .g7c-template-row>.g7c-template-preview{height:125px!important;min-height:125px!important;max-height:125px!important;flex-basis:125px!important}
 .g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-picker .g7c-template-variants .g7c-template-row-copy,.g7-builder-shell:not([data-editor-templates=large]):not([data-editor-templates=list]) .g7c-template-picker.g7c-template-expanded .g7c-template-row-copy{min-height:105px!important;padding:9px!important;gap:5px!important}
 .g7-builder-shell .g7c-template-preview-footer{padding:8px 10px;gap:7px}
 .g7-builder-shell .g7c-template-preview-footer button[data-template-action]{min-height:34px!important;padding:7px 11px!important;font-size:12px!important}
 .g7-builder-shell .g7c-template-preview-footer .g7c-template-footer-action{min-height:30px;padding:5px 8px;font-size:11px}

 .g7-builder-shell .g7c-section-picker{padding:16px;max-height:calc(100dvh - 24px);font-size:12px}
 .g7-builder-shell .g7c-section-picker>header{top:-16px;margin:-16px -16px 10px;padding:12px 16px}
 .g7-builder-shell .g7c-section-picker h2{font-size:19px}
 .g7-builder-shell .g7c-section-picker>.g7c-section-search{margin:8px 0;padding:9px 12px}
 .g7-builder-shell .g7c-section-search>label{font-size:12px;margin-bottom:4px}
 .g7-builder-shell .g7c-section-search input{height:34px;padding:6px 10px;font-size:12px}
 .g7-builder-shell .g7c-section-purposes{gap:6px;margin-top:7px}
 .g7-builder-shell .g7c-section-purposes button{min-height:32px;padding:6px;gap:6px}
 .g7-builder-shell .g7c-section-picker .g7c-library-tabs{padding:8px 10px;gap:8px;margin:8px 0}
 .g7-builder-shell .g7c-section-source-tabs{padding:3px}
 .g7-builder-shell .g7c-section-source-tabs button{padding:6px 10px;font-size:12px}
 .g7-builder-shell .g7c-section-picker .g7c-ai-section-launch{padding:7px 10px}
 .g7-builder-shell .g7c-section-picker .g7c-category-browser{margin-top:10px}
 .g7-builder-shell .g7c-section-picker .g7c-category-browse-tabs button{padding:6px 12px;font-size:12px}
 .g7-builder-shell .g7c-section-picker .g7c-category-browse-tools{margin:9px 0}
 .g7-builder-shell .g7c-section-picker .g7c-category-browse-tools input{height:32px;padding:5px 9px;font-size:12px}
 .g7-builder-shell .g7c-section-picker .g7c-category-browser .g7c-categories{gap:8px}
 .g7-builder-shell .g7c-section-picker .g7c-category{grid-template-columns:62px minmax(0,1fr) 10px;gap:9px;min-height:82px;padding:8px}
 .g7-builder-shell .g7c-section-picker .g7c-category .g7c-preset-preview{width:62px;height:54px}
 .g7-builder-shell .g7c-section-picker .g7c-category .g7c-preset-name{font-size:12px;margin-bottom:3px}
 .g7-builder-shell .g7c-section-picker .g7c-category-count{margin-top:4px;font-size:10px}
}
/* Phone controls keep their existing touch sizing and single-column fallback. */
@media(min-width:761px){.g7-builder-shell .g7-builder-top>.g7e-ai-visibility{padding:4px 8px;gap:7px}}

@media(min-width:761px){
 .g7-builder-shell .g7c-template-picker .g7c-template-chrome>header{padding:0;margin:0;gap:10px}
 .g7-builder-shell .g7c-template-picker .g7c-template-chrome>.g7c-help{margin:5px 0 0;font-size:11px;line-height:1.4}
 .g7-builder-shell[data-editor-comfort=compact] .g7c-template-picker[data-template-view=categories] .g7c-template-category-intro>.g7c-help{display:none}
 .g7-builder-shell .g7c-template-category-copy{padding:7px 9px 4px}
 .g7-builder-shell .g7c-template-category-footer{padding:0 9px 7px}
 .g7-builder-shell .g7c-template-category-copy p{line-height:1.35;margin:3px 0}
}

@media(min-width:761px){
 .g7-builder-shell .g7c-section-picker .g7c-section-ai-links{flex-direction:row;align-items:center;gap:7px;flex-wrap:wrap}
 .g7-builder-shell .g7c-section-picker .g7c-section-ai-links>button{min-height:32px;font-size:11px;padding:6px 9px}
 .g7-builder-shell .g7c-section-picker .g7c-ai-section-icon{width:28px;height:28px;min-width:28px;padding:4px;border-radius:8px}
 .g7-builder-shell .g7c-section-picker .g7c-ai-section-icon svg{width:20px;height:20px}
 .g7-builder-shell .g7c-section-picker .g7c-ai-section-copy small{display:none}
 .g7-builder-shell .g7c-section-picker .g7c-library-tabs{flex-wrap:nowrap}
}
@media(min-width:1100px){.g7-builder-shell .g7c-section-purposes{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Browsing chrome must leave room for designs on short phone viewports. */
@media(max-width:760px){
 .g7-builder-shell .g7c-template-picker[open]{padding:12px;min-height:0}
 .g7-builder-shell .g7c-template-picker .g7c-template-chrome{flex:0 1 auto;min-height:0;max-height:50%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:7px}
 .g7-builder-shell .g7c-template-picker .g7c-template-chrome>header{position:sticky;top:0;z-index:7;margin:0;padding:0 0 5px;gap:6px;background:var(--e-panel,#182337)}
 .g7-builder-shell .g7c-template-picker h2{margin:0;font-size:18px;line-height:1.25}
 .g7-builder-shell .g7c-template-picker .g7c-template-help-trigger{padding:6px 8px;min-height:36px;font-size:12px}
 .g7-builder-shell .g7c-template-picker .g7c-template-category-intro>h3{font-size:13px!important;margin-bottom:5px}
 .g7-builder-shell .g7c-template-picker[data-template-view=categories] .g7c-template-navigation{flex-direction:row;flex-wrap:wrap;gap:6px!important;padding:8px!important;margin:5px 0!important}
 .g7-builder-shell .g7c-template-picker .g7c-template-category-intro{flex-basis:100%;min-width:0}
 .g7-builder-shell .g7c-template-picker .g7c-template-entry-tabs{display:flex;flex-wrap:nowrap;gap:3px;width:100%;margin:0}
 .g7-builder-shell .g7c-template-picker .g7c-template-entry-tabs button{flex:1;min-width:0;min-height:40px;padding:5px 4px!important;gap:3px;font-size:11px!important;white-space:normal}
 .g7-builder-shell .g7c-template-picker .g7c-template-entry-tabs svg{width:14px;height:14px;flex:none}
 .g7-builder-shell .g7c-template-picker[data-template-view=categories] .g7c-template-navigation>.g7c-template-back,.g7-builder-shell .g7c-template-picker[data-template-view=categories] .g7c-template-navigation>.g7c-template-expand{flex:1;min-width:0;min-height:40px;margin:0;white-space:normal;text-align:center}
 .g7-builder-shell .g7c-template-picker .g7c-template-body{flex:1 0 160px;min-height:160px}
}

/* Category overviews use the window too; the legacy fit-content rule wasted height. */
.g7-builder-shell .g7c-template-picker[open][data-template-view=categories]{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}
@media(max-width:760px){.g7-builder-shell .g7c-template-picker[open][data-template-view=categories]{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}}

/* A branded, content-first welcome; decoration stays outside the page model. */
.g7-builder-shell[data-editor-theme] .g7c-start-layer{padding:24px;background:transparent!important;color:var(--e-ink);box-shadow:none;align-items:flex-start}
.g7-builder-shell .g7c-start-layer::backdrop{background:#071221a8;backdrop-filter:blur(9px)}
.g7-builder-shell[data-editor-theme] .g7c-start-card{width:min(920px,100%);margin:auto;padding:28px 32px;border-radius:22px;border-color:color-mix(in srgb,var(--e-accent) 24%,var(--e-line))!important;background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--e-accent) 9%,transparent),transparent 55%),var(--e-panel)!important;box-shadow:0 28px 90px #0005;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.g7c-start-brand{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--e-ink);font:750 18px/1.2 system-ui;letter-spacing:-.7px}
.g7c-start-brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--e-accent) 40%,transparent);border-radius:9px;background:color-mix(in srgb,var(--e-accent) 10%,transparent);color:var(--e-accent)}
.g7c-start-brand-mark svg{width:22px;height:22px}.g7c-start-brand .g7c-start-brand-note{margin-left:auto;font:650 9px/1.5 system-ui;letter-spacing:1.5px;color:var(--e-muted)}
.g7-builder-shell .g7c-start-header{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:34px;margin-bottom:26px;min-height:185px}
.g7-builder-shell .g7c-start-eyebrow{font:650 9px/1.5 system-ui;letter-spacing:1px;margin:0 0 12px;color:var(--e-muted)!important}
.g7-builder-shell .g7c-start-title{font:750 clamp(28px,3vw,40px)/1.12 system-ui;letter-spacing:-1.4px;margin:0 0 14px;max-width:450px;color:var(--e-ink)!important;text-wrap:balance}
.g7c-start-title em{font-style:normal;color:var(--e-accent)}
.g7-builder-shell .g7c-start-intro{max-width:400px;font:400 13px/1.65 system-ui;color:var(--e-muted)!important}
.g7-builder-shell .g7c-start-art{display:block;position:relative;height:185px;min-width:0;isolation:isolate;color:var(--e-accent)}
.g7c-start-art::before{content:'';position:absolute;inset:6px -12px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--e-accent) 16%,transparent),transparent 70%)}
.g7c-start-sample{position:absolute;width:78%;height:166px;left:8%;top:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--e-accent) 32%,var(--e-line));border-radius:10px;background:var(--e-field);box-shadow:0 12px 30px #0003;transform:rotate(-6deg);z-index:2}
.g7c-start-sample:nth-child(2){width:60%;height:116px;left:44%;top:56px;transform:rotate(8deg);z-index:3}
.g7c-start-sample:nth-child(3){width:56%;height:104px;left:-3%;top:72px;transform:rotate(-12deg);z-index:1;opacity:.8}
.g7c-start-sample-bar{display:flex;align-items:center;gap:3px;height:17px;padding:0 7px;background:var(--e-card);border-bottom:1px solid var(--e-line)}
.g7c-start-sample-bar i{width:3px;height:3px;border-radius:50%;background:var(--e-muted);opacity:.5}
.g7c-start-sample img{display:block;width:100%;height:calc(100% - 17px);object-fit:cover;object-position:top}
.g7c-start-sample-fallback{background:linear-gradient(130deg,var(--e-tint),var(--e-card))}.g7c-start-sample-fallback::after{content:'';position:absolute;inset:38px 24px 28px;border-radius:6px;border-top:16px solid var(--e-accent);border-bottom:6px solid var(--e-line);opacity:.5}
.g7-builder-shell .g7c-start-choices{gap:14px}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice{display:grid;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid var(--e-line);border-radius:13px;background:var(--e-field)!important;color:var(--e-ink)!important;box-shadow:none;text-align:left}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-start-template{background:color-mix(in srgb,var(--e-accent) 10%,var(--e-field))!important;border-color:color-mix(in srgb,var(--e-accent) 65%,var(--e-line))}
.g7-builder-shell .g7c-start-choices .g7c-add-choice-icon{grid-column:1;grid-row:1;width:38px;height:38px;background:var(--e-tint)!important;color:var(--e-accent)!important;border-color:color-mix(in srgb,var(--e-accent) 40%,var(--e-line))!important;border-radius:10px}
.g7-builder-shell .g7c-start-choices .g7c-add-choice-copy{grid-column:2;grid-row:1;gap:6px;min-width:0}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice-copy strong{font:650 15px/1.35 system-ui;color:var(--e-ink)!important}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice-copy small{font:400 12px/1.5 system-ui;color:var(--e-muted)!important}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice-arrow{display:grid;place-items:center;grid-column:3;grid-row:1;width:26px;height:26px;padding:0;border:1px solid var(--e-line);border-radius:50%;font:18px/1 system-ui;color:var(--e-accent)!important}
.g7-builder-shell[data-editor-theme] .g7c-start-template .g7c-add-choice-arrow{background:var(--e-accent);border-color:var(--e-accent);color:var(--e-accent-ink)!important}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice:hover{border-color:var(--e-accent);box-shadow:0 5px 18px #0001;transform:translateY(-2px)}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice:focus-visible{outline:2px solid var(--e-accent)!important;outline-offset:3px}
.g7-builder-shell[data-editor-theme] .g7c-start-guide{margin:22px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--e-line);border-radius:0;background:transparent!important;gap:18px}
.g7-builder-shell .g7c-start-guide li{padding:0 0 0 27px}
.g7-builder-shell .g7c-start-guide li::before{width:19px;height:19px;border:1px solid var(--e-line);border-radius:50%;background:var(--e-field);color:var(--e-muted);font-size:10px}
.g7-builder-shell .g7c-start-guide strong{font:650 11px/1.45 system-ui;margin:0 0 4px}
.g7-builder-shell .g7c-start-guide span{font:400 11px/1.5 system-ui}
.g7c-start-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:16px;border-top:1px solid var(--e-line)}
.g7c-start-footer p{margin:0;font:400 11px/1.5 system-ui;color:var(--e-muted)}
.g7-builder-shell .g7c-start-footer .g7c-start-skip{flex:none;min-height:34px;margin:0;padding:7px 0;font:600 11px/1.4 system-ui;color:var(--e-muted);text-decoration:none}
.g7-builder-shell .g7c-start-skip:hover{background:transparent;color:var(--e-accent)}
@media(max-width:760px){
 .g7-builder-shell[data-editor-theme] .g7c-start-layer{padding:14px}
 .g7-builder-shell[data-editor-theme] .g7c-start-card{width:min(460px,100%);padding:22px;border-radius:18px}
 .g7c-start-brand{margin-bottom:22px}.g7c-start-brand .g7c-start-brand-note{font-size:8px;letter-spacing:.7px}
 .g7-builder-shell .g7c-start-header{display:block;min-height:0;margin-bottom:22px}.g7-builder-shell .g7c-start-art{display:none}
 .g7-builder-shell .g7c-start-title{font-size:31px;letter-spacing:-1px;max-width:340px}
 .g7-builder-shell .g7c-start-intro{font-size:12px;line-height:1.6}
 .g7-builder-shell .g7c-start-choices{grid-template-columns:1fr;gap:11px}
 .g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice{min-height:104px;padding:14px;gap:10px}
 .g7-builder-shell .g7c-start-guide{grid-template-columns:1fr;gap:12px;margin-top:20px;padding-top:16px}
 .g7-builder-shell .g7c-start-guide li{padding:0 0 0 27px}.g7-builder-shell .g7c-start-guide li::before{top:1px}
 .g7-builder-shell .g7c-start-guide strong{font-size:12px;margin-bottom:2px}
 .g7c-start-footer{flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px;padding-top:14px}
 .g7-builder-shell .g7c-start-footer .g7c-start-skip{align-self:flex-end}
}
@media(max-height:650px) and (min-width:761px){
 .g7-builder-shell[data-editor-theme] .g7c-start-layer{padding:16px}.g7-builder-shell[data-editor-theme] .g7c-start-card{padding:20px 28px}
 .g7c-start-brand{margin-bottom:12px}.g7-builder-shell .g7c-start-header{min-height:130px;margin-bottom:18px}.g7-builder-shell .g7c-start-title{font-size:31px;margin-bottom:10px}
 .g7-builder-shell .g7c-start-art{height:150px;transform:scale(.7);transform-origin:center top}.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice{min-height:96px;padding:14px}
 .g7-builder-shell .g7c-start-guide{margin-top:16px;padding-top:12px}.g7c-start-footer{margin-top:14px;padding-top:10px}
}
@media(prefers-reduced-motion:reduce){.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice:hover{transform:none;transition:none}}

.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice-icon{color:var(--e-accent)!important;background:var(--e-tint)!important;border-color:color-mix(in srgb,var(--e-accent) 40%,var(--e-line))!important}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-add-choice-arrow{align-self:center}
.g7-builder-shell[data-editor-theme] .g7c-start-choices .g7c-start-template .g7c-add-choice-arrow{color:var(--e-accent-ink)!important}
@media(min-width:761px) and (min-height:651px){.g7-builder-shell .g7c-start-header{margin-bottom:32px}}

@media(max-height:450px) and (min-width:761px){.g7-builder-shell .g7c-start-art{display:none}.g7-builder-shell .g7c-start-header{display:block;min-height:0}.g7-builder-shell .g7c-start-title{max-width:none;font-size:28px}.g7-builder-shell .g7c-start-intro{max-width:650px}}


/* Text shortcuts leave room for the actual editing controls. */
.g7-builder-shell .g7c-text-action-cards{grid-auto-columns:minmax(0,1fr);gap:6px;margin:8px 0 10px}
.g7-builder-shell .g7c-text-action-cards>button.g7c-text-action-card{flex-direction:row;align-items:center;justify-content:center;gap:4px;min-height:40px!important;padding:6px 5px!important;border-radius:8px;box-shadow:none}
.g7-builder-shell .g7c-text-action-card>span:first-child{width:16px;height:18px;border-radius:0;background:transparent}
.g7-builder-shell .g7c-text-action-card>span:first-child svg{width:16px;height:16px}
.g7-builder-shell .g7c-text-action-card .g7c-text-action-title{min-height:0;font-size:11px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.g7-builder-shell .g7c-text-action-card .g7c-text-action-description{display:none}
@media(max-width:760px),(pointer:coarse){.g7-builder-shell .g7c-text-action-cards>button.g7c-text-action-card{min-height:44px!important}}


/* Fit contextual actions to the canvas; overflow stays available in More. */
.g7-builder-shell .g7c-selection-dock .gjs-toolbar{box-sizing:border-box;overflow:hidden!important}
.g7-builder-shell[data-editor-theme] .g7c-selection-dock .gjs-toolbar-items{flex-wrap:nowrap!important;box-sizing:border-box;width:100%!important;min-width:0;max-width:100%!important;overflow:hidden!important}
.g7-builder-shell .g7c-selection-dock .g7c-selection-caption{flex:0 0 auto;width:clamp(80px,18%,160px);max-width:clamp(80px,18%,160px)!important;margin-right:0;overflow:hidden}
.g7-builder-shell .g7c-selection-dock .g7c-selection-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g7-builder-shell .g7c-selection-dock [data-quick-overflow]{display:none!important}
.g7-builder-shell .g7c-selection-dock .g7c-selection-action-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}
.g7-builder-shell .g7c-selection-dock .g7c-quick-more{margin-left:auto}
@media(max-width:760px){.g7-builder-shell .g7c-selection-dock .g7c-selection-action{min-height:44px;padding:7px 9px}}

/* Respect profiles that hide More: wrap allowed actions in a bounded, scrollable dock. */
.g7-builder-shell .g7c-selection-dock .gjs-toolbar.g7c-selection-wrap{max-height:104px!important;overflow-y:auto!important;scrollbar-gutter:stable}
.g7-builder-shell .g7c-selection-dock .g7c-selection-wrap .gjs-toolbar-items{flex-wrap:wrap!important;overflow:visible!important}


/* Even, compact text controls with readable labels in guided views. */
.g7-builder-shell .g7c-text-alignment{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:4px;padding:4px}
.g7-builder-shell .g7c-text-alignment .g7c-alignment-button{box-sizing:border-box;flex-direction:column;gap:4px;min-width:0!important;min-height:40px!important;height:40px;padding:5px 2px!important;font-size:11px;line-height:1.2}
.g7-builder-shell .g7c-text-alignment .g7c-alignment-button svg{width:18px;height:18px}
.g7-builder-shell .g7c-text-alignment .g7c-alignment-name{font-size:10px;line-height:1.2;white-space:nowrap}
.g7-builder-shell[data-mode-design-groups=essentials] .g7c-text-alignment .g7c-alignment-button{height:52px;min-height:52px!important}
.g7-builder-shell .g7c-whole-text-actions{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;margin-top:8px}
.g7-builder-shell .g7c-whole-text-actions>button{box-sizing:border-box;justify-content:center;min-width:0!important;height:40px!important;min-height:40px!important;margin:0;padding:6px 4px!important}
.g7-builder-shell .g7c-simple-formatting .g7c-whole-text-actions{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));grid-auto-flow:row;grid-auto-columns:auto}
.g7-builder-shell .g7c-simple-formatting .g7c-whole-text-actions>button{height:52px!important;min-height:52px!important;gap:4px;font-size:10px;line-height:1.2}
.g7-builder-shell .g7c-simple-formatting .g7c-format-name{white-space:nowrap}
@media(max-width:760px),(pointer:coarse){
 .g7-builder-shell .g7c-text-alignment .g7c-alignment-button{height:44px;min-height:44px!important}
 .g7-builder-shell[data-mode-design-groups=essentials] .g7c-text-alignment .g7c-alignment-button{height:52px;min-height:52px!important}
 .g7-builder-shell .g7c-whole-text-actions>button{height:44px!important;min-height:44px!important}
 .g7-builder-shell .g7c-simple-formatting .g7c-whole-text-actions>button{height:52px!important;min-height:52px!important}
}


/* Shorter spacing guidance for the Intermediate control layout. */
.g7-builder-shell[data-experience-mode=intermediate] .g7c-spacing-definitions{margin:4px 0 10px;padding:7px 9px;font-size:11px;line-height:1.4;border-radius:7px}
.g7-builder-shell[data-experience-mode=intermediate] .g7c-spacing-definitions p{margin-bottom:4px}
.g7-builder-shell[data-experience-mode=intermediate] .g7c-spacing-definitions p:last-child{margin-bottom:0}
.g7-builder-shell[data-experience-mode=intermediate] .g7c-spacing-definitions .g7c-spacing-percent-note{font-size:10px;line-height:1.4}


/* Preview fills the available height even when its device controls wrap on phones. */
.native-preview[open]{display:flex;flex-direction:column}
.native-preview header{flex:none;flex-wrap:wrap}
.native-preview iframe{flex:1;min-height:0;height:auto}
.native-preview button[aria-pressed=true]{background:#176963;border-color:#50c7bd;color:#fff}


/* Static editor chrome must not look like a text insertion point. */
.g7-builder-shell,.g7-builder-shell :is(button,summary,[role=button],[role=tab],[role=switch],[contenteditable="false"]){caret-color:transparent}
.g7-builder-shell :is(input,textarea,[contenteditable]:not([contenteditable="false"])){caret-color:auto}
.g7-builder-shell :is(.native-notice-icon,svg[aria-hidden="true"]){-webkit-user-select:none;user-select:none}
.g7-builder-shell .native-notice-icon{cursor:default}