.collection.svelte-jpbaio{--ink: #1a1a1a;--muted: #6b6b6b;--subtle: #999;--line: #e5e5e5;--surface: #f5f5f5;--raised: #fff;color:var(--ink)}.collection-intro.svelte-jpbaio{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 0 64px}.eyebrow.svelte-jpbaio{color:var(--muted);font-size:14px;font-weight:500}h1.svelte-jpbaio{font-weight:500;font-size:clamp(42px,5.5vw,68px);line-height:1.06;letter-spacing:-.035em;margin:22px 0}h1.svelte-jpbaio>span:where(.svelte-jpbaio){color:#bababa}.collection-intro.svelte-jpbaio>p:where(.svelte-jpbaio){max-width:470px;color:var(--muted);font-size:16px;font-weight:500;line-height:1.7;margin-bottom:26px}.gallery-toolbar.svelte-jpbaio{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.filters.svelte-jpbaio{display:inline-flex;gap:2px;padding:4px;border-radius:100px;background:var(--surface)}.filters.svelte-jpbaio button:where(.svelte-jpbaio){border-radius:100px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--muted);transition:color .15s,background .15s}.filters.svelte-jpbaio button:where(.svelte-jpbaio):hover{color:var(--ink)}.filters.svelte-jpbaio .active:where(.svelte-jpbaio){color:var(--ink);background:var(--raised);box-shadow:0 1px 3px #0000000d}.results.svelte-jpbaio{color:var(--subtle);font-size:13px}.gallery-options.svelte-jpbaio{display:flex;align-items:center;gap:20px}.proof-toolbar.svelte-jpbaio{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.proof-intro.svelte-jpbaio h2:where(.svelte-jpbaio){font-size:20px;letter-spacing:-.035em}.proof-intro.svelte-jpbaio p:where(.svelte-jpbaio){color:var(--muted);font-size:13px;line-height:1.6;margin-top:6px}.proof-controls.svelte-jpbaio{display:flex;align-items:flex-end;gap:16px;flex-shrink:0}.proof-controls.svelte-jpbaio label:where(.svelte-jpbaio){display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px}.proof-controls.svelte-jpbaio select:where(.svelte-jpbaio){border:1px solid var(--line);border-radius:100px;background-color:var(--raised);color:var(--ink);padding:9px 32px 9px 13px;font-size:12px;max-width:205px}.view-options.svelte-jpbaio{display:flex;border:1px solid var(--line);border-radius:100px;padding:3px}.view-options.svelte-jpbaio button:where(.svelte-jpbaio){font-size:12px;padding:8px 12px;border-radius:100px;color:var(--muted)}.view-options.svelte-jpbaio .active:where(.svelte-jpbaio){color:var(--raised);background:var(--ink)}.sample-note.svelte-jpbaio{font-size:11px;color:var(--muted);margin-top:24px;line-height:1.7}.style-filter.svelte-jpbaio{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.style-filter.svelte-jpbaio select:where(.svelte-jpbaio){max-width:180px;border:1px solid var(--line);border-radius:100px;padding:8px 32px 8px 12px;background-color:var(--raised);color:var(--ink);font-size:13px}.empty-state.svelte-jpbaio{padding:48px 20px;border-radius:16px;background:var(--surface);text-align:center}.empty-state.svelte-jpbaio p:where(.svelte-jpbaio){color:var(--muted);margin:10px 0 20px;font-size:13px}.design-grid.svelte-jpbaio{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px 24px}.design-card.svelte-jpbaio{text-align:left;display:block;min-width:0;border-radius:16px}.preview-stage.svelte-jpbaio{position:relative;padding:50px 30px 0;aspect-ratio:1 / 1.16;border-radius:16px;background:var(--surface);overflow:hidden;isolation:isolate}.tier-badge.svelte-jpbaio{position:absolute;top:14px;right:14px;z-index:1;padding:5px 10px;border-radius:100px;font-size:11px;font-weight:500;line-height:1.25;color:var(--muted);background:var(--raised)}.tier-badge.is-pro.svelte-jpbaio{background:var(--ink);color:var(--raised)}.mini-paper.svelte-jpbaio{width:100%;box-shadow:0 2px 5px #00000008,0 10px 24px #00000012;transform:translateY(1px);transition:transform .25s ease}.detail-view.svelte-jpbaio .preview-stage:where(.svelte-jpbaio){aspect-ratio:1 / .72;padding:34px 24px 0}.detail-view.svelte-jpbaio .mini-paper:where(.svelte-jpbaio){width:150%;max-width:none;transform-origin:top left}.detail-view.svelte-jpbaio .design-card:where(.svelte-jpbaio):hover .mini-paper:where(.svelte-jpbaio){transform:translateY(-3px)}.design-card.svelte-jpbaio:hover .mini-paper:where(.svelte-jpbaio){transform:translateY(-5px)}.preview-prompt.svelte-jpbaio{position:absolute;left:50%;bottom:20px;transform:translate(-50%,6px);opacity:0;display:flex;white-space:nowrap;align-items:center;gap:18px;padding:11px 18px;border:1px solid var(--line);border-radius:100px;background:var(--raised);color:var(--ink);box-shadow:0 2px 12px #0001;font-size:13px;font-weight:500;transition:transform .2s,opacity .2s}.design-card.svelte-jpbaio:hover .preview-prompt:where(.svelte-jpbaio),.design-card.svelte-jpbaio:focus-visible .preview-prompt:where(.svelte-jpbaio){opacity:1;transform:translate(-50%)}.card-arrow.svelte-jpbaio{color:var(--ink);font-size:12px;font-weight:500}.card-info.svelte-jpbaio{padding:18px 2px 0}.card-title.svelte-jpbaio{display:flex;align-items:baseline;justify-content:space-between;gap:8px}h2.svelte-jpbaio{font-size:16px;font-weight:500;letter-spacing:-.02em}.card-category.svelte-jpbaio{margin-left:auto;color:var(--subtle);font-size:12px}.card-info.svelte-jpbaio p:where(.svelte-jpbaio){font-size:13px;line-height:1.65;color:var(--muted);margin-top:7px}.collection-footer.svelte-jpbaio{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:40px;border-top:1px solid var(--line);padding:24px 0 0}.collection-footer.svelte-jpbaio p:where(.svelte-jpbaio){font-size:14px;font-weight:500;line-height:1.7}.collection-footer.svelte-jpbaio p:where(.svelte-jpbaio) span:where(.svelte-jpbaio){display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:3px}.plan-note.svelte-jpbaio{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}button.svelte-jpbaio:focus-visible,select.svelte-jpbaio:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.dark .collection.svelte-jpbaio{--ink: #f5f5f5;--muted: #a0a0a0;--subtle: #888;--line: #222;--surface: #161616;--raised: #252525}.dark h1.svelte-jpbaio>span:where(.svelte-jpbaio){color:#777}@media (max-width: 900px){.gallery-toolbar.svelte-jpbaio,.proof-toolbar.svelte-jpbaio,.proof-controls.svelte-jpbaio{flex-wrap:wrap}.design-grid.svelte-jpbaio{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-footer.svelte-jpbaio{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width: 600px){.collection-intro.svelte-jpbaio{padding:18px 0 40px}.collection-intro.svelte-jpbaio>p:where(.svelte-jpbaio){font-size:15px}.gallery-toolbar.svelte-jpbaio{margin-bottom:20px;gap:8px;flex-wrap:wrap}.filters.svelte-jpbaio button:where(.svelte-jpbaio){padding:8px 12px;font-size:12px}.results.svelte-jpbaio{font-size:12px}.gallery-options.svelte-jpbaio{width:100%;justify-content:space-between;gap:12px;margin-top:4px}.design-grid.svelte-jpbaio{gap:26px 14px}.proof-controls.svelte-jpbaio{gap:12px;justify-content:space-between;width:100%}.proof-controls.svelte-jpbaio select:where(.svelte-jpbaio){max-width:170px}.preview-stage.svelte-jpbaio{padding:40px 14px 0;border-radius:12px}.tier-badge.svelte-jpbaio{top:10px;right:10px;font-size:10px;padding:4px 8px}.card-arrow.svelte-jpbaio{color:var(--ink);font-size:12px;font-weight:500}.card-info.svelte-jpbaio{padding-top:13px}.card-title.svelte-jpbaio{flex-wrap:wrap;gap:3px}h2.svelte-jpbaio{font-size:15px}.card-category.svelte-jpbaio{font-size:11px}.card-info.svelte-jpbaio p:where(.svelte-jpbaio){font-size:12px;margin-top:5px}.preview-prompt.svelte-jpbaio{display:none}}@media (max-width: 360px){.design-grid.svelte-jpbaio{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.mini-paper.svelte-jpbaio,.preview-prompt.svelte-jpbaio{transition:none}}
