/* One flow-based header: no absolute-positioned, expanding search field. */
header.header{height:112px;display:grid;grid-template-columns:auto auto minmax(140px,1fr) auto;grid-template-rows:64px 48px;column-gap:36px;padding:0 28px;background:#fff;align-items:center}
header.header .wordmark,header.header .header-discovery,header.header .header-actions{position:static;inset:auto;transform:none}
header.header .wordmark{align-self:center}header.header .mode-switch{gap:24px;align-self:center}header.header .mode-switch button{font-size:13px;padding:8px 0;letter-spacing:0;font-weight:500}
header.header .header-discovery{display:flex;justify-content:flex-end;width:100%;min-width:0}
header.header .search,header.header .search:focus-within{width:min(340px,100%);height:36px;border:1px solid transparent;border-radius:8px;background:#f5f5f6;box-shadow:none;padding:0 12px;gap:9px;transition:background .18s,border-color .18s}
header.header .search:focus-within{background:#fff;border-color:#c5c5c8}header.header .search svg{flex:none;color:#777}header.header .search input{width:100%;min-width:0;font-size:12px;background:none}header.header .search input::placeholder{color:#909094}
header.header .header-actions{gap:12px}header.header .add{width:32px;height:32px;font-size:22px;border:0;border-radius:8px;background:#f5f5f6;box-shadow:none}header.header .account-button{max-width:none;white-space:nowrap;background:none;padding:8px 0;font-size:11px!important;color:#777}
.header-filters{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;height:48px;border-top:1px solid #f2f2f3}
.header-filters .filters{display:flex;align-items:center;gap:22px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;min-width:0;margin:0;padding:0;height:100%}.header-filters .filters button{flex:none;border:0;border-radius:0;background:none;padding:8px 0;font-size:11px;font-weight:500;text-transform:none;color:#888;letter-spacing:0;box-shadow:none}.header-filters .filters button.active{color:#111;background:none;box-shadow:0 1px 0 #111}.header-filters .filters button:hover{color:#111}
.header-filters .filter-selects{display:flex;gap:18px;flex:none;margin:0;padding:0}.header-filters .dock-select{width:auto;max-width:150px;border:0;border-radius:0;background:none;padding:4px 16px 4px 0;color:#777;font-size:11px;box-shadow:none}.header-filters button:focus-visible,header.header button:focus-visible{outline:2px solid #aaa;outline-offset:4px}
.grid-view,.canvas-view,.library-view{top:112px}.drop-overlay{top:124px}header.header .column-switch{display:flex}
@media(max-width:700px){header.header .account-button{position:relative;width:28px;height:32px;font-size:0!important;padding:0}header.header .account-button::before{content:'';position:absolute;top:5px;left:10px;width:7px;height:7px;border:1px solid #666;border-radius:50%}header.header .account-button::after{content:'';position:absolute;bottom:6px;left:6px;width:15px;height:8px;border:1px solid #666;border-bottom:0;border-radius:9px 9px 0 0}}
@media(max-width:1000px){header.header{column-gap:24px;padding:0 20px}header.header .column-switch{display:none}.header-filters{gap:18px}.header-filters .filters{gap:18px}.header-filters .filter-selects{gap:10px}}
@media(max-width:700px){header.header{height:158px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:56px 48px 54px;column-gap:20px;padding:0 16px}header.header .mode-switch{justify-self:center;gap:16px}header.header .mode-switch button{font-size:12px}header.header .header-discovery{grid-column:1/-1;grid-row:2;justify-content:stretch}header.header .search,header.header .search:focus-within{width:100%}header.header .header-actions{grid-column:3;grid-row:1;gap:10px}header.header .account-button{max-width:28px;overflow:hidden}header.header .wordmark .oq{font-size:32px}.header-filters{grid-row:3;height:54px;overflow:auto;scrollbar-width:none;gap:24px}.header-filters .filters{overflow:visible;flex:none;gap:18px}.header-filters .filter-selects{flex:none}.grid-view,.canvas-view,.library-view{top:158px}.drop-overlay{top:170px}}