.universal-dial.svelte-187ivyj{position:relative;display:inline-block;width:var(--size);height:var(--size);transition:all .3s ease;border:none;background:transparent;padding:0;margin:0}.universal-dial.clickable.svelte-187ivyj{cursor:pointer}.universal-dial.clickable.svelte-187ivyj:hover{transform:scale(1.05)}.dial-svg.svelte-187ivyj{transition:all .3s ease}.progress-ring.svelte-187ivyj{transition:stroke-dasharray .5s ease-in-out;animation:svelte-187ivyj-ring-appear 1s ease-out forwards}@keyframes svelte-187ivyj-ring-appear{0%{opacity:0;stroke-dasharray:0 1000}to{opacity:1}}.dial-content.svelte-187ivyj{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color);font-family:Roboto Mono,monospace}.value-display.svelte-187ivyj{display:flex;align-items:baseline;justify-content:center;gap:2px}.value-number.svelte-187ivyj{font-size:calc(var(--size) * .25);font-weight:700;line-height:1}.value-unit.svelte-187ivyj{font-size:calc(var(--size) * .12);font-weight:500;opacity:.8}.value-label.svelte-187ivyj{font-size:calc(var(--size) * .08);font-weight:500;opacity:.7;margin-top:4px;letter-spacing:1px;text-transform:uppercase}.multi-ring.svelte-187ivyj .progress-ring:where(.svelte-187ivyj){filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.universal-dial.glowing.svelte-187ivyj .dial-svg:where(.svelte-187ivyj){filter:drop-shadow(0 0 15px rgba(0,255,255,.5))}.universal-dial.svelte-187ivyj:focus-visible{outline:2px solid #00ffff;outline-offset:4px;border-radius:50%}@media(prefers-reduced-motion:reduce){.dial-svg.svelte-187ivyj,.universal-dial.svelte-187ivyj{transition:none!important;animation:none!important}}.model-selector.svelte-130fl5i{max-width:1200px;margin:0 auto;padding:20px;color:#fff}.selector-header.svelte-130fl5i{text-align:center;margin-bottom:32px}.selector-title.svelte-130fl5i{font-size:24px;font-weight:600;color:#ff6b35;margin:0 0 8px}.selector-subtitle.svelte-130fl5i{font-size:14px;color:#999;margin:0}.config-section.svelte-130fl5i{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-bottom:24px}.config-row.svelte-130fl5i{display:grid;grid-template-columns:1fr 1fr;gap:20px}.config-item.svelte-130fl5i label:where(.svelte-130fl5i){display:block;font-size:14px;color:#0ff;margin-bottom:8px;font-weight:500}.config-item.svelte-130fl5i select:where(.svelte-130fl5i){width:100%;padding:10px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;cursor:pointer}.config-item.svelte-130fl5i select:where(.svelte-130fl5i):focus{outline:none;border-color:#0ff}.model-grid.svelte-130fl5i{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.model-card.svelte-130fl5i{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;text-align:left}.model-card.svelte-130fl5i:hover{border-color:#ffffff4d;transform:translateY(-2px)}.model-card.selected.svelte-130fl5i{border-color:#0ff;box-shadow:0 0 20px #00ffff4d}.model-header.svelte-130fl5i{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.model-name.svelte-130fl5i{font-size:16px;font-weight:600;color:#fff;margin:0}.model-provider.svelte-130fl5i{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px}.model-metrics.svelte-130fl5i{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.metric.svelte-130fl5i{display:flex;align-items:center;gap:8px}.metric-label.svelte-130fl5i{font-size:11px;color:#999;width:50px;flex-shrink:0}.metric-bar.svelte-130fl5i{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.metric-fill.svelte-130fl5i{height:100%;transition:width .3s}.metric-value.svelte-130fl5i{font-size:11px;color:#fff;font-weight:500;width:60px;text-align:right;flex-shrink:0}.model-stats.svelte-130fl5i{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#999}.stat-separator.svelte-130fl5i{color:#ffffff4d}.details-section.svelte-130fl5i{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:24px;margin-bottom:32px}.details-header.svelte-130fl5i{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.details-title.svelte-130fl5i{font-size:20px;font-weight:600;color:#0ff;margin:0}.details-grid.svelte-130fl5i{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.detail-card.svelte-130fl5i{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:16px}.detail-label.svelte-130fl5i{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.detail-value.svelte-130fl5i{font-size:16px;color:#fff;font-weight:600;margin:0 0 4px}.detail-value.large.svelte-130fl5i{font-size:24px;color:#0ff}.detail-description.svelte-130fl5i{font-size:12px;color:#999;margin:0}.comparison-section.svelte-130fl5i{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:6px;padding:16px;margin-bottom:16px}.comparison-title.svelte-130fl5i{font-size:14px;color:#0ff;margin:0 0 12px}.comparison-grid.svelte-130fl5i{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comparison-item.svelte-130fl5i{display:flex;flex-direction:column;align-items:center;gap:4px}.comparison-label.svelte-130fl5i{font-size:11px;color:#999;text-transform:uppercase}.comparison-value.svelte-130fl5i{font-size:20px;font-weight:700;font-family:Roboto Mono,monospace}.comparison-value.positive.svelte-130fl5i{color:#00bf63}.comparison-value.negative.svelte-130fl5i{color:#ff3131}.recommendation-box.svelte-130fl5i{background:#00bf631a;border:1px solid rgba(0,191,99,.3);border-radius:6px;padding:16px}.recommendation-box.warning.svelte-130fl5i{background:#ff95001a;border-color:#ff95004d}.recommendation-text.svelte-130fl5i{font-size:14px;color:#fff;margin:0;text-align:center}.examples-section.svelte-130fl5i{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:24px}.examples-title.svelte-130fl5i{font-size:18px;color:#ff6b35;margin:0 0 20px}.examples-grid.svelte-130fl5i{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.example-card.svelte-130fl5i{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:16px}.example-title.svelte-130fl5i{font-size:14px;color:#0ff;margin:0 0 12px}.example-breakdown.svelte-130fl5i{display:flex;flex-direction:column;gap:6px;font-size:13px;font-family:Roboto Mono,monospace}.breakdown-item.svelte-130fl5i{color:#999}.breakdown-separator.svelte-130fl5i{color:#fff3;margin:4px 0}.breakdown-total.svelte-130fl5i{color:#0ff;font-weight:600;font-size:16px}@media(max-width:768px){.config-row.svelte-130fl5i,.model-grid.svelte-130fl5i,.details-grid.svelte-130fl5i,.comparison-grid.svelte-130fl5i{grid-template-columns:1fr}}.page.svelte-1t5siwa{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:40px 20px}.container.svelte-1t5siwa{max-width:1400px;margin:0 auto}.page-header.svelte-1t5siwa{text-align:center;margin-bottom:48px}.page-title.svelte-1t5siwa{font-size:42px;font-weight:700;color:#ff6b35;margin:0 0 16px}.page-description.svelte-1t5siwa{font-size:18px;color:#999;max-width:600px;margin:0 auto}.usage-guide.svelte-1t5siwa{margin-top:48px;padding:32px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px}.guide-title.svelte-1t5siwa{font-size:24px;color:#0ff;margin:0 0 24px}.guide-grid.svelte-1t5siwa{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.guide-card.svelte-1t5siwa{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px}.guide-card-title.svelte-1t5siwa{font-size:16px;color:#ff6b35;margin:0 0 8px}.guide-card.svelte-1t5siwa p:where(.svelte-1t5siwa){font-size:14px;color:#999;margin:0}.integration-notes.svelte-1t5siwa{margin-top:32px;padding:32px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px}.notes-title.svelte-1t5siwa{font-size:24px;color:#0ff;margin:0 0 24px}.notes-content.svelte-1t5siwa h3:where(.svelte-1t5siwa){font-size:18px;color:#fff;margin:24px 0 12px}.notes-content.svelte-1t5siwa h3:where(.svelte-1t5siwa):first-child{margin-top:0}.notes-content.svelte-1t5siwa p:where(.svelte-1t5siwa){font-size:14px;color:#999;margin:8px 0;font-family:Roboto Mono,monospace}.notes-content.svelte-1t5siwa p:where(.svelte-1t5siwa) strong:where(.svelte-1t5siwa){color:#fff}@media(max-width:768px){.page-title.svelte-1t5siwa{font-size:32px}.guide-grid.svelte-1t5siwa{grid-template-columns:1fr}}