:root{--rcc-primary:#6366f1;--rcc-primary-light:#6366f11a;--rcc-text:#1e293b;--rcc-text-secondary:#475569;--rcc-text-muted:#64748b;--rcc-bg:#fff;--rcc-bg-secondary:#f8fafc;--rcc-border:#e2e8f0;--rcc-radius:var(--main-radius,.5rem);--rcc-radius-lg:var(--main-radius-lg,.75rem);--rcc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--rcc-shadow-md:0 4px 12px #00000014;--rcc-resistor-body:tan;--rcc-resistor-body-dark:#c4a882;--rcc-resistor-wire:#94a3b8}._rcc-container{max-width:640px;margin:0 auto}._rcc-hidden{display:none!important}@media (max-width:768px){._rcc-container{padding-left:1rem;padding-right:1rem}}._rcc-tabs{background:var(--rcc-bg);border-radius:var(--rcc-radius-lg);box-shadow:var(--rcc-shadow);border-style:solid;border-width:1px;border-color:var(--rcc-border);gap:.25rem;margin-bottom:1rem;padding:.25rem;display:flex}._rcc-tab{color:var(--rcc-text-muted);border-radius:var(--rcc-radius);cursor:pointer;white-space:nowrap;background:0 0;border-width:0;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;display:flex}._rcc-tab:hover{color:var(--rcc-text);background:var(--rcc-bg-secondary)}._rcc-tab._rcc-tab-active{background:var(--rcc-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}._rcc-tab._rcc-tab-active svg{opacity:1}._rcc-band-selector{justify-content:center;gap:.375rem;margin-bottom:1rem;display:flex}._rcc-band-btn{border-style:solid;border-width:1.5px;border-color:var(--rcc-border);background:var(--rcc-bg);color:var(--rcc-text-secondary);border-radius:var(--rcc-radius);cursor:pointer;box-shadow:var(--rcc-shadow);padding:.4375rem 1rem;font-size:.8125rem;font-weight:500}._rcc-band-btn:hover{border-color:var(--rcc-primary);color:var(--rcc-primary)}._rcc-band-btn._rcc-band-btn-active{background:var(--rcc-primary);color:#fff;border-color:var(--rcc-primary);box-shadow:0 2px 8px #6366f140}._rcc-tab-content{display:none}._rcc-tab-content._rcc-tab-content-active{display:block}._rcc-resistor-card{background:var(--rcc-bg);border-radius:var(--rcc-radius-lg);box-shadow:var(--rcc-shadow);border-style:solid;border-width:1px;border-color:var(--rcc-border);margin-bottom:1rem;padding:1.5rem 1rem}._rcc-resistor-visual{justify-content:center;align-items:center;gap:0;padding:1rem 0;display:flex}._rcc-resistor-wire{background:var(--rcc-resistor-wire);flex-shrink:0;width:40px;height:3px}._rcc-resistor-body{background:linear-gradient(180deg, #e8d5b8 0%, var(--rcc-resistor-body) 30%, var(--rcc-resistor-body-dark) 100%);border-radius:8px;justify-content:center;align-items:center;gap:0;width:280px;height:64px;padding:0 20px;display:flex;position:relative;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a,0 2px 6px #00000026}._rcc-resistor-body:before,._rcc-resistor-body:after{content:"";background:linear-gradient(#dcc9a8,#c4a882);border-radius:4px;width:12px;position:absolute;top:4px;bottom:4px}._rcc-resistor-body:before{left:-4px}._rcc-resistor-body:after{right:-4px}._rcc-band{cursor:pointer;z-index:1;border:1px solid #00000026;border-radius:2px;width:14px;height:52px;position:relative;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003}._rcc-band:hover{opacity:.85;box-shadow:0 0 0 2px #6366f180,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003}._rcc-band._rcc-band-active{box-shadow:0 0 0 2px var(--rcc-primary), inset 0 1px 2px #ffffff4d, inset 0 -1px 2px #0003}._rcc-band-spacer{flex:1;min-width:16px;max-width:32px}._rcc-band-labels{justify-content:center;gap:0;width:280px;min-height:28px;margin:0 auto;padding:.5rem 0 0;display:flex}._rcc-band-label{color:var(--rcc-text-muted);text-align:center;white-space:nowrap;font-size:.6875rem}._rcc-palette{z-index:100;background:var(--rcc-bg);border-radius:var(--rcc-radius);box-shadow:var(--rcc-shadow-md), 0 0 0 1px var(--rcc-border);min-width:130px;padding:.375rem;display:none;position:absolute;top:calc(100% + 6px);left:50%}._rcc-palette._rcc-palette-visible{display:block}._rcc-palette._rcc-palette-left{left:0}._rcc-palette._rcc-palette-right{left:auto;right:0}._rcc-palette._rcc-palette-center{margin-left:-65px;left:50%}._rcc-palette-item{cursor:pointer;width:100%;color:var(--rcc-text);background:0 0;border-width:0;border-radius:.25rem;align-items:center;gap:.5rem;padding:.3125rem .5rem;font-size:.75rem;display:flex}._rcc-palette-item:hover{background:var(--rcc-bg-secondary)}._rcc-palette-item._rcc-palette-item-active{background:var(--rcc-primary-light);font-weight:600}._rcc-palette-swatch{border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:16px;height:16px}._rcc-palette-name{text-align:left;flex:1}._rcc-palette-digit{color:var(--rcc-text-muted);font-weight:500;font-family:var(--main-font-mono)}@media (max-width:768px){._rcc-resistor-body{width:220px;height:52px;padding:0 14px}._rcc-band{width:11px;height:42px}._rcc-resistor-wire{width:28px}._rcc-band-labels{width:220px}._rcc-band-label{font-size:.625rem}}._rcc-result-card{background:var(--rcc-bg);border-radius:var(--rcc-radius-lg);box-shadow:var(--rcc-shadow);border-style:solid;border-width:1px;border-color:var(--rcc-border);margin-bottom:1rem;padding:1.25rem}._rcc-result-main{justify-content:space-between;align-items:center;gap:1rem;display:flex}._rcc-result-label{color:var(--rcc-text-secondary);font-size:.8125rem;font-weight:500}._rcc-result-value{color:var(--rcc-text);font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono);letter-spacing:-.025em}._rcc-result-details{border-top-style:dashed;border-top-width:1px;border-top-color:var(--rcc-border);flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding-top:.75rem;display:flex}._rcc-result-detail{align-items:center;gap:.375rem;font-size:.8125rem;display:flex}._rcc-result-detail-label{color:var(--rcc-text-muted)}._rcc-result-detail-value{color:var(--rcc-text);font-weight:600;font-family:var(--main-font-mono)}._rcc-vtc-card{background:var(--rcc-bg);border-radius:var(--rcc-radius-lg);box-shadow:var(--rcc-shadow);border-style:solid;border-width:1px;border-color:var(--rcc-border);margin-bottom:1rem;padding:1.25rem}._rcc-vtc-inputs{flex-direction:column;gap:.875rem;display:flex}._rcc-vtc-field{flex-direction:column;gap:.375rem;display:flex}._rcc-vtc-label{color:var(--rcc-text-secondary);font-size:.8125rem;font-weight:500}._rcc-vtc-input-group{gap:.5rem;display:flex}._rcc-vtc-input{border-style:solid;border-width:1.5px;border-color:var(--rcc-border);border-radius:var(--rcc-radius);color:var(--rcc-text);background:var(--rcc-bg);font-size:.875rem;font-family:var(--main-font-mono);outline:none;flex:1;padding:.5625rem .75rem}._rcc-vtc-input:focus{border-color:var(--rcc-primary);box-shadow:0 0 0 3px #6366f11f}._rcc-vtc-input::placeholder{color:#94a3b8}._rcc-vtc-select{border-style:solid;border-width:1.5px;border-color:var(--rcc-border);border-radius:var(--rcc-radius);color:var(--rcc-text);background:var(--rcc-bg);cursor:pointer;outline:none;min-width:70px;padding:.5625rem .75rem;font-size:.8125rem}._rcc-vtc-select:focus{border-color:var(--rcc-primary);box-shadow:0 0 0 3px #6366f11f}._rcc-vtc-select-full{width:100%}._rcc-vtc-preview{margin-top:1rem;margin-bottom:0}._rcc-vtc-message{color:var(--rcc-text-muted);min-height:20px;margin-top:.625rem;font-size:.8125rem}._rcc-vtc-message._rcc-vtc-message-warning{color:#d97706}._rcc-vtc-message._rcc-vtc-message-error{color:#dc2626}._rcc-vtc-message-suggestion{cursor:pointer;color:var(--rcc-primary);text-underline-offset:2px;font-weight:500;text-decoration:underline}._rcc-vtc-message-suggestion:hover{opacity:.8}@media (max-width:768px){._rcc-result-main{flex-direction:column;align-items:flex-start;gap:.25rem}._rcc-result-value{font-size:1.25rem}._rcc-result-details{gap:.625rem}}._rcc-reference{background:var(--rcc-bg);border-radius:var(--rcc-radius-lg);box-shadow:var(--rcc-shadow);border-style:solid;border-width:1px;border-color:var(--rcc-border);padding:1rem 1.25rem}._rcc-reference-title{color:var(--rcc-text);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}._rcc-reference-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}._rcc-reference-table{border-collapse:collapse;width:100%;font-size:.8125rem}._rcc-reference-table th{text-align:left;color:var(--rcc-text-secondary);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--rcc-border);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;padding:.5rem .625rem;font-size:.75rem;font-weight:600}._rcc-reference-table td{color:var(--rcc-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--rcc-border);white-space:nowrap;padding:.4375rem .625rem}._rcc-reference-table tbody tr:last-child td{border-bottom-width:0}._rcc-reference-table tbody tr:hover{background:var(--rcc-bg-secondary)}._rcc-swatch{vertical-align:middle;border-radius:3px;width:14px;height:14px;margin-right:.5rem;display:inline-block}@media (max-width:768px){._rcc-hide-mobile{display:none}._rcc-reference-table{font-size:.75rem}._rcc-reference-table th,._rcc-reference-table td{padding:.375rem .5rem}}