.resistor-breadcrumb{color:#6b7280;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.resistor-breadcrumb a{text-decoration:underline;text-underline-offset:.2rem}.resistor-tool-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(19rem,1fr);gap:1.5rem;align-items:start}.resistor-work-area,.resistor-settings,.resistor-guide,.resistor-reference{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.resistor-work-area{overflow:hidden}.resistor-work-heading,.resistor-reference-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fcfcfc}.resistor-work-heading h2,.resistor-settings-heading h2,.resistor-guide h2,.resistor-reference h2{font-family:var(--font-headline,"Inter",sans-serif);font-size:1.3rem;font-weight:900;letter-spacing:-.025em;text-transform:uppercase}.resistor-kicker{margin-bottom:.2rem;color:#6b7280;font-size:.65rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.resistor-local-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #d1d5db;border-radius:999px;padding:.38rem .65rem;color:#4b5563;font-size:.7rem;font-weight:800;white-space:nowrap}.resistor-local-badge .material-symbols-outlined{font-size:1rem}.resistor-stage{position:relative;min-height:330px;padding:1rem 2rem 3rem;background:radial-gradient(circle at 50% 35%,#fff 0,#fcfcfc 48%,#f4f4f4 100%);display:flex;align-items:center;justify-content:center}.resistor-svg{display:block;width:100%;max-width:760px;height:auto;overflow:visible}.resistor-band{cursor:pointer;stroke:transparent;stroke-width:5;transition:filter .14s ease,stroke .14s ease}.resistor-band:hover,.resistor-band:focus-visible,.resistor-band.is-active{filter:brightness(1.08) drop-shadow(0 0 5px rgba(255,215,0,.9));stroke:#111;outline:none}.resistor-band[hidden]{display:none}.resistor-band-labels{position:absolute;left:6%;right:6%;bottom:1.1rem;height:1.7rem;pointer-events:none}.resistor-band-label{position:absolute;transform:translateX(-50%);color:#6b7280;font-size:.66rem;font-weight:800;white-space:nowrap}.resistor-result{padding:1.6rem 1.5rem 1.2rem;text-align:center}.resistor-result-line{display:flex;align-items:baseline;justify-content:center;gap:.8rem}.resistor-result-line strong{font-family:var(--font-headline,"Inter",sans-serif);font-size:clamp(2.4rem,6vw,4rem);font-weight:900;letter-spacing:-.055em;line-height:1}.resistor-result-line span{font-size:1.1rem;font-weight:800;color:#4b5563}.resistor-result>p:last-child,.resistor-temperature{margin-top:.5rem;color:#6b7280;font-size:.88rem;font-weight:700}.resistor-range{display:grid;grid-template-columns:repeat(3,1fr);margin:0 1.5rem 1.5rem;overflow:hidden;border:1px solid #e5e7eb;border-radius:.65rem}.resistor-range div{padding:.85rem 1rem;text-align:center}.resistor-range div+div{border-left:1px solid #e5e7eb}.resistor-range dt{color:#6b7280;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.resistor-range dd{margin-top:.25rem;font-weight:900}.resistor-notice{margin:0 1.5rem 1rem;border:1px solid #f3d46a;border-radius:.65rem;background:#fff9d6;padding:.8rem 1rem;color:#6b4f00;font-size:.82rem;font-weight:700;line-height:1.5}.resistor-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:0 1.5rem 1.5rem}.resistor-presets>span{margin-right:.2rem;color:#6b7280;font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resistor-presets button{min-height:38px;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;padding:.4rem .7rem;font-size:.76rem;font-weight:800}.resistor-presets button:hover,.resistor-presets button:focus-visible{border-color:#111;outline:3px solid rgba(255,215,0,.28)}.resistor-settings{position:sticky;top:6rem;overflow:visible}.resistor-settings-heading{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fcfcfc}.resistor-settings-heading p{margin-top:.18rem;color:#6b7280;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.resistor-settings-body{padding:1.5rem}.resistor-section{min-width:0;margin:0;padding:0;border:0}.resistor-section+.resistor-section{margin-top:1.35rem;padding-top:1.35rem;border-top:1px solid #e5e7eb}.resistor-section legend{margin-bottom:.7rem;color:#4b5563;font-size:.67rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.resistor-segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:.2rem;border-radius:.65rem;background:#f4f4f4}.resistor-segmented button{min-height:44px;border:0;border-radius:.5rem;background:transparent;font-size:.78rem;font-weight:900}.resistor-segmented button[aria-pressed="true"]{background:#ffd700;box-shadow:0 1px 2px rgba(0,0,0,.1)}.resistor-segmented button:focus-visible{outline:3px solid rgba(17,17,17,.22)}.resistor-value-grid{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;gap:.65rem}.resistor-value-grid label>span{display:block;margin-bottom:.35rem;color:#374151;font-size:.7rem;font-weight:800}.resistor-value-grid input,.resistor-value-grid select{width:100%;min-height:46px;border:1px solid #d1d5db;border-radius:.58rem;background:#fff;padding:.65rem .75rem;color:#111;font-size:.92rem;font-weight:750}.resistor-value-grid input:focus,.resistor-value-grid select:focus{border-color:#c9a900;outline:3px solid rgba(255,215,0,.24)}.resistor-value-grid input[aria-invalid="true"]{border-color:#b91c1c;outline-color:rgba(185,28,28,.18)}.resistor-field-help,.resistor-field-error{margin-top:.45rem;font-size:.7rem}.resistor-field-help{color:#6b7280}.resistor-field-error{min-height:1em;color:#991b1b;font-weight:800}.resistor-band-controls{display:grid;gap:.65rem}.resistor-color-control{position:relative}.resistor-color-control>label{display:flex;justify-content:space-between;margin-bottom:.3rem;color:#374151;font-size:.7rem;font-weight:800}.resistor-color-control>label span:last-child{color:#9ca3af;font-weight:700}.resistor-color-trigger{display:flex;align-items:center;width:100%;min-height:44px;border:1px solid #d1d5db;border-radius:.58rem;background:#fff;padding:.55rem .7rem;text-align:left}.resistor-color-trigger:hover{border-color:#111}.resistor-color-trigger:focus-visible,.resistor-color-trigger[aria-expanded="true"]{border-color:#c9a900;outline:3px solid rgba(255,215,0,.24)}.resistor-swatch{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;margin-right:.55rem;border:1px solid rgba(17,24,39,.28);border-radius:999px;box-shadow:inset 0 1px 1px rgba(255,255,255,.3)}.resistor-color-trigger strong{font-size:.8rem}.resistor-color-trigger .material-symbols-outlined{margin-left:auto;font-size:1.1rem}.resistor-color-menu{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;max-height:15rem;overflow-y:auto;border:1px solid #d1d5db;border-radius:.65rem;background:#fff;padding:.35rem;box-shadow:0 12px 30px rgba(17,24,39,.16)}.resistor-color-menu[hidden]{display:none}.resistor-color-option{display:flex;align-items:center;width:100%;min-height:40px;border:0;border-radius:.42rem;background:#fff;padding:.45rem .55rem;text-align:left;font-size:.78rem;font-weight:750}.resistor-color-option:hover,.resistor-color-option:focus-visible,.resistor-color-option[aria-selected="true"]{background:#fff9d6;outline:none}.resistor-color-option .resistor-option-value{margin-left:auto;color:#6b7280;font-size:.68rem;font-weight:700}.resistor-toggle{display:flex;align-items:flex-start;gap:.7rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;min-height:4.25rem}.resistor-toggle+.resistor-toggle{margin-top:.55rem}.resistor-toggle input{margin-top:.18rem;accent-color:#111}.resistor-toggle strong,.resistor-toggle small{display:block}.resistor-toggle strong{font-size:.78rem}.resistor-toggle small{margin-top:.18rem;color:#6b7280;font-size:.67rem;line-height:1.35}.resistor-privacy{display:flex;align-items:flex-start;gap:.5rem;margin-top:1.25rem;border-radius:.6rem;background:#f4f4f4;padding:.75rem;color:#4b5563;font-size:.68rem;line-height:1.45}.resistor-privacy .material-symbols-outlined{font-size:1rem}.resistor-guide,.resistor-reference{margin-top:1.5rem;padding:1.5rem}.resistor-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.resistor-guide-grid article{border:1px solid #e5e7eb;border-radius:.6rem;background:#fcfcfc;padding:1rem}.resistor-guide-grid strong{font-family:var(--font-headline,"Inter",sans-serif);font-size:1rem}.resistor-guide-grid p{margin-top:.3rem;color:#6b7280;font-size:.8rem;line-height:1.55}.resistor-reference-heading{margin:-1.5rem -1.5rem 1.2rem;border-radius:.75rem .75rem 0 0}.resistor-reference-heading>p{max-width:22rem;color:#6b7280;font-size:.76rem;text-align:right}.resistor-table-wrap{overflow-x:auto}.resistor-reference table{width:100%;border-collapse:collapse;font-size:.78rem}.resistor-reference th,.resistor-reference td{padding:.7rem .8rem;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.resistor-reference th{background:#f4f4f4;color:#374151;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.resistor-reference td:first-child{font-weight:800}.resistor-table-color{display:inline-block;width:.85rem;height:.85rem;margin-right:.45rem;border:1px solid rgba(0,0,0,.25);border-radius:999px;vertical-align:-.1rem}
@media(max-width:1279px){.resistor-tool-grid{grid-template-columns:1fr}.resistor-settings{position:static}.resistor-work-area{order:1}.resistor-settings{order:2}}
@media(max-width:639px){.resistor-work-heading,.resistor-reference-heading{align-items:flex-start;flex-direction:column;padding:1rem}.resistor-local-badge{align-self:flex-start}.resistor-stage{min-height:230px;padding:.5rem .5rem 2.8rem}.resistor-result{padding:1.2rem 1rem 1rem}.resistor-result-line{flex-wrap:wrap;gap:.65rem}.resistor-result-line strong{font-size:2.6rem}.resistor-range{margin:0 1rem 1rem}.resistor-range div{padding:.7rem .35rem}.resistor-range dd{font-size:.75rem}.resistor-notice{margin:0 1rem 1rem}.resistor-presets{padding:0 1rem 1rem}.resistor-settings-body,.resistor-settings-heading,.resistor-guide,.resistor-reference{padding:1rem}.resistor-value-grid{grid-template-columns:minmax(0,1fr) 5.7rem}.resistor-guide-grid{grid-template-columns:1fr}.resistor-reference-heading{margin:-1rem -1rem 1rem}.resistor-reference-heading>p{text-align:left}.resistor-band-label{display:grid;width:1.1rem;height:1.1rem;place-items:center;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:transparent;font-size:0;box-shadow:0 1px 2px rgba(0,0,0,.06)}.resistor-band-label::after{content:attr(data-short);color:#4b5563;font-size:.58rem;font-weight:900}}
@media(prefers-reduced-motion:reduce){.resistor-band{transition:none}}