:root{--resistor-body-gradient: linear-gradient(135deg, #d4b472 0%, #f7d794 20%, #f7d794 80%, #d4b472 100%);--resistor-shadow: 0 8px 25px rgba(0, 0, 0, .15);--band-shadow: inset 0 0 4px rgba(0, 0, 0, .3);--lead-gradient: linear-gradient(90deg, #888888, #cccccc, #888888)}*{transition:all .2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.resistor-container{perspective:1000px;transform-style:preserve-3d}.resistor-body{background:var(--resistor-body-gradient);box-shadow:var(--resistor-shadow);border:1px solid #c7a468;position:relative;transform:rotateX(5deg)}.resistor-lead{background:var(--lead-gradient);box-shadow:0 2px 4px #0003;position:absolute;top:50%;transform:translateY(-50%)}.resistor-band{box-shadow:var(--band-shadow);border:1px solid rgba(0,0,0,.1);position:relative}.resistor-band:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:inherit}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .4s ease-out}.pulse-subtle{animation:pulseSubtle 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSubtle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.custom-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%236B7280' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 6.757 7.586 5.343 9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem 1rem;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 768px){.resistor-body{transform:none}.mobile-stack>*{margin-bottom:1rem}}.focus-ring:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.color-preview{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1);display:inline-block;margin-right:8px;box-shadow:0 2px 4px #0000001a}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.tooltip:hover:after{opacity:1}@media print{.no-print{display:none!important}body{background:#fff!important}}