/* Domain layout adapter. Shared Foundation owns page/control/menu metrics. */
body.meta3-workspace{margin:0;height:100dvh;overflow:hidden;background:var(--m3-shell,var(--f-navigation));font-family:-apple-system-body,ui-sans-serif,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;--m3-module-panel-width:360px}
body.meta3-workspace #app,body.meta3-workspace #app.no-inspector{display:grid;grid-template-columns:var(--m3-navigation-width,228px) minmax(0,1fr) 0!important;grid-template-rows:minmax(0,1fr)!important;height:100dvh;width:100%;min-width:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;animation:none;transition:none}
body.meta3-workspace[data-hub-panel=open] #app{grid-template-columns:var(--m3-navigation-width,228px) minmax(0,1fr) var(--m3-module-panel-width)!important}
body.meta3-workspace #app>.sidebar{grid-column:1!important;grid-row:1!important;height:100%;min-width:0;padding:0 var(--m3-shell-gap,20px) 16px 0!important;overflow:auto;border:0!important;background:transparent!important}
body.meta3-workspace #app>.hub-titlebar{display:none!important}
body.meta3-workspace #app>:is(.workspace,#banner-workspace){grid-column:2!important;grid-row:1!important;min-width:0;min-height:0;height:100%;padding:var(--m3-content-padding-y,32px) var(--m3-content-padding-x,32px) 0!important;overflow:hidden;border:0;border-radius:var(--f-content-radius,26px) var(--f-content-radius,26px) 0 0;background:var(--f-content,#fcfbfa);box-sizing:border-box}
body.meta3-workspace #app>.inspector{grid-column:3!important;grid-row:1!important;position:relative;width:100%;min-width:0;height:100%;min-height:0;padding:8px 16px 22px var(--m3-shell-gap,20px);overflow:auto;border:0;background:transparent;transform:none!important;transition:none;box-sizing:border-box}
body.meta3-workspace[data-hub-panel=open] #app>.inspector{display:flex!important;flex-direction:column;visibility:visible!important;pointer-events:auto!important}
body.meta3-workspace[data-hub-panel=closed] #app>.inspector{display:none!important}
body.meta3-workspace #app>.inspector>:is(.inspector-content,#ad-upload-panel){width:100%;min-width:0;max-width:100%;padding:0!important;overflow:visible}
body.meta3-workspace .meta3-panel-toggle{align-self:flex-end;margin:0 0 10px}
body.meta3-workspace :is(.dropzone,.ad-sidebar-drop){width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;padding:20px 12px}
body.meta3-workspace .m3-panel-grip{position:fixed;z-index:30;left:calc(var(--m3-module-grip-left) + 2px);top:50%;transform:translate(-50%,-50%);width:16px;min-width:16px;height:56px;min-height:56px;padding:0;border:0;border-radius:8px;background:transparent;cursor:ew-resize;touch-action:none}
body.meta3-workspace .m3-panel-grip::after{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:4px;border-radius:3px;background:color-mix(in srgb,var(--f-content-ink,#292929) 18%,var(--f-content,#fcfbfa))}
body.meta3-workspace .sidebar>:is(.brand,.storage,.mac-download-shortcut,.sidebar-bottom),body.meta3-workspace :is(.hub-group-header,.hub-active-marker){display:none!important}
body.meta3-workspace[data-module=files] .hub-menu-group[data-area=banners],body.meta3-workspace[data-module=banners] .hub-menu-group[data-area=content]{display:none!important}
body.meta3-workspace .hub-group-body{grid-template-rows:1fr!important;position:static!important;width:auto!important;max-height:none!important;border:0!important;box-shadow:none!important;background:transparent!important}
body.meta3-workspace .hub-grouped-nav .hub-group-inner{margin:0!important;padding:0!important;border-left:0!important;overflow:visible}
body.meta3-workspace .hub-grouped-nav{overflow:visible;flex:1;padding:0}
body.meta3-workspace .hub-group-inner :is(.tree-title,#tree,.bh-tree-heading,#bh-tree){position:static!important;display:block!important;width:auto!important}
body.meta3-workspace .hub-group-inner .nav-item span{display:inline!important}
body.meta3-workspace .mac-release-card{display:none}
body.meta3-workspace:not([data-workspace-ready]) #app{visibility:hidden}
/* Canonical Foundation snapshot -> existing domain selectors.
   This is a compatibility mapping, not a second component/theme system. */
body.meta3-workspace[data-foundation]{
 --bg:var(--f-page)!important;--panel:var(--f-content)!important;--side:var(--f-navigation)!important;
 --text:var(--f-content-ink)!important;--muted:var(--f-content-muted)!important;--line:var(--f-content-line)!important;
 --field:var(--f-field)!important;--hover:var(--f-content-hover)!important;--folder:var(--f-content-muted)!important;
 --accent:var(--f-accent)!important;--accent-soft:color-mix(in srgb,var(--f-accent) 16%,var(--f-table))!important;
 --chrome:var(--f-navigation)!important;--selected-nav:var(--f-navigation-hover)!important;
 background:var(--f-page);color:var(--f-content-ink)
}


body.meta3-workspace[data-foundation] :is(.sidebar,.hub-titlebar){
 --panel:var(--f-navigation);--bg:var(--f-navigation);--text:var(--f-shell-ink,var(--f-navigation-ink));--muted:var(--f-shell-muted,var(--f-navigation-muted));--line:var(--f-shell-line,var(--f-navigation-line));--hover:var(--f-shell-hover,var(--f-navigation-hover));
 background:var(--m3-shell,var(--f-navigation));color:var(--text);border-color:var(--line)
}
body.meta3-workspace[data-foundation] :is(.workspace,#banner-workspace){background:var(--f-content);color:var(--f-content-ink);--panel:var(--f-content)}
body.meta3-workspace[data-foundation] :is(.inspector,.bh-card){
 --panel:var(--f-card);--bg:var(--f-card);--text:var(--f-card-ink);--muted:var(--f-card-muted);--line:var(--f-card-line);--hover:var(--f-card-hover);
 background:var(--f-card);color:var(--text);border-color:var(--line)
}
body.meta3-workspace[data-foundation] :is(.file-row,.ad-row){
 --panel:var(--f-table);--text:var(--f-table-ink);--muted:var(--f-table-muted);--line:var(--f-table-line);--hover:var(--f-table-hover);
 background:var(--f-table);color:var(--text);border-color:var(--line)
}
body.meta3-workspace[data-foundation] :is(.file-row,.ad-row):hover{background:var(--f-table-hover)}
body.meta3-workspace[data-foundation] :is(.file-row,.ad-row).selected{background:color-mix(in srgb,var(--f-accent) 16%,var(--f-table));color:var(--f-table-ink)}
body.meta3-workspace[data-foundation] :is(.file-row.drop-target,.ad-row.drag-over){background:color-mix(in srgb,var(--f-accent) 16%,var(--f-table));outline:1px solid var(--f-accent);outline-offset:-1px}
body.meta3-workspace[data-foundation] :is(.table-head,.ad-table-head){--text:var(--f-mutedCard-ink);--muted:var(--f-mutedCard-muted);background:var(--f-mutedCard);color:var(--text);border-color:var(--f-mutedCard-line)}
body.meta3-workspace[data-foundation] .account-card{
 --panel:var(--f-form);--bg:var(--f-form);--text:var(--f-form-ink);--muted:var(--f-form-muted);--line:var(--f-form-line);
 background:var(--f-form);color:var(--text);border-color:var(--line)
}
body.meta3-workspace[data-foundation] :is(dialog,.context-menu,.hub-sort-menu,.account-menu,.login-card){
 --panel:var(--f-modal);--bg:var(--f-modal);--text:var(--f-modal-ink);--muted:var(--f-modal-muted);--line:var(--f-modal-line);--hover:var(--f-modal-hover);
 background:var(--f-modal);color:var(--text);border-color:var(--line)
}
body.meta3-workspace[data-foundation] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.search,.ad-search,.hub-sort-trigger){background:var(--f-field)!important;color:var(--f-field-ink)!important;border-color:var(--f-field-control-line)!important}
body.meta3-workspace[data-foundation] :is(input,textarea)::placeholder{color:var(--f-field-muted);opacity:1}
body.meta3-workspace[data-foundation] :is(.toast,.hub-notification){--text:var(--f-strongCard-ink);--muted:var(--f-strongCard-muted);--hover:var(--f-strongCard-hover);--line:var(--f-strongCard-line);background:var(--f-strongCard);color:var(--text);border-color:var(--line)}
body.meta3-workspace[data-foundation] .hub-notification[data-error=true]{border-color:color-mix(in srgb,#c34444 45%,var(--f-strongCard-line))}
body.meta3-workspace[data-foundation] :is(.primary,.new-plus,.ad-new>span) *{color:var(--f-accent-ink)!important}
body.meta3-workspace[data-foundation] :is(.primary,.new-plus,.ad-new>span){background:var(--f-accent)!important;color:var(--f-accent-ink)!important}
body.meta3-workspace[data-foundation] :is(.dropzone,.ad-sidebar-drop){background:var(--f-field)!important;color:var(--f-field-ink)!important;border-color:var(--f-field-control-line)!important}
body.meta3-workspace[data-foundation] :is(.dropzone,.ad-sidebar-drop):is(:hover,.drag,.drag-over){background:var(--f-field-hover)!important;border-color:var(--f-accent)!important}
@media(forced-colors:none){
 body.meta3-workspace[data-foundation] input:is([type=checkbox],[type=radio]){background:var(--f-field);border-color:var(--f-field-control-line);accent-color:var(--f-accent)}
 body.meta3-workspace[data-foundation] input:is([type=checkbox],[type=radio]):is(:checked,:indeterminate){background:var(--f-accent);border-color:var(--f-accent)}
 body.meta3-workspace[data-foundation] input[type=checkbox]:checked::after{border-color:#fff}
 body.meta3-workspace[data-foundation] input[type=checkbox]:indeterminate::after{background:#fff}
}
body.meta3-workspace[data-foundation] :is(.account-card,.bh-card,.login-card,dialog){border-radius:var(--f-content-radius,16px)!important}
body.meta3-workspace[data-foundation][data-foundation-padding-x] :is(.inspector-content,#ad-details,.account-card,.bh-card,.login-card,dialog){padding-inline:var(--m3-box-padding-x)!important}
body.meta3-workspace[data-foundation][data-foundation-padding-y] :is(.inspector-content,#ad-details,.account-card,.bh-card,.login-card,dialog){padding-block:var(--m3-box-padding-y)!important}
body.meta3-workspace[data-foundation][data-foundation-gap-board] :is(.ad-grid,.ad-banner-gallery){gap:var(--f-gap-board,14px)}
body.meta3-workspace[data-foundation][data-foundation-gap-board] .account-card{margin-block-end:var(--f-gap-board,18px)}
body.meta3-workspace[data-foundation][data-foundation-gap-rows] .ad-files:not(.ad-grid)>.ad-row,
body.meta3-workspace[data-foundation][data-foundation-gap-rows] #file-list>:is([role=listbox],[role=tree]):not(.grid-files) .file-row{margin-block-end:var(--f-gap-rows,0px)}
body.meta3-workspace[data-foundation][data-foundation-gap-form] :is(.account-card>label,.form-columns>label,#dialog-content>label,#bh-fields>label){margin-block-end:var(--f-gap-form,16px)}
body.meta3-workspace[data-foundation][data-foundation-gap-form] .form-columns{gap:var(--f-gap-form,16px)}
body.meta3-workspace[data-foundation] :is(.toolbar,.ad-toolbar,.hub-group-inner,.hub-titlebar,.footer-actions) :is(button,a)>svg{width:var(--m3-navigation-icon-size,20px)!important;height:var(--m3-navigation-icon-size,20px)!important}
/* Optional type roles target application chrome only, never uploaded content. */
body.meta3-workspace[data-foundation][data-foundation-type-title] :is(#details h3,.account-card h3,.bh-banner-heading h2,.ad-campaign-heading h1,.section-label>strong,#dialog-title,#bh-dialog-title){font-size:var(--f-type-title)!important}
body.meta3-workspace[data-foundation][data-foundation-type-text] :is(.account-card label,.account-card input,.account-card select,.account-card p,#details>.detail-summary,#details>.detail-table,.account-usage>span,.file-row [data-edit-name],.file-date,.file-type,.file-size,.ad-row [data-edit-name],.ad-size,.ad-type,.ad-date,.bh-banner-heading p,.ad-publish-state,#dialog-content>label,#dialog-content>p,#bh-fields label,#bh-fields>p,#drop-caption,#queue-count){font-size:var(--f-type-text)!important}
body.meta3-workspace[data-foundation][data-foundation-type-value] #account-used{font-size:var(--f-type-value)!important}


/* One content inset. Children no longer repeat their legacy page padding. */
body.meta3-workspace #app :is(.file-area,#bh-content,#ad-details,#ad-campaign-heading-host,.account-page){padding:0!important;margin:0!important;min-width:0}
body.meta3-workspace #app :is(.toolbar,.ad-toolbar){margin:0 0 16px!important;padding:0!important;height:auto;min-height:40px;gap:8px;flex-wrap:wrap}
body.meta3-workspace #app :is(.toolbar-group,.ad-tools){gap:8px;flex-wrap:wrap}
body.meta3-workspace #app :is(.file-footer,.ad-footer){padding:14px 0!important;margin:0;border:0;background:transparent}
body.meta3-workspace #app .meta3-page-heading{flex:none}
body.meta3-workspace #app :is(h1,.account-page-heading h2){font-size:var(--m3-page-title-size,26px)!important;line-height:1.2;font-weight:600;letter-spacing:-.7px}
body.meta3-workspace #app #title{display:block!important;position:static;width:auto;height:auto;clip:auto;overflow:visible;padding:0;margin:0}
body.meta3-workspace #app .workspace:has(#account-page:not([hidden]))>.meta3-page-heading{display:none}
body.meta3-workspace .meta3-page-action,body.meta3-workspace .meta3-page-secondary,body.meta3-workspace .meta3-page-secondary .ad-campaign-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.meta3-workspace .meta3-page-action{margin-left:auto;flex:none}
body.meta3-workspace .meta3-page-action .new-plus,body.meta3-workspace .meta3-page-action .ad-new>span{display:flex;align-items:center;justify-content:center;background:transparent!important;color:inherit!important;padding:0;width:auto;height:auto}
body.meta3-workspace #app .ad-campaign-heading{display:none!important}
body.meta3-workspace #app :is(.toolbar-divider,.ad-tool-divider){display:none}
body.meta3-workspace #app :is(.history-controls,.ad-history){display:flex;gap:8px}
body.meta3-workspace .hub-grouped-nav .hub-group-inner :is(a,button){font:inherit;font-size:var(--m3-menu-text-size,13px)!important;font-weight:500;line-height:var(--m3-menu-line-height,1.5)}
body.meta3-workspace .hub-grouped-nav .hub-group-inner>:is(.nav-item,a){min-height:var(--m3-menu-row-height,31px);height:auto;padding:var(--m3-menu-padding-y,5px) 8px;margin:0;gap:var(--m3-menu-gap,7px);border-radius:8px;justify-content:flex-start!important}
body.meta3-workspace .hub-grouped-nav .hub-group-inner :is(.tree-title,.bh-tree-heading){display:flex!important;align-items:center;justify-content:space-between;margin:16px 8px 4px;min-height:var(--m3-menu-row-height,31px);font-size:11px;font-weight:500;letter-spacing:.03em}
body.meta3-workspace .hub-grouped-nav :is(.tree-row,.bh-tree-row){min-height:var(--m3-menu-row-height,31px);margin:0;gap:var(--m3-menu-gap,7px)}
body.meta3-workspace .hub-grouped-nav :is(.folder-link,.bh-tree-link){min-height:var(--m3-menu-row-height,31px)!important;height:auto!important;padding:var(--m3-menu-padding-y,5px) 0!important;gap:var(--m3-menu-gap,7px)}
body.meta3-workspace .hub-grouped-nav .tree-row{padding-left:calc(var(--depth,0px) + 8px)}
body.meta3-workspace .hub-grouped-nav .tree-row>.folder-link{order:0;flex:1;min-width:0}
body.meta3-workspace .hub-grouped-nav :is([data-expand],.bh-disclosure,.tree-title>button,.bh-tree-heading>button){display:flex;align-items:center;justify-content:center;flex:0 0 28px;min-width:28px;width:28px;height:var(--m3-menu-row-height,31px);min-height:var(--m3-menu-row-height,31px);padding:6px;margin:0;border-radius:8px;background:transparent;color:var(--muted)}
body.meta3-workspace #tree [data-expand]{order:1;margin-left:auto}
body.meta3-workspace #tree [data-expand]:disabled{visibility:hidden}
body.meta3-workspace #tree [data-expand][aria-expanded=true] svg{transform:rotate(90deg)}
body.meta3-workspace .hub-grouped-nav :is([data-expand],.bh-disclosure,.tree-title>button,.bh-tree-heading>button) svg{width:16px!important;height:16px!important;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.meta3-workspace .hub-grouped-nav :is(.nav-item.active,.tree-row.current,.bh-tree-row.active){color:var(--f-accent);font-weight:600}
@media(max-width:900px){
 body.meta3-workspace[data-hub-panel=open] #app{grid-template-columns:var(--m3-navigation-width,180px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(180px,40%)!important}
 body.meta3-workspace #app>.sidebar{grid-row:1/3!important}
 body.meta3-workspace[data-hub-panel=open] #app>.inspector{grid-column:2!important;grid-row:2!important;padding:16px}
 body.meta3-workspace .m3-panel-grip{display:none}
}
/* Functional controls belong to the same page-heading row, not another shell. */
body.meta3-workspace #app .meta3-page-heading>:is(.toolbar,.ad-toolbar){margin:0!important;margin-left:auto!important;display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;gap:12px}
body.meta3-workspace #app .meta3-page-heading .meta3-page-action{margin-left:0}
body.meta3-workspace #app .meta3-page-heading{align-items:center}
body.meta3-workspace #app .meta3-page-heading :is(.ad-tools,.toolbar-group){gap:8px}
body.meta3-workspace .sidebar:has(.hub-grouped-nav){border-left:0!important}
body.meta3-workspace #app>.inspector{background:transparent!important;border:0!important}

/* The Shell owns navigation; this document contains only the working area. */
body.meta3-workspace,body.meta3-workspace[data-foundation]{background:transparent!important}
body.meta3-workspace #app>.sidebar{display:none!important}
body.meta3-workspace #app #title{position:static!important;clip-path:none!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important}
body.meta3-workspace #app .meta3-page-heading>.toolbar{flex:0 1 auto!important;margin-left:auto!important}
body.meta3-workspace #app :is(.toolbar,.ad-toolbar) [hidden]{display:none!important}

/* The same sidebar timing and resize controller as the Shell. */
body.meta3-workspace #app,body.meta3-workspace #app.no-inspector{transition:grid-template-columns 280ms cubic-bezier(.2,.7,.2,1)}
body.meta3-workspace #app>.inspector{display:flex!important;transition:opacity 280ms ease,visibility 280ms;overflow:hidden auto}
body.meta3-workspace[data-hub-panel=closed] #app>.inspector{display:flex!important;visibility:hidden!important;opacity:0;pointer-events:none!important}
body.meta3-workspace[data-hub-panel=open] #app>.inspector{opacity:1}
body.meta3-workspace.m3-sidebar-resizing #app{transition:none}
@media(prefers-reduced-motion:reduce){body.meta3-workspace #app,body.meta3-workspace #app>.inspector{transition:none}}

body.meta3-workspace #app>.inspector{padding-top:48px}
body.meta3-workspace .meta3-panel-toggle{position:absolute;right:16px;top:8px;margin:0}
body.meta3-workspace .inspector :is(.section-label,.ad-upload-heading){margin-top:0}
body.meta3-workspace #app>:is(.workspace,#banner-workspace){background:var(--f-content,#fcfbfa)!important;background-clip:border-box!important;border-radius:var(--f-content-radius,26px) var(--f-content-radius,26px) 0 0!important}