.resistor-tabs{display:flex;gap:5px;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.resistor-tab{flex:1;padding:12px 15px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.95rem;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease;text-align:center}.resistor-tab:hover{color:#667eea;background:rgba(102,126,234,.05)}.resistor-tab.active{color:#667eea;border-bottom-color:#667eea;background:rgba(102,126,234,.08)}.resistor-tab i{margin-right:6px}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.band-count-selector{display:flex;gap:10px;margin-bottom:20px}.band-count-btn{flex:1;padding:10px 15px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .3s ease}.band-count-btn:hover{border-color:#667eea;color:#667eea}.band-count-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:#fff}.band-selector-container{margin-bottom:20px}.band-selector-row{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding:12px;background:#f7fafc;border-radius:10px}.band-label{min-width:100px;font-size:.9rem;font-weight:500;color:#4a5568}.color-options{display:flex;flex-wrap:wrap;gap:6px;flex:1}.color-option{width:28px;height:28px;border-radius:6px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.15);z-index:1}.color-option.selected{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.3);transform:scale(1.1)}.color-option::after{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:.65rem;color:#718096;white-space:nowrap;opacity:0;transition:opacity .2s ease}.color-option:hover::after{opacity:1}.color-black{background:#000}.color-brown{background:#8b4513}.color-red{background:#f00}.color-orange{background:#ffa500}.color-yellow{background:#ff0;border-color:#d4d400}.color-green{background:#008000}.color-blue{background:#00f}.color-violet{background:#ee82ee}.color-gray{background:#808080}.color-white{background:#fff;border-color:#ccc}.color-gold{background:linear-gradient(135deg,#ffd700 0%,#ffa500 100%)}.color-silver{background:linear-gradient(135deg,#c0c0c0 0%,#a0a0a0 100%)}.color-none{background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 3px,#e0e0e0 3px,#e0e0e0 6px)}.selected-color-display{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-radius:8px;min-width:90px}.selected-color-preview{width:20px;height:20px;border-radius:4px;border:1px solid #e2e8f0}.selected-color-name{font-size:.85rem;color:#4a5568}.resistor-visual-container{display:flex;justify-content:center;align-items:center;padding:30px 20px;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border-radius:12px;margin-bottom:20px}.resistor-body{position:relative;width:200px;height:60px;background:linear-gradient(to bottom,#e6d5b8 0%,#c9b896 50%,#a89a7c 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;box-shadow:0 4px 8px rgba(0,0,0,.15)}.resistor-body::before,.resistor-body::after{content:'';position:absolute;width:30px;height:4px;background:linear-gradient(to bottom,#c0c0c0 0%,#a0a0a0 50%,#808080 100%)}.resistor-body::before{left:-30px}.resistor-body::after{right:-30px}.visual-band{width:12px;height:50px;border-radius:2px;transition:background .3s ease;box-shadow:inset 0 0 3px rgba(0,0,0,.2)}.visual-band.empty{background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);border:1px dashed #a89a7c}.visual-band.spacer{width:15px;background:transparent;box-shadow:none}.result-display{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:25px;color:#fff;text-align:center;margin-bottom:20px}.result-value-main{font-size:2.5rem;font-weight:700;margin-bottom:10px;font-family:'Roboto Mono',monospace}.result-tolerance{font-size:1.2rem;opacity:.9}.result-range{display:flex;justify-content:center;gap:30px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.range-item{text-align:center}.range-label{font-size:.8rem;opacity:.8;margin-bottom:4px}.range-value{font-size:1.1rem;font-weight:600;font-family:'Roboto Mono',monospace}.e-series-container{background:#f7fafc;border-radius:10px;padding:15px}.e-series-row{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #e2e8f0}.e-series-row:last-child{border-bottom:none}.e-series-label{font-size:.9rem;color:#718096;font-weight:500}.e-series-value{font-size:.95rem;font-weight:600;color:#2d3748;font-family:'Roboto Mono',monospace}.e-series-match{color:#48bb78}.e-series-deviation{font-size:.8rem;color:#718096;margin-left:8px}.smd-input-container{margin-bottom:20px}.smd-format-selector{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.smd-format-btn{padding:8px 16px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#4a5568;cursor:pointer;transition:all .2s ease}.smd-format-btn:hover{border-color:#667eea;color:#667eea}.smd-format-btn.active{background:#667eea;border-color:#667eea;color:#fff}.smd-help-text{font-size:.85rem;color:#718096;padding:10px;background:#f7fafc;border-radius:8px;margin-top:10px}.smd-help-text i{color:#667eea;margin-right:6px}.reverse-result-container{display:grid;gap:15px}.reverse-result-item{background:#f7fafc;border-radius:10px;padding:15px}.reverse-result-label{font-size:.9rem;color:#718096;margin-bottom:10px;display:flex;align-items:center;gap:8px}.reverse-result-bands{display:flex;gap:8px;flex-wrap:wrap}.reverse-band-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-radius:6px;font-size:.85rem}.reverse-band-color{width:18px;height:18px;border-radius:4px;border:1px solid #e2e8f0}.reverse-band-name{color:#4a5568}.color-code-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:20px 0}.color-code-table th,.color-code-table td{padding:10px 12px;text-align:center;border:1px solid #e2e8f0}.color-code-table th{background:#f7fafc;font-weight:600;color:#4a5568}.color-code-table td{background:#fff}.table-color-swatch{display:inline-block;width:24px;height:24px;border-radius:4px;border:1px solid #e2e8f0;vertical-align:middle;margin-right:6px}.input-group-custom{margin-bottom:15px}.input-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:#4a5568;margin-bottom:8px}.input-label i{color:#667eea}@media(max-width:768px){.resistor-tabs{flex-direction:column;gap:5px}.resistor-tab{padding:10px}.band-count-selector{flex-direction:column}.band-selector-row{flex-direction:column;align-items:flex-start;gap:10px}.band-label{min-width:auto}.color-options{width:100%;justify-content:flex-start}.resistor-body{width:160px;height:50px;gap:5px;padding:0 15px}.visual-band{width:10px;height:40px}.result-value-main{font-size:2rem}.result-range{flex-direction:column;gap:15px}.smd-format-selector{flex-direction:column}.smd-format-btn{width:100%;text-align:center}.e-series-row{flex-direction:column;align-items:flex-start;gap:5px}.color-code-table{font-size:.8rem}.color-code-table th,.color-code-table td{padding:6px 4px}}.text-mono{font-family:'Roboto Mono',monospace}.hidden{display:none !important}.tcr-row{display:none}.tcr-row.visible{display:flex}