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