.container.svelte-7zt9s1{max-width:1200px;margin:0 auto;padding:2rem}h1.svelte-7zt9s1{color:#333;text-align:center;margin-bottom:3rem;font-size:2.5rem}h2.svelte-7zt9s1{color:#444;margin-bottom:1.5rem;font-size:1.8rem}.components-section.svelte-7zt9s1,.analysis-section.svelte-7zt9s1{margin-bottom:3rem}.table-container.svelte-7zt9s1{overflow-x:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}table.svelte-7zt9s1{width:100%;border-collapse:collapse;background:#fff}th.svelte-7zt9s1{background-color:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e9ecef}td.svelte-7zt9s1{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:middle}tr.svelte-7zt9s1:hover{background-color:#f8f9fa}.image-cell.svelte-7zt9s1{width:80px;text-align:center}.placeholder-image.svelte-7zt9s1{width:60px;height:60px;background-color:#e9ecef;border:2px dashed #adb5bd;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.8rem;color:#6c757d}.name-cell.svelte-7zt9s1{font-weight:500;color:#333;max-width:300px}.category-tag.svelte-7zt9s1{background-color:#007bff;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;margin:0 .25rem}.price-cell.svelte-7zt9s1{font-weight:600;color:#28a745;font-size:1.1rem}.link-cell.svelte-7zt9s1 a:where(.svelte-7zt9s1){color:#007bff;text-decoration:none;font-weight:500}.link-cell.svelte-7zt9s1 a:where(.svelte-7zt9s1):hover{text-decoration:underline}.copy-button.svelte-7zt9s1{background-color:#007bff;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:1rem;font-weight:500;border:none;cursor:pointer;margin:1rem auto}.copy-button.svelte-7zt9s1:hover{background-color:#0069d9}.cost-cell.svelte-7zt9s1{font-weight:600;color:#28a745;text-align:right}.percentage-cell.svelte-7zt9s1{width:200px}.percentage-bar.svelte-7zt9s1{position:relative;background-color:#e9ecef;height:24px;border-radius:12px;overflow:hidden}.percentage-fill.svelte-7zt9s1{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.percentage-text.svelte-7zt9s1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:#333}.total-row.svelte-7zt9s1{background-color:#f8f9fa;border-top:2px solid #dee2e6}.total-row.svelte-7zt9s1 td:where(.svelte-7zt9s1){font-size:1.1rem}.tabs.svelte-7zt9s1{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e9ecef}.tab-button.svelte-7zt9s1{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#6c757d;cursor:pointer;position:relative;transition:color .3s ease}.tab-button.svelte-7zt9s1:hover{color:#333}.tab-button.active.svelte-7zt9s1{color:#007bff}.tab-button.active.svelte-7zt9s1:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#007bff}.cost-summary.svelte-7zt9s1{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.cost-summary.svelte-7zt9s1 h3:where(.svelte-7zt9s1){margin-bottom:1rem;color:#444}.summary-grid.svelte-7zt9s1{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card.svelte-7zt9s1{background:#fff;padding:1rem;border-radius:6px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 4px #0000000d}.summary-label.svelte-7zt9s1{font-size:.9rem;color:#6c757d;margin-bottom:.5rem}.summary-value.svelte-7zt9s1{font-size:1.5rem;font-weight:600;color:#28a745}@media (max-width: 768px){.container.svelte-7zt9s1{padding:1rem}h1.svelte-7zt9s1{font-size:2rem}th.svelte-7zt9s1,td.svelte-7zt9s1{padding:.75rem .5rem;font-size:.9rem}.name-cell.svelte-7zt9s1{max-width:200px;font-size:.85rem}.percentage-cell.svelte-7zt9s1{width:120px}}