.pantone-converter-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:Inter,Segoe UI,Roboto,sans-serif;color:#333}.pantone-converter-container h1{text-align:center;color:#2c3e50;margin-bottom:2rem;font-weight:600}.pantone-converter-container h2{color:#2c3e50;margin:1.5rem 0;font-weight:500}.pantone-converter-container .converter-main{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.pantone-converter-container .converter-main{flex-direction:row}}.pantone-converter-container .color-display{flex:1;display:flex;flex-direction:column}.pantone-converter-container .color-display .color-preview{height:200px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;align-items:flex-end;justify-content:center;padding:1rem;transition:background-color .3s ease}.pantone-converter-container .color-display .color-preview .color-values{background-color:hsla(0,0%,100%,.85);padding:.75rem 1rem;border-radius:8px;text-align:center}.pantone-converter-container .color-display .color-preview .color-values .hex-value{font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.pantone-converter-container .color-display .color-preview .color-values .hsv-value{font-size:.9rem;margin:0}.pantone-converter-container .color-display .error-message{margin-top:.5rem;color:#e74c3c;font-size:.9rem}.pantone-converter-container .converter-inputs{flex:1;display:flex;flex-direction:column;gap:1.5rem}.pantone-converter-container .converter-inputs .input-group{display:flex;flex-direction:column;gap:.5rem}.pantone-converter-container .converter-inputs .input-group label{font-weight:500;font-size:.9rem}.pantone-converter-container .converter-inputs .input-group input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.pantone-converter-container .converter-inputs .input-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.pantone-converter-container .converter-inputs .input-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.pantone-converter-container .converter-inputs .hsv-inputs{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider{display:flex;flex-direction:column;gap:.5rem}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider label{font-weight:500;font-size:.9rem}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3498db;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider .hue-slider{background:linear-gradient(90deg,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider .saturation-slider{background:linear-gradient(90deg,#ccc,#3498db)}.pantone-converter-container .converter-inputs .hsv-inputs .hsv-slider .value-slider{background:linear-gradient(90deg,#000,#fff)}.pantone-converter-container .pantone-library{margin-top:2rem}.pantone-converter-container .pantone-library .search-container{margin-bottom:1rem}.pantone-converter-container .pantone-library .search-container .search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.pantone-converter-container .pantone-library .search-container .search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.pantone-converter-container .pantone-library .color-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pantone-converter-container .pantone-library .color-list .color-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;background-color:#f9f9f9;transition:transform .2s,box-shadow .2s;cursor:pointer}.pantone-converter-container .pantone-library .color-list .color-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.pantone-converter-container .pantone-library .color-list .color-item .color-swatch{width:40px;height:40px;border-radius:8px;margin-right:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1)}.pantone-converter-container .pantone-library .color-list .color-item .color-info{display:flex;flex-direction:column}.pantone-converter-container .pantone-library .color-list .color-item .color-info .color-name{font-weight:500;margin-bottom:.25rem}.pantone-converter-container .pantone-library .color-list .color-item .color-info .color-hex{font-size:.85rem;color:#666}