.calculator{--calc-safe: 148 54% 30%;--calc-warning: 36 90% 35%;--calc-cold: 205 76% 42%;--calc-metal: 200 10% 55%;--calc-brass: 42 60% 45%;--calc-copper: 18 60% 43%;--calc-success-bg: 148 45% 95%;--calc-warning-bg: 40 90% 95%;--calc-temperature: linear-gradient(90deg, hsl(var(--calc-cold)), hsl(var(--calc-safe)), hsl(var(--calc-warning)), hsl(var(--destructive)));letter-spacing:0}.calculator .picture-card{min-height:240px;height:auto;white-space:normal;border-width:3px;justify-content:flex-start;align-items:stretch;text-align:left;padding:20px;flex-direction:column;position:relative;background:hsl(var(--background));color:hsl(var(--foreground))}.calculator .picture-card:hover{background:hsl(var(--secondary))}.calculator .picture-card[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .045)}.calculator .picture-card[aria-disabled=true]{opacity:.5}.calculator .picture-card svg.art{width:100%;height:112px;flex-shrink:0}.calculator .picture-card .mini-outline{width:70px!important;height:32px!important}.calculator svg.art{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:hsl(var(--primary))}.calculator svg .part-fill{fill:hsl(var(--primary) / .14)}.calculator svg .metal-fill{fill:hsl(var(--calc-metal) / .2)}.calculator svg .brass-fill{fill:hsl(var(--calc-brass) / .3)}.calculator svg .copper-fill{fill:hsl(var(--calc-copper) / .3)}.calculator svg text{fill:currentColor;stroke:none;font-family:inherit}.calculator .safe{color:hsl(var(--calc-safe));background:hsl(var(--calc-success-bg))}.calculator .caution{color:hsl(var(--calc-warning));background:hsl(var(--calc-warning-bg))}.calculator .danger{color:hsl(var(--destructive));background:hsl(var(--destructive) / .07)}.calculator .cost-power{fill:hsl(var(--primary))}.calculator .cost-pins{fill:hsl(var(--accent))}.calculator .cost-brightener{fill:hsl(var(--calc-warning))}.calculator .cost-ice{fill:hsl(var(--calc-cold))}.calculator .temperature-track{background:var(--calc-temperature)}.calculator .temperature-cold{color:hsl(var(--calc-cold))}.calculator .temperature-hot{color:hsl(var(--destructive))}.calculator .picture-card .check{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:5px}.calculator .progress-picture svg.art{width:44px;height:44px;stroke-width:5}.calculator .progress-picture{min-width:0}.calculator input{font-size:20px;min-height:52px}.calculator .wizard-navigation button{min-height:56px;font-size:18px}.calculator .dimension-art{width:100%;height:270px}.calculator .layout-art{width:100%;height:auto;max-height:420px}.calculator .ruler-art{width:80px;height:250px}@media (max-width: 639px){.calculator .picture-card{padding:14px;min-height:220px}.calculator .machine-card{min-height:300px}.calculator .progress-picture svg.art{width:40px;height:40px}}@media (prefers-reduced-motion: reduce){.calculator *{transition:none!important;animation:none!important}}.calculator .gauge-safe{stroke:hsl(var(--calc-safe));fill:hsl(var(--calc-safe) / .18)}.calculator .gauge-warning{stroke:hsl(var(--calc-warning));fill:hsl(var(--calc-warning) / .18)}.calculator .gauge-danger{stroke:hsl(var(--destructive));fill:hsl(var(--destructive) / .18)}.calculator{--calc-zinc: 205 12% 62%;--calc-steel: 210 8% 40%;--calc-titanium: 230 12% 52%}.calculator svg .zinc-fill{fill:hsl(var(--calc-zinc) / .3)}.calculator svg .steel-fill{fill:hsl(var(--calc-steel) / .28)}.calculator svg .titanium-fill{fill:hsl(var(--calc-titanium) / .3)}.calculator svg .beaker-fill{fill:hsl(var(--calc-cold) / .08)}.calculator .home-button{min-height:48px;font-size:16px}.calculator .progress-link{cursor:pointer;border-radius:8px}.calculator .progress-link:hover span:first-child,.calculator .progress-link:focus-visible span:first-child{outline:2px solid hsl(var(--primary))}.calculator .result-stat{border:1px solid hsl(var(--border));border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:4px}.calculator .hours-art{width:100%;height:36px;margin-top:8px}.calculator .hours-available{fill:hsl(var(--secondary));stroke:hsl(var(--border))}.calculator .hours-needed{fill:hsl(var(--calc-safe))}.calculator .hours-over{fill:hsl(var(--destructive))}.calculator .hours-limit{stroke:hsl(var(--foreground));stroke-width:2;stroke-dasharray:3 3}.calculator .cost-icon-power{color:hsl(var(--primary))}.calculator .cost-icon-pins{color:hsl(var(--accent-foreground))}.calculator .cost-icon-brightener{color:hsl(var(--calc-warning))}.calculator .cost-icon-ice{color:hsl(var(--calc-cold))}.calculator .compare-chip{min-width:190px;max-width:220px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:14px;border:3px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground))}.calculator .compare-chip:hover{background:hsl(var(--secondary))}.calculator .compare-chip[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .045)}.calculator .best-tag{background:hsl(var(--calc-safe));color:hsl(var(--primary-foreground));font-size:13px;font-weight:700;padding:2px 8px;border-radius:999px}.calculator .current-tag{background:hsl(var(--secondary));font-size:13px;font-weight:600;padding:2px 8px;border-radius:999px}.calculator .compare-table .sticky-col{position:sticky;left:0;z-index:1;background:hsl(var(--background));min-width:120px;max-width:160px;box-shadow:1px 0 hsl(var(--border))}.calculator .scale-outline{width:100%;max-width:220px;height:52px;stroke-width:2}.calculator .scale-figure{width:100%;height:auto;max-height:360px;stroke-width:2}.calculator .loading-icon{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:6px;background:hsl(var(--primary) / .05)}.calculator .loading-icon svg.art{stroke-width:6}.calculator .loading-icon-off{opacity:.4;background:transparent}.calculator .tick-yes{color:hsl(var(--calc-safe))}@media (max-width: 639px){.calculator .progress-picture .h-12{height:40px;width:40px}.calculator .progress-picture svg.art{width:34px;height:34px}.calculator .compare-table .sticky-col{min-width:84px;max-width:96px;font-size:14px;padding:8px}.calculator .compare-table{font-size:14px}}.calculator .ai-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;font-weight:700;line-height:1.2;padding:4px 10px;border-radius:999px;color:hsl(var(--primary));background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .35);margin-bottom:8px;white-space:normal}.calculator .advisor-card{display:flex;cursor:default;border-style:solid;border-radius:calc(var(--radius) - 2px)}.calculator .advisor-card svg.art{width:100%;height:112px;flex-shrink:0}.calculator .advisor-entry{width:100%;display:flex;align-items:center;gap:20px;text-align:left;padding:20px;border:3px dashed hsl(var(--primary) / .55);border-radius:calc(var(--radius) + 2px);background:hsl(var(--primary) / .05);color:hsl(var(--foreground));transition:background .2s}.calculator .advisor-entry:hover,.calculator .advisor-entry:focus-visible{background:hsl(var(--primary) / .1);outline:none}.calculator .advisor-entry svg.art{width:150px;height:90px;flex-shrink:0}@media (max-width: 639px){.calculator .advisor-entry{flex-direction:column;align-items:flex-start}.calculator .advisor-entry svg.art{width:100%;height:100px}}.calculator .confidence-bar{display:block;width:28px;height:12px;border-radius:4px;background:hsl(var(--border))}.calculator .confidence-bar.on.high{background:hsl(var(--calc-safe))}.calculator .confidence-bar.on.medium{background:hsl(var(--primary))}.calculator .confidence-bar.on.low{background:hsl(var(--calc-warning))}.calculator .scanning-art .scan-lens{animation:advisor-scan 2.6s ease-in-out infinite}.calculator .scanning-art .scan-spark{animation:advisor-pulse 1.3s ease-in-out infinite}@keyframes advisor-scan{0%{transform:translate(78px,62px)}50%{transform:translate(160px,82px)}to{transform:translate(78px,62px)}}@keyframes advisor-pulse{0%,to{opacity:.2}50%{opacity:1}}.calculator .advisor-dots{display:inline-flex;gap:8px}.calculator .advisor-dots span{width:12px;height:12px;border-radius:50%;background:hsl(var(--primary));animation:advisor-pulse 1.2s ease-in-out infinite}.calculator .advisor-dots span:nth-child(2){animation-delay:.2s}.calculator .advisor-dots span:nth-child(3){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.calculator .scanning-art .scan-lens,.calculator .scanning-art .scan-spark,.calculator .advisor-dots span{animation:none}}
