.mosaic-family-nav-host { margin: 0 0 20px; grid-column:1 / -1; }
.mosaic-family-nav-host nav { display:flex; flex-wrap:wrap; gap:8px; }
.mosaic-family-nav-host a { display:inline-flex; align-items:center; min-height:44px; padding:10px 16px; border:1px solid var(--border,#dce2e8); border-radius:12px; color:var(--text,#17212c); text-decoration:none; background:var(--panel,#fff); }
.mosaic-family-nav-host a[aria-current="page"] { background:#2563eb; color:white; border-color:#2563eb; }
body[data-mosaic-family-view="focused"] main .app { grid-template-columns:minmax(0,1fr); }
body[data-mosaic-family-view="focused"] main .preview-grid { grid-template-columns:minmax(0,1fr); }
body[data-mosaic-family-view="focused"] #drop,body[data-mosaic-family-view="focused"] .options,body[data-mosaic-family-view="focused"] #outputPanel { display:none !important; }
.mosaic-family-focused[hidden] { display:none !important; }
body[data-mosaic-family-view="focused"] .mosaic-family-focused { min-width:0; }
body[data-mosaic-family-view="focused"] #run { display:none !important; }
body[data-mosaic-family-view="focused"] .mosaic-family-focused .nw-review-slot > .imgbox { position:absolute; inset:0; width:100%; height:100%; min-height:0; max-height:none; border:0; border-radius:0; background:var(--nw-bg); }
body[data-mosaic-family-view="focused"] .mosaic-family-focused .nw-review-slot #preview { width:100%; height:100%; object-fit:contain; }
body[data-mosaic-family-view="focused"] .mosaic-family-focused .nw-review-slot .img-placeholder { display:none; }
.mosaic-family-brush-settings { margin-top:12px; border-top:1px solid var(--nw-border); padding-top:12px; }
.mosaic-family-brush-settings summary { min-height:44px; padding:10px 0; cursor:pointer; font-weight:600; }