/* Full-width catalog; density is a user preference, independent of render settings. */
.package-quick-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:13px}.package-quick-summary>b,.package-quick-summary>p:first-of-type,.package-quick-summary>p:last-child,.package-quick-summary>small{grid-column:1/-1}.package-quick-summary>p{margin:2px 0!important}.package-quick-summary small{color:var(--muted);font-size:11px}.package-quick-summary .field{margin:0}.package-quick-summary select{padding:8px}.package-quick-summary>b{font-size:15px}@media(max-width:620px){.package-quick-summary{grid-template-columns:1fr}}
.curated-card{position:relative;min-width:0}.curated-card>.style{width:100%}.package-favorite{position:absolute;top:10px;right:10px;z-index:2;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.package-favorite[aria-pressed=true]{background:var(--ink);color:var(--bg)}.curated-palette{display:flex;gap:4px;margin:10px 0}.curated-palette i{height:12px;flex:1;border-radius:3px;border:1px solid #ffffff30}.package-quick-summary{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface)}.package-quick-summary p{margin:8px 0}.package-quick-summary .field{max-width:420px}.style-library .material-stripes i{flex:1}
.idea-assistant{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px;margin:0 0 24px}
.idea-heading,.idea-input-row{display:flex;gap:14px;align-items:center}.idea-heading{justify-content:space-between}.idea-heading h3{margin:0}.idea-input-row textarea{flex:1;min-width:0;resize:vertical}.idea-input-row>.btn{flex-shrink:0}.idea-results:empty{display:none}.idea-results{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.idea-match{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:8px}.idea-match input{width:auto;margin:0}.idea-results>.btn,.idea-unresolved{grid-column:1/-1}.idea-results>.btn{justify-self:start}.idea-suggestion{padding:12px;border:1px solid var(--line);border-radius:8px}.idea-suggestion span{line-height:1.5}.library-layout-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.library-layout-tools .btn[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.style-library .gallery-stage{display:block}.style-library #package-focus{display:none;position:static}.style-library .gallery-stage.focus-open #package-focus{display:block;margin-bottom:24px}.style-library .package-preview{min-height:0;aspect-ratio:auto;height:340px}.style-library .gallery-stage .styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.style-library .gallery-stage[data-columns="2"] .styles{grid-template-columns:repeat(2,minmax(0,1fr))}.style-library .gallery-stage[data-columns="1"] .styles{grid-template-columns:minmax(0,1fr)}
.customer-shell .style-library .gallery-stage .style{display:flex;flex-direction:column;min-width:0;overflow:hidden;height:100%;text-align:left}.customer-shell .style-library .gallery-stage .style .style-image{width:100%;height:auto;min-height:0;aspect-ratio:3/2;flex-shrink:0}.customer-shell .style-library .style .style-copy{padding:15px;flex:1}.customer-shell .style-library .style b{font-size:15px}.customer-shell .style-library .style .style-copy>span{-webkit-line-clamp:3}.style-library .style-tools,.style-library .style-custom,.style-library .library-more{grid-column:1/-1}.customer-shell .style-library .gallery-stage .style-custom{height:auto;min-height:0}.style-library .library-more{justify-self:center}.customer-shell .style-library .gallery-stage[data-columns="1"] .style:not(.style-custom){display:grid;grid-template-columns:210px minmax(0,1fr)}.customer-shell .style-library .gallery-stage[data-columns="1"] .style .style-image{height:100%;min-height:150px;aspect-ratio:auto}
@media(max-width:1100px){.style-library .gallery-stage[data-columns="4"] .styles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.idea-input-row,.idea-heading{align-items:stretch;flex-direction:column}.idea-results{grid-template-columns:1fr}.style-library .gallery-stage .styles,.style-library .gallery-stage[data-columns="2"] .styles,.style-library .gallery-stage[data-columns="4"] .styles{grid-template-columns:1fr}.customer-shell .style-library .gallery-stage[data-columns="1"] .style:not(.style-custom){grid-template-columns:110px minmax(0,1fr)}}