.project-card.svelte-oviq8z{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.project-card.svelte-oviq8z:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.project-link.svelte-oviq8z{display:block;text-decoration:none;color:inherit}.project-image.svelte-oviq8z{aspect-ratio:16/9;overflow:hidden;background:#f3f4f6}.project-image.svelte-oviq8z img:where(.svelte-oviq8z){width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.project-card.svelte-oviq8z:hover .project-image:where(.svelte-oviq8z) img:where(.svelte-oviq8z){transform:scale(1.05)}.project-content.svelte-oviq8z{padding:1.5rem}.project-meta.svelte-oviq8z{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.project-date.svelte-oviq8z{color:#6b7280;font-size:.875rem}.project-status.svelte-oviq8z{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.project-status--completed.svelte-oviq8z{background:#d1fae5;color:#065f46}.project-status--in-progress.svelte-oviq8z{background:#fef3c7;color:#92400e}.project-status--archived.svelte-oviq8z{background:#f3f4f6;color:#374151}.project-title.svelte-oviq8z{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#111827;line-height:1.3}.project-description.svelte-oviq8z{margin:0 0 1rem;color:#6b7280;line-height:1.5}.project-client.svelte-oviq8z{margin:0 0 1rem;color:#374151;font-size:.875rem;font-weight:500}.project-tools.svelte-oviq8z{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tool-tag.svelte-oviq8z{display:flex;align-items:center;gap:.25rem;background:#f9fafb;border:1px solid #e5e7eb;color:#374151;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;transition:all .2s ease}.tool-tag.highlighted.svelte-oviq8z{background:var(--tool-color);color:#fff;border-color:var(--tool-color)}.tool-tag--more.svelte-oviq8z{background:#e5e7eb;color:#6b7280}.tool-icon.svelte-oviq8z{width:16px;height:16px;object-fit:contain}.project-tags.svelte-oviq8z{display:flex;flex-wrap:wrap;gap:.5rem}.tag.svelte-oviq8z{background:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.tool-page.svelte-1otn1vq{max-width:1200px;margin:0 auto;padding:2rem 1rem}.breadcrumb.svelte-1otn1vq{margin-bottom:2rem;font-size:.875rem;color:#6b7280}.breadcrumb.svelte-1otn1vq a:where(.svelte-1otn1vq){color:#6b7280;text-decoration:none}.breadcrumb.svelte-1otn1vq a:where(.svelte-1otn1vq):hover{color:#374151}.separator.svelte-1otn1vq{margin:0 .5rem}.current.svelte-1otn1vq{color:#374151;font-weight:500}.tool-header.svelte-1otn1vq{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:16px;padding:3rem;margin-bottom:3rem;position:relative;overflow:hidden}.tool-header.svelte-1otn1vq:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tool-color)}.tool-info.svelte-1otn1vq{display:flex;gap:2rem;align-items:flex-start}.tool-logo.svelte-1otn1vq{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.tool-icon-img.svelte-1otn1vq{width:80px;height:80px;object-fit:contain}.tool-icon-fallback.svelte-1otn1vq{width:80px;height:80px;background:var(--tool-color);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem}.tool-details.svelte-1otn1vq{flex:1}.tool-name.svelte-1otn1vq{font-size:3rem;font-weight:700;color:#111827;margin:0 0 1rem;line-height:1.1}.tool-description.svelte-1otn1vq{font-size:1.25rem;color:#6b7280;margin:0 0 2rem;line-height:1.6}.tool-meta.svelte-1otn1vq{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-badge.svelte-1otn1vq{background:var(--tool-color);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:capitalize}.project-count.svelte-1otn1vq{color:var(--tool-color);font-weight:600;font-size:.875rem}.featured-badge.svelte-1otn1vq{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tool-tags.svelte-1otn1vq{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag.svelte-1otn1vq{background:#f3f4f6;color:#374151;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500}.tool-links.svelte-1otn1vq{display:flex;gap:1rem}.link-btn.svelte-1otn1vq{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:var(--tool-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.link-btn.svelte-1otn1vq:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.link-btn--secondary.svelte-1otn1vq{background:transparent;color:var(--tool-color);border:1px solid var(--tool-color)}.projects-section.svelte-1otn1vq{margin-bottom:4rem}.projects-section.svelte-1otn1vq h2:where(.svelte-1otn1vq),.related-section.svelte-1otn1vq h2:where(.svelte-1otn1vq),.similar-section.svelte-1otn1vq h2:where(.svelte-1otn1vq){font-size:2rem;font-weight:600;color:#111827;margin:0 0 2rem}.projects-grid.svelte-1otn1vq{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.no-projects.svelte-1otn1vq{text-align:center;padding:4rem 2rem;color:#6b7280;margin-bottom:4rem}.no-projects.svelte-1otn1vq h2:where(.svelte-1otn1vq){color:#374151;margin-bottom:1rem}.related-section.svelte-1otn1vq,.similar-section.svelte-1otn1vq{margin-bottom:4rem}.related-grid.svelte-1otn1vq,.similar-grid.svelte-1otn1vq{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media(max-width:768px){.tool-header.svelte-1otn1vq{padding:2rem}.tool-info.svelte-1otn1vq{flex-direction:column;gap:1.5rem}.tool-name.svelte-1otn1vq{font-size:2rem}.tool-description.svelte-1otn1vq{font-size:1.125rem}.projects-grid.svelte-1otn1vq,.related-grid.svelte-1otn1vq,.similar-grid.svelte-1otn1vq{grid-template-columns:1fr}}