.band-col{display:flex;flex-direction:column;gap:6px;min-width:140px;flex:1}.bands-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.band-select{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-family:Inter,sans-serif;cursor:pointer;appearance:auto;transition:border-color .2s}.band-select:focus{outline:none;border-color:var(--accent)}.opt-d0{background:#000;color:#fff}.opt-d1{background:#6b3a2a;color:#fff}.opt-d2{background:#c0392b;color:#fff}.opt-d3{background:#e67e22;color:#000}.opt-d4{background:#f1c40f;color:#000}.opt-d5{background:#27ae60;color:#fff}.opt-d6{background:#2980b9;color:#fff}.opt-d7{background:#8e44ad;color:#fff}.opt-d8{background:#7f8c8d;color:#fff}.opt-d9{background:#ecf0f1;color:#000}.opt-m1{background:#000;color:#fff}.opt-m10{background:#6b3a2a;color:#fff}.opt-m100{background:#c0392b;color:#fff}.opt-m1k{background:#e67e22;color:#000}.opt-m10k{background:#f1c40f;color:#000}.opt-m100k{background:#27ae60;color:#fff}.opt-m1M{background:#2980b9;color:#fff}.opt-mGold{background:#f7d673;color:#000}.opt-mSilver{background:silver;color:#000}.opt-t1{background:#6b3a2a;color:#fff}.opt-t2{background:#c0392b;color:#fff}.opt-t05{background:#27ae60;color:#fff}.opt-t025{background:#2980b9;color:#fff}.opt-t01{background:#8e44ad;color:#fff}.opt-t005{background:#7f8c8d;color:#fff}.opt-t5{background:#f7d673;color:#000}.opt-t10{background:silver;color:#000}.stripe-black{background:#000}.stripe-brown{background:#6b3a2a}.stripe-red{background:#c0392b}.stripe-orange{background:#e67e22}.stripe-yellow{background:#f1c40f}.stripe-green{background:#27ae60}.stripe-blue{background:#2980b9}.stripe-violet{background:#8e44ad}.stripe-grey{background:#7f8c8d}.stripe-white{background:#ecf0f1}.stripe-gold{background:#f7d673}.stripe-silver{background:silver}.resistor-visual-wrap{margin-top:24px;display:flex;justify-content:center;align-items:center;padding:20px 0 4px}.resistor-body{display:flex;align-items:center;height:60px;width:100%;max-width:480px}.resistor-lead{flex:1;height:3px;background:#aaa;border-radius:2px}.resistor-component{display:flex;align-items:stretch;height:52px;background:linear-gradient(135deg,#d4a96a,#c8913a 40%,#b87d28 60%,#c8913a);border-radius:10px;overflow:hidden;min-width:200px;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff26;border:1px solid #a0702a;position:relative}.band-stripe{width:18px;height:100%;flex-shrink:0;margin:0 5px;border-radius:3px;transition:background .25s ease;box-shadow:inset 0 1px 2px #0000004d}.band-gap{flex:1}.band-stripe.hidden{display:none}.band-stripe.tolerance{margin-right:8px}.result-card{display:flex;flex-direction:column;gap:12px}.result-main{text-align:center;padding:16px;background:var(--bg3);border-radius:10px;border:1px solid var(--border)}.result-ohm{font-size:2.2rem;font-weight:800;color:var(--accent);letter-spacing:-.02em;line-height:1.1}.result-range{font-size:12px;color:var(--muted);margin-top:4px}.result-grid{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg3);border-radius:6px;border:1px solid var(--border)}.result-key{font-size:12px;color:var(--muted)}.result-val{font-size:13px;font-weight:700;color:var(--text);font-family:JetBrains Mono,monospace}.formula-note{font-size:11px;color:var(--muted);text-align:center;border-top:1px solid var(--border);padding-top:10px}.reverse-row{display:flex;align-items:center;gap:8px;margin-top:14px}.reverse-input{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:14px;font-family:Inter,sans-serif}.reverse-input:focus{outline:none;border-color:var(--accent)}.reverse-unit{font-weight:700;color:var(--accent);font-size:16px}.reverse-result{margin-top:12px;font-size:13px;color:var(--text);line-height:1.8;min-height:30px}.color-pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700;margin:2px;border:1px solid rgba(255,255,255,.1)}.text-muted{color:var(--muted)}
