.document-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.document-pane{border:1px solid #d6d9dd;min-width:0;background:#f1f3f5;padding:12px}.document-pane-heading h2{font-size:17px;margin:0 0 8px}.document-pane-heading p,.document-pane>a{font-size:12px}.document-pane iframe{width:100%;height:72vh;display:block;border:1px solid #d6d9dd;background:white;margin:12px 0}.review-column>header,.review-column #project-sidebar,.review-column #right-panel,.review-column #resize-left,.review-column #resize-right,.review-column #views,.review-column #summary,.review-column #project-audience,.review-column .heading,.review-column #review-columns-bar,.review-column #review-columns-grid{display:none!important}.review-column main{margin:0!important;padding:14px!important;width:100%!important;max-width:none!important}.review-column .document-columns,.review-column .preproduction{grid-template-columns:1fr}.review-column .fb-plan-grid{grid-template-columns:1fr}.review-column .fb-plan{padding:12px}.review-column .preproduction>section+section{padding-left:0;border-left:0}.review-column .fb-pair{grid-template-columns:1fr}.review-column .document-pane iframe{height:70vh}.project-tools{margin-top:16px}@media(max-width:700px){.document-columns{grid-template-columns:1fr}}
/* Hello I/O owns tiles and resizing; keep the app content compact inside them. */
#review-columns-bar{display:flex;justify-content:flex-end;margin:8px 0}
.host-tiled>header,.host-tiled #summary,.host-tiled #project-audience,.host-tiled .heading,.host-tiled #review-columns-bar{display:none!important}
.host-tiled #project-sidebar{width:190px;min-width:190px}
.host-tiled main{min-width:0}
.host-tiled .fb-plan-grid{grid-template-columns:1fr}
.review-column #views{display:flex!important;overflow:auto;position:sticky;top:0;background:white;z-index:2}
.review-column #views button{white-space:nowrap}
/* Internal app tabs remain inside Shots I/O in Full View. */
#review-columns-bar{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:8px 0;padding:6px 0;border-bottom:1px solid #d7dce2}
#review-columns-bar [role=tablist]{display:flex;gap:5px;flex-wrap:wrap}.shots-tab{display:flex;border:1px solid #d7dce2}.shots-tab button{border:0;padding:8px 10px}.shots-tab [aria-selected=true]{background:#222;color:white}.shots-open-tab{display:flex;align-items:center;gap:6px;font-size:12px}.shots-open-tab select{padding:7px;border:1px solid #d7dce2;background:white;appearance:none}#review-columns-bar [role=status]{font-size:12px}
body.shots-tabs-open #content{display:none!important}#shots-tab-panes{position:relative;display:grid;gap:10px;height:calc(100vh - 290px);min-height:460px;width:100%;min-width:0}#shots-tab-panes[hidden],.shots-pane[hidden]{display:none!important}.shots-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #d7dce2;background:white}.shots-pane>header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #d7dce2;font-size:12px}.shots-pane>header button{padding:3px 8px}.shots-pane iframe{border:0;width:100%;flex:1;min-height:0}.shots-split-divider{position:absolute;top:0;bottom:0;width:10px;cursor:col-resize;z-index:5;touch-action:none}.shots-split-divider:hover,.shots-split-divider:focus-visible{background:#c5cad0;outline:1px solid #666}.resizing iframe{pointer-events:none}.review-column #views{display:none!important}.review-column #review-columns-bar{display:none!important}.review-column main{height:auto!important}.review-column #content{overflow:auto!important}.review-column .fb-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
.post-editor label{display:grid;gap:6px;margin:10px 0;font-size:12px}.post-editor textarea{min-height:90px;width:100%}.post-editor input,.post-editor select{padding:8px;border:1px solid #d7dce2;background:white;max-width:100%}.post-timeline{display:flex;gap:12px;overflow:auto;padding:12px 0}.post-timeline article{min-width:280px;max-width:340px;flex:0 0 300px}.post-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.post-fields label:first-child{grid-column:1/-1}.post-fields input{min-width:0;width:100%}.shot-priority{font-size:11px;overflow-wrap:anywhere}
.brief-workbench{display:grid;grid-template-columns:minmax(0,var(--brief-width,40%)) 10px minmax(0,1fr);height:calc(100vh - 310px);min-height:500px}.brief-truth,.brief-sandbox{min-width:0;overflow:auto;padding:12px;border:1px solid #d7dce2}.brief-sandbox{display:flex;flex-direction:column}.brief-sandbox iframe{border:0;flex:1;min-height:400px;width:100%}.brief-resize{cursor:col-resize;touch-action:none}.brief-resize:hover,.brief-resize:focus-visible{background:#c5cad0}.brief-checklist label{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #ddd;font-size:13px}.brief-checklist small{display:block;color:#666;font-size:11px}.brief-truth .document-columns{grid-template-columns:1fr}.brief-truth details{margin:18px 0}.brief-truth p{font-size:13px;line-height:1.6}.brief-truth h2,.brief-sandbox h2{font-size:18px;margin:0 0 12px}.client-review-mode [data-brief-add],.client-review-mode [data-brief-deliverables]{display:none}

/* Compact project chrome: keep the working panes directly below the title. */
body:not(.review-column) main>.heading.compact-project-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);align-items:start;column-gap:16px;row-gap:4px;margin:6px 0 4px}
.compact-project-heading>div:first-child{grid-column:1;grid-row:1 / span 2;min-width:0}
.compact-project-heading #project-meta{margin:0 0 5px;font-size:9px}
.compact-project-heading h1{margin:0}
.compact-project-heading .project-heading-tools{grid-column:2;grid-row:1;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;gap:6px 12px;max-width:none}
.project-heading-secondary{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}
body .project-heading-secondary #project-audience{margin:0;font-size:11px;flex-shrink:0}
.project-heading-secondary #project-audience>span,.project-heading-secondary #project-audience>button{padding:5px 8px}
.project-heading-secondary #project-audience small{padding:3px 6px;font-size:10px}
.project-heading-secondary #onset-alert{padding:4px 6px;font-size:10px;gap:6px;max-width:100%}
#review-columns-bar{margin:2px 0 6px;padding:3px 0;flex-shrink:0}
#shots-tab-panes{min-height:240px;flex-shrink:0}
.shots-pane>header{position:static;top:auto;height:34px;min-height:34px;flex:0 0 34px;padding:4px 10px;gap:8px;z-index:auto}
.brief-workbench{min-height:240px}.brief-sandbox iframe{min-height:0}
@media(max-width:850px){body:not(.review-column) main>.heading.compact-project-heading{grid-template-columns:1fr}.compact-project-heading>div:first-child{grid-row:1}.compact-project-heading .project-heading-tools{grid-column:1;grid-row:2;justify-content:flex-start}.project-heading-secondary{grid-column:1;grid-row:3;justify-content:flex-start}}

.review-column main>.breadcrumb,.review-column #onset-alert{display:none!important}
.brief-workbench>.brief-truth,.brief-workbench>.brief-sandbox,.brief-workbench>.brief-resize{margin:0;align-self:stretch}