.tooltip-container.svelte-soo5pm.svelte-soo5pm{position:relative;display:inline-block}.tooltip-trigger.svelte-soo5pm.svelte-soo5pm{display:contents;cursor:help}.tooltip.svelte-soo5pm.svelte-soo5pm{position:absolute;z-index:1000;padding:.75rem;background:var(--surface-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;line-height:1.4;box-shadow:0 4px 12px var(--shadow-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:all .2s ease;pointer-events:none;word-wrap:break-word;white-space:normal}.tooltip.visible.svelte-soo5pm.svelte-soo5pm{opacity:.95}.tooltip-arrow.svelte-soo5pm.svelte-soo5pm{position:absolute;width:0;height:0;border:6px solid transparent}.tooltip[data-position=top].svelte-soo5pm.svelte-soo5pm{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px) scale(.95);margin-bottom:8px}.tooltip[data-position=top].visible.svelte-soo5pm.svelte-soo5pm{transform:translate(-50%) translateY(-8px) scale(1)}.tooltip[data-position=top].svelte-soo5pm .tooltip-arrow.svelte-soo5pm{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--surface-tertiary)}.tooltip[data-position=bottom].svelte-soo5pm.svelte-soo5pm{top:100%;left:50%;transform:translate(-50%) translateY(8px) scale(.95);margin-top:8px}.tooltip[data-position=bottom].visible.svelte-soo5pm.svelte-soo5pm{transform:translate(-50%) translateY(8px) scale(1)}.tooltip[data-position=bottom].svelte-soo5pm .tooltip-arrow.svelte-soo5pm{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--surface-tertiary)}.tooltip[data-position=left].svelte-soo5pm.svelte-soo5pm{right:100%;top:50%;transform:translate(-8px) translateY(-50%) scale(.95);margin-right:8px}.tooltip[data-position=left].visible.svelte-soo5pm.svelte-soo5pm{transform:translate(-8px) translateY(-50%) scale(1)}.tooltip[data-position=left].svelte-soo5pm .tooltip-arrow.svelte-soo5pm{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--surface-tertiary)}.tooltip[data-position=right].svelte-soo5pm.svelte-soo5pm{left:100%;top:50%;transform:translate(8px) translateY(-50%) scale(.95);margin-left:8px}.tooltip[data-position=right].visible.svelte-soo5pm.svelte-soo5pm{transform:translate(8px) translateY(-50%) scale(1)}.tooltip[data-position=right].svelte-soo5pm .tooltip-arrow.svelte-soo5pm{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--surface-tertiary)}@media (max-width: 768px){.tooltip.svelte-soo5pm.svelte-soo5pm{font-size:.8125rem;padding:.625rem;max-width:250px!important}}@media (max-width: 480px){.tooltip.svelte-soo5pm.svelte-soo5pm{position:fixed;left:1rem;right:1rem;top:50%;bottom:auto;max-width:none!important;width:auto!important;transform:translateY(-50%) scale(.95)}.tooltip.visible.svelte-soo5pm.svelte-soo5pm{transform:translateY(-50%) scale(1)}.tooltip-arrow.svelte-soo5pm.svelte-soo5pm{display:none}}.slider-container.svelte-4oal8g{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--surface-secondary);border-radius:.75rem;border:1px solid var(--border-primary);transition:all .2s ease}.slider-container.svelte-4oal8g:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px var(--shadow-color)}.slider-header.svelte-4oal8g{display:flex;justify-content:space-between;align-items:center}label.svelte-4oal8g,.tooltip-label.svelte-4oal8g{font-weight:600;font-size:.875rem;color:var(--text-primary);cursor:help}.value-indicator.svelte-4oal8g{font-weight:700;font-size:.875rem;color:var(--accent-primary);min-width:1.5rem;text-align:right}.slider.svelte-4oal8g{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.375rem;border-radius:9999px;background:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary) var(--progress),var(--surface-tertiary) var(--progress),var(--surface-tertiary) 100%);outline:none;cursor:pointer;transition:all .2s ease}.slider.svelte-4oal8g::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--surface-primary);box-shadow:0 2px 8px var(--shadow-color);transition:all .2s ease}.slider.svelte-4oal8g::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--shadow-color)}.slider.svelte-4oal8g::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--surface-primary);box-shadow:0 2px 8px var(--shadow-color)}.legend.svelte-4oal8g{display:flex;justify-content:space-between;gap:.25rem}.legend-item.svelte-4oal8g{background:none;border:none;font-size:.75rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease}.legend-item.svelte-4oal8g:hover{color:var(--text-primary);background:var(--surface-tertiary)}.legend-item.active.svelte-4oal8g{color:var(--accent-primary);font-weight:600}.sr-only.svelte-4oal8g{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preset-container.svelte-blkssz{margin-bottom:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.preset-title.svelte-blkssz{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;min-width:128px;opacity:.85}.preset-grid.svelte-blkssz{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;width:100%}.preset-btn.svelte-blkssz{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-primary);border:none;border-radius:.75rem;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;border:1px solid var(--border-primary)}.preset-btn.selected.svelte-blkssz{background:linear-gradient(135deg,var(--accent-primary),var(--accent-gradient));border-color:var(--accent-primary);box-shadow:0 4px 12px #3b82f64d}.preset-btn.svelte-blkssz:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s}.preset-btn.svelte-blkssz:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color)}.preset-btn.selected.svelte-blkssz:hover{box-shadow:0 8px 25px #3b82f666}.preset-btn.selected.svelte-blkssz:before:hover{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.preset-btn.svelte-blkssz:hover:before{left:100%}.preset-btn.svelte-blkssz:active{transform:translateY(0)}.preset-name.svelte-blkssz{white-space:nowrap}@media (max-width: 640px){.preset-grid.svelte-blkssz{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.preset-btn.svelte-blkssz{padding:.625rem .75rem;font-size:.8125rem}}.tooltip-text.svelte-1uruef3{cursor:help}.tooltip-text.svelte-1uruef3:hover,.tooltip-text.svelte-1uruef3:focus{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.framework-card.svelte-101zet{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.framework-card.svelte-101zet:hover{border-color:var(--accent-primary);box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}.framework-card.expanded.svelte-101zet{border-color:var(--accent-primary)}.card-header.svelte-101zet{margin-bottom:1rem}.framework-info.svelte-101zet{display:flex;align-items:flex-start;gap:.75rem}.framework-icon.svelte-101zet{width:2.5rem;height:2.5rem;border-radius:.5rem;flex-shrink:0}.framework-details.svelte-101zet{flex:1;min-width:0}.framework-name.svelte-101zet{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.framework-description.svelte-101zet{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.score-section.svelte-101zet{margin-bottom:1rem}.score-header.svelte-101zet{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.score-label.svelte-101zet{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.score-value.svelte-101zet{font-size:.875rem;font-weight:700;color:var(--text-primary)}.progress-bar.svelte-101zet{height:.5rem;background:var(--surface-tertiary);border-radius:9999px;overflow:hidden}.progress-fill.svelte-101zet{height:100%;border-radius:9999px;transition:all .5s ease}.attributes-section.svelte-101zet{margin-bottom:1rem}.attribute-chips.svelte-101zet{display:flex;flex-wrap:wrap;gap:.5rem}.attribute-chip.svelte-101zet{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid;background:transparent}.actions.svelte-101zet{display:flex;gap:.5rem}.action-btn.svelte-101zet{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid var(--border-primary);background:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.action-btn.svelte-101zet:hover{background:var(--surface-tertiary);border-color:var(--accent-primary)}.shortlist-btn.added.svelte-101zet{background:var(--accent-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.expanded-content.svelte-101zet{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary);animation:svelte-101zet-slideIn .3s ease-out}@keyframes svelte-101zet-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-title.svelte-101zet{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.all-attributes.svelte-101zet{margin-bottom:1.5rem}.attribute-grid.svelte-101zet{display:flex;flex-direction:column;gap:.5rem}.attribute-row.svelte-101zet{display:grid;grid-template-columns:1fr 3fr auto;align-items:center;gap:.75rem}.attribute-name.svelte-101zet{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.attribute-bar.svelte-101zet{height:.375rem;background:var(--surface-tertiary);border-radius:9999px;overflow:hidden}.attribute-fill.svelte-101zet{height:100%;border-radius:9999px;transition:all .3s ease}.attribute-score.svelte-101zet{font-size:.75rem;font-weight:600;min-width:2.5rem;text-align:right}.tradeoffs.svelte-101zet,.framework-info-expanded.svelte-101zet{margin-bottom:1.5rem}.framework-long-desc.svelte-101zet{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.example-app.svelte-101zet{margin-bottom:1.5rem}.example-card.svelte-101zet{display:flex;gap:1rem;padding:1rem;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.75rem;transition:all .2s ease}.example-card.svelte-101zet:hover{box-shadow:0 4px 12px var(--shadow-color)}.example-logo.svelte-101zet{flex-shrink:0}.example-logo-img.svelte-101zet{width:3rem;height:3rem;border-radius:.5rem;object-fit:cover;border:1px solid var(--border-primary)}.example-content.svelte-101zet{flex:1;min-width:0}.example-title.svelte-101zet{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.example-description.svelte-101zet{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin:0 0 .75rem}.example-links.svelte-101zet{display:flex;gap:.5rem;flex-wrap:wrap}.example-link.svelte-101zet{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid}.example-link.primary.svelte-101zet{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.example-link.primary.svelte-101zet:hover{background:var(--accent-gradient);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.example-link.secondary.svelte-101zet{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.example-link.secondary.svelte-101zet:hover{background:var(--accent-secondary)}.framework-links.svelte-101zet{margin-bottom:0}.links-grid.svelte-101zet{display:flex;flex-wrap:wrap;gap:.5rem}.resource-link.svelte-101zet{padding:.375rem .75rem;border:1px solid var(--border-primary);border-radius:.375rem;font-size:.75rem;font-weight:500;color:var(--accent-primary);text-decoration:none;transition:all .2s ease}.resource-link.svelte-101zet:hover{background:var(--accent-secondary);border-color:var(--accent-primary)}@media (max-width: 640px){.example-card.svelte-101zet{flex-direction:column;gap:.75rem}.example-logo.svelte-101zet{align-self:flex-start}.example-logo-img.svelte-101zet{width:2.5rem;height:2.5rem}.example-title.svelte-101zet{font-size:.875rem}.example-description.svelte-101zet{font-size:.8125rem}.example-links.svelte-101zet{gap:.375rem}.example-link.svelte-101zet{font-size:.6875rem;padding:.3125rem .625rem}}.comparison-section.svelte-kfqiy5.svelte-kfqiy5{margin-top:3rem;padding:2rem;background:var(--surface-secondary);border-radius:1.25rem;border:1px solid var(--border-primary)}.section-title.svelte-kfqiy5.svelte-kfqiy5{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;text-align:center}.table-wrapper.svelte-kfqiy5.svelte-kfqiy5{overflow-x:auto;border-radius:.75rem;border:1px solid var(--border-primary)}.comparison-table.svelte-kfqiy5.svelte-kfqiy5{width:100%;border-collapse:collapse;background:var(--surface-primary)}.comparison-table.svelte-kfqiy5 th.svelte-kfqiy5,.comparison-table.svelte-kfqiy5 td.svelte-kfqiy5{padding:1rem;text-align:left;border-bottom:1px solid var(--border-primary);vertical-align:middle}.comparison-table.svelte-kfqiy5 th.svelte-kfqiy5{background:var(--surface-secondary);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary)}.attribute-header.svelte-kfqiy5.svelte-kfqiy5{min-width:200px;position:sticky;left:0;background:var(--surface-secondary);z-index:10}.framework-header.svelte-kfqiy5.svelte-kfqiy5{min-width:150px}.sortable.svelte-kfqiy5.svelte-kfqiy5{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative}.sortable.svelte-kfqiy5.svelte-kfqiy5:hover{background:var(--surface-tertiary)}.sortable.sorted.svelte-kfqiy5.svelte-kfqiy5{background:var(--accent-secondary);border-color:var(--accent-primary)}.sort-button.svelte-kfqiy5.svelte-kfqiy5{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:0;background:none;border:none;color:var(--text-primary);font-size:inherit;font-weight:inherit;cursor:pointer;transition:all .2s ease}.sort-button.svelte-kfqiy5.svelte-kfqiy5:hover,.sortable.sorted.svelte-kfqiy5 .sort-button.svelte-kfqiy5{color:var(--accent-primary)}.sr-only.svelte-kfqiy5.svelte-kfqiy5{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.framework-header-content.svelte-kfqiy5.svelte-kfqiy5{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%}.framework-sort.svelte-kfqiy5.svelte-kfqiy5{flex:1;min-width:0}.framework-name.svelte-kfqiy5.svelte-kfqiy5{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-btn.svelte-kfqiy5.svelte-kfqiy5{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--text-danger);cursor:pointer;border-radius:.25rem;transition:all .2s ease}.remove-btn.svelte-kfqiy5.svelte-kfqiy5:hover{background:var(--surface-danger)}.attribute-row.svelte-kfqiy5:last-child td.svelte-kfqiy5{border-bottom:none}.attribute-cell.svelte-kfqiy5.svelte-kfqiy5{background:var(--surface-secondary);position:sticky;left:0;z-index:5;border-right:1px solid var(--border-primary)}.attribute-info.svelte-kfqiy5.svelte-kfqiy5{display:flex;flex-direction:column;gap:.25rem}.attribute-name.svelte-kfqiy5.svelte-kfqiy5{font-size:.875rem;font-weight:600;color:var(--text-primary)}.attribute-desc.svelte-kfqiy5.svelte-kfqiy5{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.framework-cell.svelte-kfqiy5.svelte-kfqiy5{text-align:center}.score-display.svelte-kfqiy5.svelte-kfqiy5{display:flex;align-items:center;gap:.75rem}.score-bar-container.svelte-kfqiy5.svelte-kfqiy5{flex:1;height:.5rem;background:var(--surface-tertiary);border-radius:9999px;overflow:hidden}.score-bar.svelte-kfqiy5.svelte-kfqiy5{height:100%;border-radius:9999px;transition:all .3s ease}.score-text.svelte-kfqiy5.svelte-kfqiy5{font-size:.875rem;font-weight:600;min-width:2.5rem}@media (max-width: 768px){.comparison-section.svelte-kfqiy5.svelte-kfqiy5{padding:1rem;margin-left:-1rem;margin-right:-1rem;border-radius:0}.comparison-table.svelte-kfqiy5 th.svelte-kfqiy5,.comparison-table.svelte-kfqiy5 td.svelte-kfqiy5{padding:.75rem .5rem}.attribute-header.svelte-kfqiy5.svelte-kfqiy5{min-width:160px}.framework-header.svelte-kfqiy5.svelte-kfqiy5{min-width:120px}.framework-name.svelte-kfqiy5.svelte-kfqiy5,.attribute-name.svelte-kfqiy5.svelte-kfqiy5{font-size:.8125rem}.attribute-desc.svelte-kfqiy5.svelte-kfqiy5{font-size:.6875rem}.score-text.svelte-kfqiy5.svelte-kfqiy5{font-size:.8125rem;min-width:2.25rem}.sort-button.svelte-kfqiy5.svelte-kfqiy5{gap:.25rem}.framework-name.svelte-kfqiy5.svelte-kfqiy5{font-size:.8125rem}}@media (max-width: 640px){.sort-button.svelte-kfqiy5.svelte-kfqiy5{flex-direction:column;gap:.125rem}.framework-sort.svelte-kfqiy5.svelte-kfqiy5{text-align:center}}.search-container.svelte-acrck{position:relative;width:100%;max-width:320px}.search-input-wrapper.svelte-acrck{position:relative;display:flex;align-items:center}.search-input.svelte-acrck{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:.75rem;font-size:.875rem;color:var(--text-primary);transition:all .2s ease}.search-input.svelte-acrck:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-secondary)}.search-input.svelte-acrck::placeholder{color:var(--text-secondary)}.search-icon{position:absolute;left:.875rem;color:var(--text-secondary);pointer-events:none;z-index:1}.clear-btn.svelte-acrck{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:.25rem;transition:all .2s ease}.clear-btn.svelte-acrck:hover{color:var(--text-primary);background:var(--surface-tertiary)}.empty-state.svelte-er58lx{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--gap-2xl);background:var(--surface-secondary);border-radius:var(--radius-2xl);border:1px solid var(--border-primary);margin-top:var(--gap-2xl)}.empty-state-icon.svelte-er58lx{margin-bottom:var(--gap-lg);color:var(--text-secondary);opacity:.6}.empty-state-title.svelte-er58lx{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--gap-md) 0}.empty-state-description.svelte-er58lx{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 0 var(--gap-xl) 0}.inline-button.svelte-er58lx{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--surface-tertiary);border-radius:.375rem;color:var(--text-primary);font-weight:500;border:1px solid var(--border-primary)}.empty-state-features.svelte-er58lx{display:flex;flex-direction:column;gap:var(--gap-sm);align-items:flex-start}.feature-item.svelte-er58lx{display:flex;align-items:center;gap:var(--gap-sm);font-size:.875rem;color:var(--text-secondary)}.feature-dot.svelte-er58lx{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);flex-shrink:0}@media (max-width: 768px){.empty-state.svelte-er58lx{padding:var(--gap-xl)}.empty-state-title.svelte-er58lx{font-size:1.25rem}.empty-state-description.svelte-er58lx{font-size:.875rem}}.app-container.svelte-s711d3.svelte-s711d3{min-height:100vh;max-width:var(--container-max-width);margin:0 auto;padding:var(--gap-xl);padding-bottom:0;animation:fadeIn .6s ease-out;position:relative}.github-button.svelte-s711d3.svelte-s711d3{position:fixed;top:var(--gap-lg);right:var(--gap-lg);display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;box-shadow:0 4px 12px var(--shadow-color);opacity:1;transform:translateY(0)}.github-button.hidden.svelte-s711d3.svelte-s711d3{opacity:0;transform:translateY(-10px);pointer-events:none}.skip-link.svelte-s711d3.svelte-s711d3{position:absolute;top:-45px;left:6px;background:var(--surface-secondary);color:var(--text-primary);padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top .3s;border:2px solid var(--accent-primary)}.skip-link.svelte-s711d3.svelte-s711d3:focus{top:6px}.github-button.svelte-s711d3.svelte-s711d3:hover{background:var(--surface-tertiary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 6px 20px var(--shadow-color);color:var(--text-primary)}.github-text.svelte-s711d3.svelte-s711d3{white-space:nowrap}.app-header.svelte-s711d3.svelte-s711d3{text-align:center;margin-bottom:var(--gap-2xl);padding:var(--gap-xl) 0}.app-title.svelte-s711d3.svelte-s711d3{margin-bottom:var(--gap-md);position:relative}.app-title.svelte-s711d3.svelte-s711d3:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:4rem;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-gradient));border-radius:9999px}.app-subtitle.svelte-s711d3.svelte-s711d3{font-size:1.125rem;color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.app-second-subtitle.svelte-s711d3.svelte-s711d3{font-size:.875rem;opacity:.9;color:var(--text-secondary);margin-top:var(--gap-sm);line-height:1.4}.app-second-subtitle.svelte-s711d3 a.svelte-s711d3{color:var(--accent-primary);text-decoration:underline}.main-content.svelte-s711d3.svelte-s711d3{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--gap-2xl);align-items:start;margin-bottom:var(--gap-2xl)}.sidebar.svelte-s711d3.svelte-s711d3{position:sticky;top:var(--gap-xl)}.control-section.svelte-s711d3.svelte-s711d3{background:var(--surface-secondary);border-radius:var(--radius-2xl);padding:var(--gap-xl);border:1px solid var(--border-primary);margin-bottom:var(--gap-xl)}.control-section.svelte-s711d3.svelte-s711d3.presets-section{padding:1rem var(--gap-xl) 0 var(--gap-xl)}.control-section.svelte-s711d3.svelte-s711d3:last-child{margin-bottom:0}.section-title.svelte-s711d3.svelte-s711d3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--gap-lg)}.sliders-grid.svelte-s711d3.svelte-s711d3{display:grid;gap:var(--gap-md)}.content-area.svelte-s711d3.svelte-s711d3{min-width:0}.results-header.svelte-s711d3.svelte-s711d3{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--gap-xl);gap:var(--gap-lg)}.results-title-section.svelte-s711d3.svelte-s711d3{flex:1}.results-title.svelte-s711d3.svelte-s711d3{font-size:1.875rem;font-weight:800;margin-bottom:var(--gap-sm)}.results-subtitle.svelte-s711d3.svelte-s711d3{color:var(--text-secondary);font-size:.875rem}.frameworks-grid.svelte-s711d3.svelte-s711d3{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--gap-lg)}.framework-card-wrapper.svelte-s711d3.svelte-s711d3{animation-delay:calc(var(--index, 0) * 50ms)}.no-results.svelte-s711d3.svelte-s711d3,.loading.svelte-s711d3.svelte-s711d3{grid-column:1 / -1;text-align:center;padding:var(--gap-2xl);background:var(--surface-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.no-results.svelte-s711d3 h3.svelte-s711d3,.loading.svelte-s711d3 h3.svelte-s711d3{color:var(--text-primary);margin-bottom:var(--gap-sm)}.no-results.svelte-s711d3 p.svelte-s711d3,.loading.svelte-s711d3 p.svelte-s711d3{color:var(--text-secondary)}@media (max-width: 1200px){.main-content.svelte-s711d3.svelte-s711d3{grid-template-columns:1fr;gap:var(--gap-xl)}.sidebar.svelte-s711d3.svelte-s711d3{position:static}.results-header.svelte-s711d3.svelte-s711d3{flex-direction:column;align-items:stretch;gap:var(--gap-md)}}@media (max-width: 768px){.app-container.svelte-s711d3.svelte-s711d3{padding:var(--gap-md)}.frameworks-grid.svelte-s711d3.svelte-s711d3{grid-template-columns:1fr;gap:var(--gap-md)}.app-title.svelte-s711d3.svelte-s711d3{font-size:1.875rem}.app-subtitle.svelte-s711d3.svelte-s711d3{font-size:1rem}.results-title.svelte-s711d3.svelte-s711d3{font-size:1.5rem}}@media (max-width: 480px){.control-section.svelte-s711d3.svelte-s711d3{padding:var(--gap-md)}.sliders-grid.svelte-s711d3.svelte-s711d3{gap:var(--gap-sm)}}.app-footer.svelte-s711d3.svelte-s711d3{margin-top:var(--gap-xl);padding:var(--gap-lg) 0;text-align:center;border-top:1px solid var(--border-primary)}.footer-text.svelte-s711d3.svelte-s711d3{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.footer-text.svelte-s711d3 a.svelte-s711d3{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.footer-text.svelte-s711d3 a.svelte-s711d3:hover{color:var(--accent-gradient);text-decoration:underline}@media (max-width: 768px){.github-button.svelte-s711d3.svelte-s711d3{top:var(--gap-md);right:var(--gap-md);padding:.625rem .875rem;font-size:.8125rem}.github-text.svelte-s711d3.svelte-s711d3{display:none}}@media (max-width: 480px){.github-button.svelte-s711d3.svelte-s711d3{padding:.5rem}.app-footer.svelte-s711d3.svelte-s711d3{margin-top:var(--gap-xl);padding:var(--gap-lg) 0}.footer-text.svelte-s711d3.svelte-s711d3{font-size:.8125rem;line-height:1.4}}