.hsv-pantone-converter{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.hsv-pantone-converter h1{text-align:center;margin-bottom:2rem;font-size:2.2rem;font-weight:700;color:#2d3748;border-bottom:3px solid #5a67d8;padding-bottom:.75rem;width:fit-content;margin-left:auto;margin-right:auto}.hsv-pantone-converter h2{font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;color:#4a5568;position:relative}.hsv-pantone-converter h2:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background-color:#7f9cf5}.hsv-pantone-converter h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:#4a5568}.hsv-pantone-converter .converter-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}@media(max-width:992px){.hsv-pantone-converter .converter-container{grid-template-columns:1fr}}.hsv-pantone-converter .color-picker-section,.hsv-pantone-converter .pantone-results-section{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.hsv-pantone-converter .color-preview{width:100%;height:120px;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:flex-end;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden}.hsv-pantone-converter .color-preview .color-info{background-color:hsla(0,0%,100%,.85);width:100%;padding:.75rem;font-family:monospace;font-size:.95rem;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.hsv-pantone-converter .color-preview .color-info div{margin-bottom:3px}.hsv-pantone-converter .color-preview .color-info div:last-child{margin-bottom:0}.hsv-pantone-converter .color-picker-controls .toggle-picker-btn{background-color:#5a67d8;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:1rem;width:100%}.hsv-pantone-converter .color-picker-controls .toggle-picker-btn:hover{background-color:#4c51bf}.hsv-pantone-converter .color-picker-controls .toggle-picker-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(90,103,216,.4)}.hsv-pantone-converter .color-picker{padding:1rem 0}.hsv-pantone-converter .color-picker .hue-slider,.hsv-pantone-converter .color-picker .sv-picker{margin-bottom:1rem}.hsv-pantone-converter .color-picker .hue-slider canvas,.hsv-pantone-converter .color-picker .sv-picker canvas{display:block;width:100%;height:auto;cursor:crosshair;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.hsv-pantone-converter .color-picker .hue-slider canvas{height:30px}.hsv-pantone-converter .color-picker .hsv-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.hsv-pantone-converter .color-picker .hsv-inputs .input-group{display:flex;flex-direction:column}.hsv-pantone-converter .color-picker .hsv-inputs .input-group label{font-size:.9rem;margin-bottom:.25rem;color:#4a5568;font-weight:500}.hsv-pantone-converter .color-picker .hsv-inputs .input-group input{padding:.5rem;border:1px solid #cbd5e0;border-radius:4px;width:100%}.hsv-pantone-converter .color-picker .hsv-inputs .input-group input:focus{outline:none;border-color:#7f9cf5;box-shadow:0 0 0 3px rgba(127,156,245,.3)}.hsv-pantone-converter .color-picker .hex-input{display:flex;align-items:center}.hsv-pantone-converter .color-picker .hex-input label{font-size:.9rem;margin-right:1rem;color:#4a5568;font-weight:500;width:45px}.hsv-pantone-converter .color-picker .hex-input input{flex:1;padding:.5rem;border:1px solid #cbd5e0;border-radius:4px;font-family:monospace}.hsv-pantone-converter .color-picker .hex-input input:focus{outline:none;border-color:#7f9cf5;box-shadow:0 0 0 3px rgba(127,156,245,.3)}.hsv-pantone-converter .pantone-matches{display:flex;flex-direction:column;gap:1rem}.hsv-pantone-converter .pantone-matches .pantone-color{display:flex;align-items:center;padding:.75rem;border-radius:6px;background-color:#f7fafc;cursor:pointer;transition:all .2s;border:2px solid rgba(0,0,0,0)}.hsv-pantone-converter .pantone-matches .pantone-color:hover{background-color:#ebf4ff;transform:translateY(-2px)}.hsv-pantone-converter .pantone-matches .pantone-color.selected{border-color:#5a67d8;background-color:#ebf8ff}.hsv-pantone-converter .pantone-matches .pantone-color .color-swatch{width:60px;height:60px;border-radius:4px;margin-right:1rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);flex-shrink:0}.hsv-pantone-converter .pantone-matches .pantone-color .color-details{flex:1}.hsv-pantone-converter .pantone-matches .pantone-color .color-details .pantone-name{font-weight:600;font-size:1rem;margin-bottom:.25rem}.hsv-pantone-converter .pantone-matches .pantone-color .color-details .color-distance{color:#718096;font-size:.9rem;margin-bottom:.25rem}.hsv-pantone-converter .pantone-matches .pantone-color .color-details .color-hex{font-family:monospace;color:#4a5568;font-size:.9rem}.hsv-pantone-converter .color-history-section{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.hsv-pantone-converter .color-history{display:flex;flex-wrap:wrap;gap:.75rem}.hsv-pantone-converter .color-history .history-color{width:50px;height:50px;border-radius:4px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:all .2s}.hsv-pantone-converter .color-history .history-color:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.15)}.hsv-pantone-converter .color-history .no-history{color:#a0aec0;padding:1rem;text-align:center;width:100%;font-style:italic;background-color:#f7fafc;border-radius:4px}.hsv-pantone-converter .converter-info{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.hsv-pantone-converter .converter-info p{color:#4a5568;line-height:1.6;margin-bottom:1rem}.hsv-pantone-converter .converter-info p:last-child{margin-bottom:0}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(90,103,216,.5)}70%{box-shadow:0 0 0 10px rgba(90,103,216,0)}to{box-shadow:0 0 0 0 rgba(90,103,216,0)}}@media(max-width:768px){.hsv-pantone-converter{padding:1.5rem}.hsv-pantone-converter h1{font-size:1.8rem}.hsv-pantone-converter h2{font-size:1.3rem}.hsv-pantone-converter .hsv-inputs{grid-template-columns:1fr!important}.hsv-pantone-converter .pantone-color .color-swatch{width:50px;height:50px}.hsv-pantone-converter .color-history .history-color{width:40px;height:40px}}@media(prefers-color-scheme:dark){.hsv-pantone-converter{background-color:#1a202c;color:#e2e8f0}.hsv-pantone-converter h1{color:#e2e8f0;border-bottom-color:#6b46c1}.hsv-pantone-converter h2,.hsv-pantone-converter h3{color:#e2e8f0}.hsv-pantone-converter h2:after,.hsv-pantone-converter h3:after{background-color:#6b46c1}.hsv-pantone-converter .color-history-section,.hsv-pantone-converter .color-picker-section,.hsv-pantone-converter .converter-info,.hsv-pantone-converter .pantone-results-section{background-color:#2d3748;box-shadow:0 2px 8px rgba(0,0,0,.2)}.hsv-pantone-converter .color-preview .color-info{background-color:rgba(26,32,44,.85);color:#e2e8f0}.hsv-pantone-converter .color-picker-controls .toggle-picker-btn{background-color:#6b46c1}.hsv-pantone-converter .color-picker-controls .toggle-picker-btn:hover{background-color:#805ad5}.hsv-pantone-converter .hex-input .input-group label,.hsv-pantone-converter .hex-input label,.hsv-pantone-converter .hsv-inputs .input-group label,.hsv-pantone-converter .hsv-inputs label{color:#cbd5e0}.hsv-pantone-converter .hex-input input,.hsv-pantone-converter .hsv-inputs input{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.hsv-pantone-converter .hex-input input:focus,.hsv-pantone-converter .hsv-inputs input:focus{border-color:#805ad5;box-shadow:0 0 0 3px rgba(128,90,213,.3)}.hsv-pantone-converter .pantone-matches .pantone-color{background-color:#2d3748}.hsv-pantone-converter .pantone-matches .pantone-color:hover{background-color:#3a3f4b}.hsv-pantone-converter .pantone-matches .pantone-color.selected{border-color:#6b46c1;background-color:#44337a}.hsv-pantone-converter .pantone-matches .pantone-color .color-details .color-distance{color:#a0aec0}.hsv-pantone-converter .pantone-matches .pantone-color .color-details .color-hex{color:#cbd5e0}.hsv-pantone-converter .color-history .no-history{color:#a0aec0;background-color:#2d3748}.hsv-pantone-converter .converter-info p{color:#cbd5e0}}.hsv-pantone-converter .animate-pulse{animation:pulse 1.5s infinite}.hsv-pantone-converter .selected-pantone{position:relative}.hsv-pantone-converter .selected-pantone:after{content:"✓";position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background-color:#5a67d8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.hsv-pantone-converter [data-tooltip]{position:relative}.hsv-pantone-converter [data-tooltip]:before{content:attr(data-tooltip);bottom:100%;padding:.5rem;background-color:#1a202c;color:#fff;border-radius:4px;font-size:.8rem;white-space:nowrap}.hsv-pantone-converter [data-tooltip]:after,.hsv-pantone-converter [data-tooltip]:before{position:absolute;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:10}.hsv-pantone-converter [data-tooltip]:after{content:"";bottom:calc(100% - 5px);border:5px solid rgba(0,0,0,0);border-top-color:#1a202c}.hsv-pantone-converter [data-tooltip]:hover:after,.hsv-pantone-converter [data-tooltip]:hover:before{opacity:1;visibility:visible}.hsv-pantone-converter .copy-button{background-color:rgba(0,0,0,0);border:none;color:#5a67d8;cursor:pointer;padding:.25rem .5rem;font-size:.85rem;display:inline-flex;align-items:center}.hsv-pantone-converter .copy-button svg{margin-right:.25rem;width:14px;height:14px}.hsv-pantone-converter .copy-button:hover{color:#4c51bf;text-decoration:underline}.hsv-pantone-converter .copy-button.copied{color:#48bb78}.hsv-pantone-converter .color-analysis{margin-top:2rem}.hsv-pantone-converter .color-analysis .analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.hsv-pantone-converter .color-analysis .analysis-grid{grid-template-columns:1fr}}.hsv-pantone-converter .color-analysis .analysis-grid .analysis-item{padding:1rem;background-color:#f7fafc;border-radius:4px}.hsv-pantone-converter .color-analysis .analysis-grid .analysis-item h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#4a5568}.hsv-pantone-converter .color-analysis .analysis-grid .analysis-item p{font-size:.9rem;color:#718096;margin-bottom:.5rem}.hsv-pantone-converter .color-analysis .analysis-grid .analysis-item .color-family{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.hsv-pantone-converter .color-analysis .analysis-grid .analysis-item .color-family .family-color{width:20px;height:20px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}@media print{.hsv-pantone-converter{background-color:#fff;padding:1rem;box-shadow:none}.hsv-pantone-converter .color-picker-section{display:none}.hsv-pantone-converter .color-history-section,.hsv-pantone-converter .converter-info,.hsv-pantone-converter .pantone-results-section{break-inside:avoid;page-break-inside:avoid}.hsv-pantone-converter .copy-button,.hsv-pantone-converter .toggle-picker-btn{display:none}}