.collections,.collection-detail{gap:var(--space-3);max-width:var(--content-max);flex-direction:column;margin:0 auto;display:flex}.collections__header{gap:var(--space-1);flex-direction:column;display:flex}.collections__header-row{align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.collections__header-copy{gap:var(--space-1);flex-direction:column;display:flex}.collections__header-copy p{opacity:.7;max-width:60ch}@media (width>=45rem){.collections__header-row{align-items:center}.collections__header-row>.btn{margin-left:auto}}.collections__form{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.collections__status{font-size:var(--text-14);opacity:.7}.collections__status--error{color:var(--error);opacity:1}.collections__grid,.collection-detail__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.collection-card{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.collection-card__body{gap:var(--space-1);flex-direction:column;display:flex}.collection-card__title{font-size:var(--text-20);font-weight:600}.collection-card__meta{align-items:center;gap:var(--space-1);font-size:var(--text-14);opacity:.7;display:flex}.collection-card__cta{font-size:var(--text-14);color:var(--primary);font-weight:600}.collection-card__actions{justify-content:flex-end;display:flex}.collection-detail__back{font-size:var(--text-14);opacity:.7}.collection-detail__back:hover{opacity:1}.collection-detail__head-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.collection-detail__title{font-size:var(--text-28);font-weight:700}.collection-detail__head-row>.btn{margin-left:auto}.collection-detail__rename,.collection-detail__rename-actions{gap:var(--space-2);flex-direction:column;display:flex}.collection-detail__rename-actions{gap:var(--space-1);flex-direction:row}.collection-detail__status{font-size:var(--text-14);opacity:.7}.collection-detail__status--error{color:var(--error);opacity:1}.collection-sharing{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.collection-sharing__body{gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.collection-sharing__hint{font-size:var(--text-14);opacity:.7;max-width:60ch}.collection-sharing__invite{gap:var(--space-2);flex-direction:column;display:flex}@media (width>=45rem){.collection-sharing__invite{flex-direction:row;align-items:flex-end}.collection-sharing__invite>.form-field:first-child{flex:1}}.collection-sharing__members{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.collection-sharing__member{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-top:1px solid var(--border);display:flex}.collection-sharing__member-name{font-size:var(--text-14)}.collection-sharing__empty{font-size:var(--text-14);opacity:.7}.collection-recipe-card{flex-direction:column;display:flex;overflow:hidden}.collection-recipe-card__image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius) var(--radius) 0 0;width:100%}.collection-recipe-card__image--empty{background:linear-gradient(135deg, var(--surface-hover) 0%, var(--surface) 100%)}.collection-recipe-card__body{gap:var(--space-1);padding:var(--space-2);flex-direction:column;display:flex}.collection-recipe-card__title{font-size:var(--text-16);font-weight:600}.collection-recipe-card__actions{padding:0 var(--space-2) var(--space-2);justify-content:flex-end;display:flex}.add-to-collection{position:relative}.add-to-collection__backdrop{z-index:9;position:fixed;inset:0}.add-to-collection__dropdown{z-index:10;margin-top:var(--space-half);padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:260px;max-height:320px;box-shadow:0 8px 24px var(--shadow-strong);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}.add-to-collection__done{font-size:var(--text-14);color:var(--success);margin:0}.add-to-collection__empty{font-size:var(--text-14);color:var(--muted);margin:0}