:root{--n-ink: #1d1b20;--n-paper: #f7f0e2;--n-panel: #fffaf0;--n-line: #d8cbb8;--n-muted: #716a62;--n-accent: #be5d3c;--n-accent-soft: #f0c9a9;--n-shadow: #6d422e;--n-wire: #6e7075;--n-black: #111;--n-brown: #7b432d;--n-red: #d9473f;--n-orange: #ef8b35;--n-yellow: #e7c84a;--n-green: #58a86a;--n-blue: #4c82c4;--n-violet: #8664b6;--n-gray: #9a9da3;--n-white: #f4efe1;--n-gold: #c79b45;--n-silver: #b7bdc8}.theme-dark{--n-ink: #f7f0e2;--n-paper: #211d1b;--n-panel: #2d2824;--n-line: #51463d;--n-muted: #b8aaa0;--n-accent: #e4865f;--n-accent-soft: #5b392d;--n-shadow: #0d0c0c;--n-wire: #aeb0b5}.rcc-root{background:var(--n-paper);border:1px solid var(--n-line);border-radius:2rem;color:var(--n-ink);overflow:hidden;box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--n-shadow) 12%,transparent)}.rcc-lab{padding:clamp(1rem,3vw,2.5rem);background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--n-accent-soft) 38%,transparent),transparent 32rem)}.rcc-header,.rcc-control-head,.rcc-readout-main,.rcc-readout-grid,.rcc-band-list,.rcc-mode-tabs,.rcc-tolerance{align-items:center;display:flex}.rcc-header{gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.rcc-kicker,.rcc-label,.rcc-control-head>span,.rcc-tolerance>span,.rcc-number-field>span,.rcc-readout span{color:var(--n-muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rcc-hint,.rcc-note,.rcc-number-field small{color:var(--n-muted);font-size:.86rem;line-height:1.5}.rcc-hint{margin:.35rem 0 0;max-width:38rem}.rcc-status{border:1px solid var(--n-accent);border-radius:999px;color:var(--n-accent);font-size:.72rem;font-weight:800;padding:.55rem .8rem;text-transform:uppercase;white-space:nowrap}.rcc-status[data-status=invalid]{border-color:var(--n-red);color:var(--n-red)}.rcc-status[data-status=check]{border-color:var(--n-gold);color:var(--n-gold)}.rcc-mode-tabs,.rcc-pills{gap:.4rem;overflow-x:auto;scrollbar-width:none}.rcc-mode-tabs{border-bottom:1px solid var(--n-line);margin-bottom:1.25rem}.rcc-mode-tabs button,.rcc-pills button,.rcc-band-select{appearance:none;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--n-muted);cursor:pointer;font:inherit;font-size:.8rem;font-weight:750;padding:.65rem .85rem;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.rcc-mode-tabs button.active,.rcc-mode-tabs button:hover,.rcc-pills button.active,.rcc-pills button:hover,.rcc-band-select.active,.rcc-band-select:hover{background:var(--n-accent);border-color:var(--n-accent);color:#fff}.rcc-mode-tabs button:focus-visible,.rcc-pills button:focus-visible,.rcc-band-select:focus-visible,.color-chip:focus-visible,.rcc-number-field input:focus-visible,.resistor-band-svg:focus-visible{outline:3px solid var(--n-accent-soft);outline-offset:3px}.rcc-stage{min-height:16rem;position:relative}.resistor-scene{align-items:center;display:flex;justify-content:center;min-height:16rem;padding:1rem;position:relative}.resistor-svg{display:block;height:auto;max-width:48rem;overflow:visible;width:100%}.resistor-wire-svg{stroke:var(--n-wire);stroke-linecap:round;stroke-width:8}.resistor-body-svg{fill:var(--n-panel);stroke:color-mix(in srgb,var(--n-accent) 35%,var(--n-panel));stroke-width:18}.resistor-band-svg{cursor:pointer;outline:none;stroke:color-mix(in srgb,#111 18%,transparent);stroke-width:2;transition:filter .16s ease,stroke .16s ease,stroke-width .16s ease;vector-effect:non-scaling-stroke}.resistor-band-svg:hover,.resistor-band-svg:focus,.resistor-band-svg.active{filter:brightness(1.16) drop-shadow(0 0 8px color-mix(in srgb,var(--n-accent) 72%,transparent))}.resistor-band-svg.active{stroke:var(--n-accent);stroke-width:5}.resistor-scene-caption{bottom:.5rem;display:grid;gap:.2rem;left:50%;position:absolute;text-align:center;transform:translate(-50%)}.resistor-scene-caption span{color:var(--n-muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.resistor-scene-caption strong{color:var(--n-accent);font-size:clamp(1.1rem,3vw,1.6rem)}.rcc-controls{background:color-mix(in srgb,var(--n-panel) 88%,transparent);border:1px solid var(--n-line);border-radius:1.25rem;padding:1rem}.rcc-control-head{gap:1rem;justify-content:space-between}.rcc-band-list{gap:.5rem;margin:1.1rem 0;overflow-x:auto}.rcc-band-select{background:var(--n-paper);border-color:var(--n-line);flex:1 0 auto;min-width:5rem}.rcc-band-select span{white-space:nowrap}.rcc-palette-wrap{border-top:1px solid var(--n-line);padding-top:1rem}.rcc-palette{display:grid;gap:.5rem;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:.65rem}.color-chip{align-items:center;background:transparent;border:1px solid var(--n-line);border-radius:.8rem;color:var(--n-ink);cursor:grab;display:flex;flex-direction:column;font:inherit;gap:.35rem;min-width:0;padding:.55rem .25rem;user-select:none}.color-chip:disabled{cursor:not-allowed;filter:saturate(.25);opacity:.35}.color-chip:active{cursor:grabbing}.color-chip.active{background:color-mix(in srgb,var(--n-accent-soft) 50%,transparent);border-color:var(--n-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--n-accent) 24%,transparent)}.color-chip span{background:var(--chip-color);border:1px solid color-mix(in srgb,var(--n-ink) 18%,transparent);border-radius:50%;height:1.45rem;width:1.45rem}.color-chip strong{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.color-chip-black{--chip-color: var(--n-black)}.color-chip-brown{--chip-color: var(--n-brown)}.color-chip-red{--chip-color: var(--n-red)}.color-chip-orange{--chip-color: var(--n-orange)}.color-chip-yellow{--chip-color: var(--n-yellow)}.color-chip-green{--chip-color: var(--n-green)}.color-chip-blue{--chip-color: var(--n-blue)}.color-chip-violet{--chip-color: var(--n-violet)}.color-chip-gray{--chip-color: var(--n-gray)}.color-chip-white{--chip-color: var(--n-white)}.color-chip-gold{--chip-color: var(--n-gold)}.color-chip-silver{--chip-color: var(--n-silver)}.rcc-mode-panel{display:none;gap:1rem;margin-top:1rem;padding-top:1rem}.rcc-root[data-mode=reverse] [data-panel-mode=reverse],.rcc-root[data-mode=smd] [data-panel-mode=smd]{display:grid}.rcc-number-field{display:grid;gap:.45rem;max-width:24rem}.rcc-number-field input{background:var(--n-paper);border:1px solid var(--n-line);border-radius:.75rem;color:var(--n-ink);font:inherit;font-size:1.25rem;padding:.75rem}.rcc-number-field small{font-size:.75rem}.rcc-tolerance{flex-wrap:wrap;gap:.7rem}.rcc-readout{border-top:1px solid var(--n-line);margin-top:1.5rem;padding-top:1.5rem}.rcc-readout-main{align-items:baseline;gap:.8rem;justify-content:space-between}.rcc-readout-main strong{color:var(--n-accent);font-size:clamp(2rem,7vw,4.5rem);letter-spacing:-.06em;line-height:1}.rcc-readout-grid{align-items:stretch;gap:.6rem;margin-top:1.25rem}.rcc-readout-grid>div{background:color-mix(in srgb,var(--n-accent-soft) 34%,transparent);border-radius:.85rem;display:grid;flex:1;gap:.35rem;padding:.8rem}.rcc-readout-grid strong{font-size:.9rem}.rcc-note{border-left:3px solid var(--n-accent);margin:1.25rem 0 0;padding-left:.8rem}@media(max-width:700px){.rcc-control-head,.rcc-readout-main{align-items:flex-start;flex-direction:column}.rcc-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.rcc-readout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}