.page-container.svelte-azmwhn{background-color:var(--bg-primary);padding:2rem;width:100%;box-sizing:border-box}.page-content.svelte-azmwhn{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.breadcrumb-container.svelte-azmwhn{margin-bottom:1rem;font-size:.8rem}.component-container.svelte-azmwhn{background-color:var(--card);border-radius:var(--radius);padding:2.5rem 3rem;width:100%;box-sizing:border-box}.component-header.svelte-azmwhn{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;width:100%;box-sizing:border-box}@media(min-width:992px){.component-header.svelte-azmwhn{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:2rem}.title-row.svelte-azmwhn{flex:1;min-width:0}.header-actions.svelte-azmwhn{flex-shrink:0}}.title-row.svelte-azmwhn{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;box-sizing:border-box}.header-left.svelte-azmwhn{flex:1;min-width:0}.title-wrapper.svelte-azmwhn{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.title-separator.svelte-azmwhn{color:var(--muted-foreground);font-weight:400;user-select:none}.component-header.svelte-azmwhn h1:where(.svelte-azmwhn){font-size:1.2rem;font-weight:600;margin-bottom:0;margin-top:0;color:var(--foreground);word-break:break-word}.more-button-container.svelte-azmwhn{display:block;flex-shrink:0}.more-button-desktop.svelte-azmwhn{display:none}@media(min-width:992px){.more-button-container.svelte-azmwhn{display:none}.more-button-desktop.svelte-azmwhn{display:contents}}.component-metadata.svelte-azmwhn{font-size:.9rem;color:var(--muted-foreground);margin-top:.125rem}.category-name.svelte-azmwhn{color:var(--foreground)}.header-actions.svelte-azmwhn{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;box-sizing:border-box}.header-actions.svelte-azmwhn .copy-button,.header-actions.svelte-azmwhn .preview-button{width:100%;justify-content:center}@media(min-width:992px){.header-actions.svelte-azmwhn{display:flex;flex-direction:row;width:auto;gap:.75rem}.header-actions.svelte-azmwhn .copy-button,.header-actions.svelte-azmwhn .preview-button{width:auto}}.header-actions.svelte-azmwhn .copy-button-locked{opacity:.75;cursor:pointer;transition:opacity .2s ease}.header-actions.svelte-azmwhn .copy-button-locked:hover{opacity:1}.preview-area.svelte-azmwhn{aspect-ratio:16 / 10;background:linear-gradient(to bottom,#e5e7eb,#d1d5db);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);width:100%;box-sizing:border-box;overflow:hidden}.preview-wrapper.svelte-azmwhn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.preview-wrapper.svelte-azmwhn img:where(.svelte-azmwhn){width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:var(--radius-sm)}.preview-placeholder.svelte-azmwhn{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted-foreground);gap:1rem}.related-section.svelte-azmwhn{padding-top:1.5rem;border-top:1px solid var(--border);margin-top:1.5rem}.related-section.svelte-azmwhn h3:where(.svelte-azmwhn){font-size:1rem;font-weight:500;margin-bottom:1rem;color:var(--foreground)}.related-carousel.svelte-azmwhn{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}.related-card.svelte-azmwhn{display:block;width:100%;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .2s ease;text-decoration:none}.related-card.svelte-azmwhn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.related-image.svelte-azmwhn{background-color:var(--muted);overflow:hidden;width:100%;border-radius:var(--radius)}.related-image.svelte-azmwhn img:where(.svelte-azmwhn){width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:1024px){.component-container.svelte-azmwhn{padding:2rem 1.5rem}.related-carousel.svelte-azmwhn{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.related-carousel.svelte-azmwhn{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px)and (min-width:479px){.related-carousel.svelte-azmwhn{display:flex;overflow-x:auto;grid-template-columns:unset;gap:.75rem;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.related-carousel.svelte-azmwhn::-webkit-scrollbar{height:6px}.related-carousel.svelte-azmwhn::-webkit-scrollbar-track{background:transparent}.related-carousel.svelte-azmwhn::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.related-card.svelte-azmwhn{flex:0 0 auto;width:240px;min-width:220px;max-width:280px}}@media(max-width:768px){.page-container.svelte-azmwhn{padding:.5rem}.page-content.svelte-azmwhn{width:100%}.breadcrumb-container.svelte-azmwhn{margin-bottom:.75rem;font-size:.75rem}.component-container.svelte-azmwhn{padding:1.25rem .875rem;border-radius:.5rem}.component-header.svelte-azmwhn h1:where(.svelte-azmwhn){font-size:1.125rem;line-height:1.4}.component-metadata.svelte-azmwhn{font-size:.8125rem;margin-top:.375rem}.preview-area.svelte-azmwhn{aspect-ratio:16 / 10;min-height:300px}.preview-wrapper.svelte-azmwhn img:where(.svelte-azmwhn){border-radius:var(--radius-sm)}}@media(max-width:478px){.page-container.svelte-azmwhn{padding:.375rem}.page-content.svelte-azmwhn{width:100%}.component-container.svelte-azmwhn{padding:1rem .75rem;width:100%}.component-header.svelte-azmwhn h1:where(.svelte-azmwhn){font-size:1rem}.component-metadata.svelte-azmwhn{font-size:.75rem}.title-wrapper.svelte-azmwhn{flex-wrap:wrap;gap:.375rem}.header-actions.svelte-azmwhn{display:grid;grid-template-columns:1fr;gap:.5rem}.header-actions.svelte-azmwhn .copy-button,.header-actions.svelte-azmwhn .preview-button{width:100%;justify-content:center}.preview-area.svelte-azmwhn{aspect-ratio:16 / 10;min-height:200px;border-radius:var(--radius-sm)}.preview-wrapper.svelte-azmwhn{width:100%;border-radius:var(--radius-sm)}.preview-wrapper.svelte-azmwhn img:where(.svelte-azmwhn){border-radius:var(--radius-sm)}.related-section.svelte-azmwhn{padding-top:1.25rem;margin-top:1.25rem}.related-section.svelte-azmwhn h3:where(.svelte-azmwhn){font-size:.9375rem;margin-bottom:.875rem}.related-carousel.svelte-azmwhn{display:flex;grid-template-columns:unset;overflow-x:auto;gap:.75rem;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.related-carousel.svelte-azmwhn::-webkit-scrollbar{height:6px}.related-carousel.svelte-azmwhn::-webkit-scrollbar-track{background:transparent}.related-carousel.svelte-azmwhn::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.related-card.svelte-azmwhn{flex:0 0 180px;width:180px;min-width:180px;max-width:180px}}.favorited-icon.svelte-azmwhn{color:var(--color-error)}