.custom-collections-page { max-width: 1100px; margin: 0 auto; padding: var(--space-40) var(--space-16) var(--space-64); }
.custom-collection-header { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-24); margin-bottom: var(--space-32); }
.custom-collection-header h1, .custom-collection-panel h1 { margin: var(--space-8) 0; font-family: var(--font-header); color: var(--colour-text); }
.custom-collection-header p, .custom-collection-tile p, .collection-muted { color: var(--colour-text-muted); }
.custom-collection-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-24); }
.custom-collection-tile, .custom-collection-panel, .custom-collection-empty, .custom-card-row { background: var(--colour-paper); border: 1px solid var(--colour-border); border-radius: var(--radius-sm); padding: var(--space-16); color: var(--colour-text); text-decoration: none; }
.custom-collection-tile:hover { border-color: var(--colour-secondary); transform: translateY(-2px); }
.custom-collection-tile h2 { margin: 0 0 var(--space-8); font-size: var(--text-md); }
.custom-collection-tile span { font-size: var(--text-xs); color: var(--colour-secondary); }
.collection-primary-btn, .collection-danger-btn, .custom-card-row button, .collection-search button { display: inline-flex; border: 0; border-radius: 999px; padding: 10px 16px; background: var(--colour-primary); color: #fff; font-weight: 600; text-decoration: none; cursor: pointer; }
.collection-danger-btn { background: var(--colour-danger, #b42318); }
.collection-back-link { color: var(--colour-secondary); }
.custom-collection-form-panel { max-width: 640px; }
.custom-collection-form { display: grid; gap: var(--space-8); }
.custom-collection-form input, .custom-collection-form textarea, .collection-search input { box-sizing: border-box; width: 100%; border: 1px solid var(--colour-border); border-radius: var(--radius-xs); padding: 12px; background: var(--colour-bg); color: var(--colour-text); }
.custom-collection-form textarea { min-height: 110px; resize: vertical; }
.collection-search { max-width: 620px; margin-bottom: var(--space-32); }
.collection-search label { display: block; margin-bottom: var(--space-8); font-weight: 600; }
.collection-search > div { display: flex; gap: var(--space-8); }
.custom-card-list { display: grid; gap: var(--space-8); margin-bottom: var(--space-32); }
.custom-card-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: var(--space-16); }
.custom-card-row img { width: 52px; max-height: 72px; object-fit: contain; }
.custom-card-row div { display: grid; gap: 2px; }
.custom-card-row span { color: var(--colour-text-muted); font-size: var(--text-xs); }
@media (max-width: 600px) { .custom-collection-header { flex-direction: column; } .custom-card-row { grid-template-columns: 44px minmax(0, 1fr); } .custom-card-row form { grid-column: 2; } }