.page-container.svelte-a3xcee{max-width:1400px;margin:0 auto;padding:2rem}h1.svelte-a3xcee{text-align:center;margin-bottom:.5rem;color:#fff;font-size:2.5rem}.intro-text.svelte-a3xcee{text-align:center;max-width:600px;margin:0 auto 2rem;color:#888;font-size:1.1rem}.model-section.svelte-a3xcee{margin-bottom:3rem;background:#f8f9fa;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000000d}.model-container.svelte-a3xcee{width:100%;display:flex;flex-direction:column;align-items:center}.three-js-container.svelte-a3xcee{width:100%;height:450px;position:relative;background-color:#f0f2f5;border-radius:8px;overflow:hidden}.model-controls.svelte-a3xcee{position:absolute;bottom:10px;right:10px;display:flex;gap:.5rem;z-index:10}.model-button.svelte-a3xcee{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.model-button.svelte-a3xcee:hover{background:#0069d9}.loading-container.svelte-a3xcee{position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center;z-index:10}.loading-text.svelte-a3xcee{margin-bottom:1rem;font-size:1.1rem;color:#333}.loading-error.svelte-a3xcee{margin-top:1rem;color:#dc3545;font-size:.9rem}.loading-bar-container.svelte-a3xcee{width:80%;height:8px;background:#e9ecef;border-radius:4px;margin:0 auto;overflow:hidden}.loading-bar.svelte-a3xcee{height:100%;background:#007bff;width:0%;transition:width .3s}.model-overlay.svelte-a3xcee{position:absolute;bottom:10px;left:10px;width:300px;background:#ffffffe6;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:1;transition:opacity .3s}.hidden.svelte-a3xcee{opacity:0;pointer-events:none}.performance-indicator.svelte-a3xcee{margin-bottom:.8rem;display:flex;flex-direction:column}.indicator-label.svelte-a3xcee{font-weight:600;margin-bottom:.3rem;font-size:.9rem;color:#333}.progress-container.svelte-a3xcee{width:100%;height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden}.progress-bar.svelte-a3xcee{height:100%;transition:width .8s cubic-bezier(.16,1,.3,1),background .8s}.model-legend.svelte-a3xcee{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.legend-item.svelte-a3xcee{display:flex;align-items:center;gap:.5rem;color:#333}.legend-color.svelte-a3xcee{width:16px;height:16px;border-radius:50%}.simulator-grid.svelte-a3xcee{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.component-section.svelte-a3xcee,.performance-section.svelte-a3xcee{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}h2.svelte-a3xcee{font-size:1.8rem;margin-bottom:1.5rem;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}h3.svelte-a3xcee{font-size:1.4rem;color:#333;margin-bottom:1rem}.component-cards.svelte-a3xcee{display:flex;flex-direction:column;gap:1.5rem}.component-card.svelte-a3xcee{border:1px solid #e0e0e0;border-radius:8px;padding:1.2rem;transition:transform .2s,box-shadow .2s}.component-card.svelte-a3xcee:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000000d}.component-card.svelte-a3xcee h3:where(.svelte-a3xcee){margin-top:0;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem;margin-bottom:1rem}.component-info.svelte-a3xcee{display:flex;justify-content:space-between;gap:1rem}.component-details.svelte-a3xcee{flex:2}.component-details.svelte-a3xcee p:where(.svelte-a3xcee){margin:.4rem 0;color:#555}.component-details.svelte-a3xcee p:where(.svelte-a3xcee):first-child{color:#333}.benchmark-info.svelte-a3xcee{margin-top:.8rem;padding-top:.8rem;border-top:1px dashed #e0e0e0}.score-value.svelte-a3xcee{font-weight:600}.component-selector.svelte-a3xcee{flex:1;display:flex;flex-direction:column}.component-selector.svelte-a3xcee label:where(.svelte-a3xcee){margin-bottom:.5rem;font-weight:500}select.svelte-a3xcee{padding:.5rem;border:1px solid #ced4da;border-radius:4px;width:100%;background-color:#fff;cursor:pointer}.benchmarks-section.svelte-a3xcee{margin-bottom:2rem}.benchmarks-grid.svelte-a3xcee{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.benchmark-card.svelte-a3xcee{background:#f8f9fa;border-radius:8px;padding:1.2rem;text-align:center;transition:transform .2s;display:flex;flex-direction:column;align-items:center}.benchmark-card.svelte-a3xcee:hover{transform:translateY(-3px)}.benchmark-card.overall.svelte-a3xcee{background:#f0f7ff;grid-column:span 2}.benchmark-card.svelte-a3xcee h4:where(.svelte-a3xcee){margin-top:0;margin-bottom:1rem;color:#555;font-size:1.1rem}.score-circle.svelte-a3xcee{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;position:relative;box-shadow:inset 0 0 8px #0000001a}.score-circle.svelte-a3xcee:before{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%;z-index:1}.score-circle.large.svelte-a3xcee{width:150px;height:150px}.score-number.svelte-a3xcee{position:relative;z-index:2;font-size:2.5rem;font-weight:700}.score-circle.large.svelte-a3xcee .score-number:where(.svelte-a3xcee){font-size:3rem}.benchmark-card.svelte-a3xcee p:where(.svelte-a3xcee){margin:0;color:#666;font-weight:500}.system-info.svelte-a3xcee{background:#f8f9fa;padding:1.2rem;border-radius:8px;margin-top:1.5rem}.system-info.svelte-a3xcee h3:where(.svelte-a3xcee){margin-top:0;margin-bottom:1rem}.info-grid.svelte-a3xcee{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-item.svelte-a3xcee{text-align:center;padding:.8rem;background:#fff;border-radius:6px}.info-label.svelte-a3xcee{display:block;margin-bottom:.5rem;color:#666;font-size:.9rem}.info-value.svelte-a3xcee{font-size:1.4rem;font-weight:600;color:#333}@media (max-width: 1024px){.simulator-grid.svelte-a3xcee{grid-template-columns:1fr}.info-grid.svelte-a3xcee{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.component-info.svelte-a3xcee{flex-direction:column}.benchmarks-grid.svelte-a3xcee{grid-template-columns:1fr}.benchmark-card.overall.svelte-a3xcee{grid-column:span 1}.info-grid.svelte-a3xcee{grid-template-columns:1fr}.model-legend.svelte-a3xcee{flex-direction:column;align-items:center;gap:.5rem}.model-overlay.svelte-a3xcee{width:calc(100% - 20px)}}.help-button.svelte-a3xcee{position:absolute;top:100px;right:5px;width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff;border:none;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #ff6b6b4d;transition:all .3s ease;z-index:100}.help-button.svelte-a3xcee:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b66}.popup.svelte-a3xcee:focus-within{outline:none}.popup.svelte-a3xcee{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:1000;display:flex;justify-content:center;align-items:center}.popup-content.svelte-a3xcee{background:#fff;padding:40px;border-radius:20px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 40px #0000004d;animation:svelte-a3xcee-popupSlide .3s ease-out}@keyframes svelte-a3xcee-popupSlide{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close.svelte-a3xcee{position:absolute;top:15px;right:20px;background:none;border:none;font-size:30px;cursor:pointer;color:#999;transition:color .3s ease}.popup-close.svelte-a3xcee:hover{color:#333}.popup.svelte-a3xcee h2:where(.svelte-a3xcee){color:#333;margin-bottom:20px;font-size:24px;border:none}.popup.svelte-a3xcee p:where(.svelte-a3xcee){color:#666;line-height:1.6;font-size:16px;text-align:left}