.mosaic-page .content-shell{padding-top:28px}.mosaic-heading{margin-bottom:18px}.mosaic-heading h1{color:var(--ink-deep);letter-spacing:-.045em;margin:0;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.25}.mosaic-heading p{color:var(--muted);margin:0;font-size:1.25rem}.mosaic-controls{border:0;grid-template-columns:minmax(220px,1fr) 300px 250px;gap:12px;min-width:0;margin:0;padding:0;display:grid}.mosaic-controls label{min-width:0}.mosaic-controls input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface);border-radius:7px;padding:9px 14px}.mosaic-controls .sort-control__field{flex:1}.mosaic-controls select{width:100%}.mosaic-controls input::placeholder{color:var(--muted)}.mosaic-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 16px;margin:6px 0 10px;font-size:.875rem;display:flex}.mosaic-summary p{margin:0}.mosaic-logo-filter{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.mosaic-logo-filter input{accent-color:var(--blue);margin:0}.mosaic-grid{--columns:4;grid-template-columns:repeat(calc(var(--columns) * 2), minmax(0, 1fr));padding:0 0 calc(100% / var(--columns) * .288675);margin:0;list-style:none;display:grid}.mosaic-grid>li{aspect-ratio:.866025;pointer-events:none;grid-column:span 2;min-width:0;margin-bottom:-28.8675%}.mosaic-cell{background:var(--line-strong);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);isolation:isolate;pointer-events:auto;justify-content:center;align-items:center;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;display:flex;position:relative}.mosaic-cell:before{content:"";background:var(--surface);clip-path:inherit;z-index:-1;position:absolute;inset:1px}@media (hover:hover){.mosaic-cell:hover{background:var(--blue)}.mosaic-cell:hover:before{background:var(--blue-pale)}}:where(.mosaic-active) .mosaic-cell{z-index:41;background:var(--blue)}.mosaic-grid>li.mosaic-active .mosaic-cell:before{background:var(--surface)}.mosaic-cell:focus-visible{background:var(--blue);outline:none}.mosaic-cell:focus-visible:before{background:#fff4d6;inset:3px}.mosaic-grid>li.mosaic-active .mosaic-cell:focus-visible:before{background:#fff4d6}.mosaic-cell .tool-avatar{width:34px;height:34px;color:var(--muted);box-shadow:none;background:0 0;border-radius:0;flex-shrink:0}.mosaic-cell .tool-avatar--logo{border:0;padding:0}.mosaic-cell .tool-avatar img{object-fit:contain;width:100%;height:100%}.mosaic-exit{pointer-events:none;z-index:2;margin:0;position:fixed}.mosaic-preview{z-index:40;border:1px solid var(--line-strong);background:var(--surface);width:min(300px,100vw - 24px);box-shadow:var(--shadow);overflow-wrap:anywhere;pointer-events:auto;border-radius:9px;padding:16px;position:fixed;overflow:auto}.mosaic-preview strong{color:var(--ink-deep)}.mosaic-preview p{margin:6px 0 10px;font-size:.9375rem}.mosaic-preview-category,.mosaic-preview-commercial{color:var(--muted);font-size:.875rem;display:block}.mosaic-preview a{padding:8px 0 0;display:inline-block}@media (any-pointer:coarse){.mosaic-preview a{align-items:center;min-height:44px;padding-top:0;display:flex}}@media (width<=1000px){.mosaic-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-search{grid-column:1/-1}}@media (width<=767px){.mosaic-page .content-shell{width:calc(100% - 32px)}}@media (width<=540px){.mosaic-controls{grid-template-columns:1fr;gap:8px}}@media (width<=539px){.mosaic-grid>li:nth-child(7n+5 of :not([hidden])){grid-column:2/span 2}}@media (width>=540px) and (width<=767px){.mosaic-grid{--columns:6}.mosaic-grid>li:nth-child(11n+7 of :not([hidden])){grid-column:2/span 2}}@media (width>=768px) and (width<=1023px){.mosaic-grid{--columns:9}.mosaic-grid>li:nth-child(17n+10 of :not([hidden])){grid-column:2/span 2}}@media (width>=1024px) and (width<=1279px){.mosaic-grid{--columns:12}.mosaic-grid>li:nth-child(23n+13 of :not([hidden])){grid-column:2/span 2}}@media (width>=1280px){.mosaic-grid{--columns:16}.mosaic-grid>li:nth-child(31n+17 of :not([hidden])){grid-column:2/span 2}}@media (forced-colors:active){.mosaic-cell{forced-color-adjust:none;background:canvastext}.mosaic-cell:before{background:canvas}.mosaic-grid>li.mosaic-active .mosaic-cell{background:highlight}.mosaic-grid>li.mosaic-active .mosaic-cell:before{background:canvas}.mosaic-cell:focus-visible{background:highlight}.mosaic-cell:focus-visible:before,.mosaic-grid>li.mosaic-active .mosaic-cell:focus-visible:before{background:canvas}}