:root{--text-main: #111827;--text-muted: #6B7280;--bg-main: #ffffff;--bg-card: #FAFAFA;--border-light: #F3F4F6;--font-main: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.svelte-fogekx,.svelte-fogekx:before,.svelte-fogekx:after{box-sizing:border-box}.app-wrapper.svelte-fogekx{display:flex;flex-direction:column;min-height:100vh}.page-wrapper.svelte-fogekx{background:var(--bg-main);font-family:var(--font-main);padding-top:140px;padding-bottom:80px;flex:1;overflow-x:hidden}.container.svelte-fogekx{max-width:1000px;margin:0 auto;padding:0 24px;width:100%}.container.svelte-fogekx .breadcrumb{margin-bottom:28px}.page-header.svelte-fogekx{text-align:center;margin-bottom:40px}.page-header.svelte-fogekx h1:where(.svelte-fogekx){font-size:2.8rem;font-weight:700;color:var(--text-main);margin:0 0 16px;letter-spacing:-.02em}.page-header.svelte-fogekx u:where(.svelte-fogekx){text-decoration:underline;text-decoration-color:#000;text-decoration-thickness:2px;text-underline-offset:6px}.subtitle.svelte-fogekx{font-size:1rem;color:var(--text-muted);margin:0 auto;line-height:1.6;max-width:600px}.controls-section.svelte-fogekx{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:48px}.search-wrapper.svelte-fogekx{position:relative;width:100%;max-width:500px}.search-icon.svelte-fogekx{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-wrapper.svelte-fogekx input:where(.svelte-fogekx){width:100%;padding:12px 16px 12px 42px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:.95rem;transition:all .2s;color:var(--text-main)}.search-wrapper.svelte-fogekx input:where(.svelte-fogekx):focus{outline:none;border-color:#9ca3af;box-shadow:0 4px 12px #0000000d}.tabs-wrapper.svelte-fogekx{display:flex;gap:12px}.tab-btn.svelte-fogekx{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:none;font-weight:500;font-size:.95rem;color:var(--text-main);cursor:pointer;border-radius:20px;transition:all .2s}.tab-btn.active.svelte-fogekx{background:#1f2937;color:#fff}.badge.svelte-fogekx{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.badge-inactive.svelte-fogekx{background:#e5e7eb;color:#4b5563}.badge-active.svelte-fogekx{background:#d1fae5;color:#065f46}.grid.svelte-fogekx{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.material-card.svelte-fogekx{background:var(--bg-card);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;cursor:pointer}.material-card.svelte-fogekx:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000a}.card-top.svelte-fogekx{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.img-box.svelte-fogekx{width:50px;height:50px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid #F3F4F6}.img-box.svelte-fogekx img:where(.svelte-fogekx){width:100%;height:100%;object-fit:contain;padding:4px}.placeholder-img.svelte-fogekx{font-size:.6rem;color:#ccc}.title-box.svelte-fogekx{display:flex;flex-direction:column;justify-content:center}.title-box.svelte-fogekx h2:where(.svelte-fogekx){margin:0 0 4px;font-size:1.1rem;color:var(--text-main);font-weight:600;line-height:1.3}.series-sub.svelte-fogekx{font-size:.8rem;color:#9ca3af;font-weight:500}.card-desc.svelte-fogekx{margin-bottom:24px}.card-desc.svelte-fogekx p:where(.svelte-fogekx){margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5}.card-colors.svelte-fogekx{display:flex;gap:6px;align-items:center;margin-bottom:24px;margin-top:auto}.color-dot.svelte-fogekx{width:16px;height:16px;border-radius:50%}.color-plus.svelte-fogekx{font-size:.8rem;color:#9ca3af;margin-left:4px;font-weight:500}.card-footer.svelte-fogekx{border-top:1px solid #E5E7EB;padding-top:16px}.view-specs-link.svelte-fogekx{font-size:.85rem;color:#9ca3af;font-weight:500;transition:color .2s}.material-card.svelte-fogekx:hover .view-specs-link:where(.svelte-fogekx){color:var(--text-main)}.empty-state.svelte-fogekx{text-align:center;padding:60px;background:var(--bg-card);border-radius:12px;color:var(--text-muted)}.empty-state.svelte-fogekx h2:where(.svelte-fogekx){font-size:1.2rem;font-weight:600;color:var(--text-main);margin:0 0 8px}.empty-icon.svelte-fogekx{font-size:2.5rem;margin-bottom:1rem}.btn-retry.svelte-fogekx{margin-top:15px;background:var(--text-main);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}@media(max-width:600px){.page-wrapper.svelte-fogekx{padding-top:100px}.page-header.svelte-fogekx h1:where(.svelte-fogekx){font-size:2.2rem}.tabs-wrapper.svelte-fogekx{width:100%;justify-content:center}}