.hsv-rgb-converter{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hsv-rgb-converter h1{text-align:center;color:#333;margin-bottom:30px}.hsv-rgb-converter .converter-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:25px}.hsv-rgb-converter .converter-container .color-display{height:180px;border-radius:8px;margin-bottom:25px;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:background-color .3s ease;position:relative;overflow:hidden}.hsv-rgb-converter .converter-container .color-display .color-info{background-color:rgba(0,0,0,.6);color:#fff;width:100%;padding:10px 15px;display:flex;justify-content:space-between;font-family:Courier New,Courier,monospace;font-size:14px}.hsv-rgb-converter .converter-container .color-display .color-info p{margin:0}.hsv-rgb-converter .converter-container .controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px}@media(max-width:768px){.hsv-rgb-converter .converter-container .controls{grid-template-columns:1fr}}.hsv-rgb-converter .converter-container .controls .control-section h2{font-size:18px;margin-bottom:15px;color:#444;border-bottom:2px solid #ddd;padding-bottom:8px}.hsv-rgb-converter .converter-container .controls .slider-container{margin-bottom:18px}.hsv-rgb-converter .converter-container .controls .slider-container label{display:block;margin-bottom:8px;font-weight:500}.hsv-rgb-converter .converter-container .controls .slider-container input[type=range]{width:100%;height:10px;border-radius:5px;-webkit-appearance:none}.hsv-rgb-converter .converter-container .controls .slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;cursor:pointer;background:#4a4a4a}.hsv-rgb-converter .converter-container .controls .slider-container input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;cursor:pointer;background:#4a4a4a;border:none}.hsv-rgb-converter .converter-container .controls .slider-container .hue-slider{background:linear-gradient(90deg,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)}.hsv-rgb-converter .converter-container .controls .slider-container .saturation-slider{background:linear-gradient(90deg,#ffffff,#ff0000)}.hsv-rgb-converter .converter-container .controls .slider-container .value-slider{background:linear-gradient(90deg,#000000,#ff0000)}.hsv-rgb-converter .converter-container .controls .input-group{display:flex;align-items:center;margin-bottom:15px}.hsv-rgb-converter .converter-container .controls .input-group label{flex:0 0 80px;font-weight:500}.hsv-rgb-converter .converter-container .controls .input-group input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.hsv-rgb-converter .converter-container .controls .input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.hsv-rgb-converter .converter-container .controls .input-group input.rgb-input{text-align:center;font-family:Courier New,Courier,monospace}.hsv-rgb-converter .converter-container .controls .input-group input.hex-input{text-transform:uppercase;font-family:Courier New,Courier,monospace}.hsv-rgb-converter .converter-container .action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.hsv-rgb-converter .converter-container .action-buttons button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .2s;font-weight:500}.hsv-rgb-converter .converter-container .action-buttons button:hover{background-color:#0069d9}.hsv-rgb-converter .converter-container .action-buttons button:active{background-color:#0062cc}.hsv-rgb-converter .converter-container .color-history h2{font-size:18px;margin:20px 0 15px;color:#444;border-bottom:2px solid #ddd;padding-bottom:8px}.hsv-rgb-converter .converter-container .color-history .history-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:768px){.hsv-rgb-converter .converter-container .color-history .history-swatches{grid-template-columns:repeat(3,1fr)}}.hsv-rgb-converter .converter-container .color-history .history-swatches .history-swatch{height:60px;border-radius:6px;cursor:pointer;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;overflow:hidden}.hsv-rgb-converter .converter-container .color-history .history-swatches .history-swatch:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.hsv-rgb-converter .converter-container .color-history .history-swatches .history-swatch:hover .swatch-hex{opacity:1}.hsv-rgb-converter .converter-container .color-history .history-swatches .history-swatch .swatch-hex{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);color:#fff;padding:4px;font-size:12px;text-align:center;opacity:0;transition:opacity .2s;font-family:Courier New,Courier,monospace}