.pantone-cmyk-converter{max-width:800px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;color:#333;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.pantone-cmyk-converter .converter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #eaeaea;padding-bottom:1rem}.pantone-cmyk-converter .converter-header h1{font-size:1.8rem;font-weight:700;margin:0;color:#222}.pantone-cmyk-converter .converter-header .tabs{display:flex;gap:.5rem}.pantone-cmyk-converter .converter-header .tabs button{padding:.5rem 1rem;border:none;background-color:#eaeaea;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.pantone-cmyk-converter .converter-header .tabs button.active{background-color:#3498db;color:#fff}.pantone-cmyk-converter .converter-header .tabs button:hover:not(.active){background-color:#dcdcdc}.pantone-cmyk-converter .search-section{position:relative;margin-bottom:2rem}.pantone-cmyk-converter .search-section .search-input{width:100%;padding:.8rem 1rem;border:2px solid #eaeaea;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.pantone-cmyk-converter .search-section .search-input:focus{outline:none;border-color:#3498db}.pantone-cmyk-converter .search-section .search-results{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #eaeaea;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:10}.pantone-cmyk-converter .search-section .search-results .color-item{display:flex;align-items:center;padding:.8rem 1rem;cursor:pointer;transition:background-color .2s ease}.pantone-cmyk-converter .search-section .search-results .color-item:hover{background-color:#f0f0f0}.pantone-cmyk-converter .search-section .search-results .color-item .color-preview{width:30px;height:30px;border-radius:4px;margin-right:1rem;border:1px solid rgba(0,0,0,.1)}.pantone-cmyk-converter .search-section .search-results .color-item .color-info{display:flex;flex-direction:column}.pantone-cmyk-converter .search-section .search-results .color-item .color-info .color-name{font-weight:500}.pantone-cmyk-converter .search-section .search-results .color-item .color-info .color-code{font-size:.8rem;color:#777}.pantone-cmyk-converter .recent-colors{margin-bottom:2rem}.pantone-cmyk-converter .recent-colors h3{font-size:1rem;margin-bottom:.8rem;color:#555}.pantone-cmyk-converter .recent-colors .recent-colors-list{display:flex;gap:1rem;flex-wrap:wrap}.pantone-cmyk-converter .recent-colors .recent-colors-list .recent-color-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.pantone-cmyk-converter .recent-colors .recent-colors-list .recent-color-item .color-preview{width:40px;height:40px;border-radius:4px;margin-bottom:.5rem;border:1px solid rgba(0,0,0,.1)}.pantone-cmyk-converter .recent-colors .recent-colors-list .recent-color-item span{font-size:.8rem;color:#666}.pantone-cmyk-converter .color-details{background-color:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.pantone-cmyk-converter .color-details .color-header{display:flex;margin-bottom:1.5rem}.pantone-cmyk-converter .color-details .color-header .large-color-preview{width:80px;height:80px;border-radius:6px;margin-right:1.5rem;border:1px solid rgba(0,0,0,.1)}.pantone-cmyk-converter .color-details .color-header .color-title{display:flex;flex-direction:column;justify-content:center}.pantone-cmyk-converter .color-details .color-header .color-title h2{font-size:1.5rem;margin:0 0 .5rem}.pantone-cmyk-converter .color-details .color-header .color-title .pantone-code{font-size:1.1rem;color:#666;margin:0}.pantone-cmyk-converter .color-details .color-values{display:flex;gap:2rem}.pantone-cmyk-converter .color-details .color-values .value-group{flex:1}.pantone-cmyk-converter .color-details .color-values .value-group h3{font-size:1rem;margin-bottom:1rem;color:#555}.pantone-cmyk-converter .color-details .color-values .value-group .cmyk-values{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.pantone-cmyk-converter .color-details .color-values .value-group .cmyk-values .cmyk-value{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;padding:.8rem;border-radius:4px}.pantone-cmyk-converter .color-details .color-values .value-group .cmyk-values .cmyk-value label{font-weight:600;margin-bottom:.4rem}.pantone-cmyk-converter .color-details .color-values .value-group .cmyk-values .cmyk-value:first-child label{color:#00a0e4}.pantone-cmyk-converter .color-details .color-values .value-group .cmyk-values .cmyk-value:nth-child(2) label{color:#e5007d}.pantone-cmyk-converter .color-details .color-values .value-group .cmyk-values .cmyk-value:nth-child(3) label{color:#ffed00}.pantone-cmyk-converter .color-details .color-values .value-group .cmyk-values .cmyk-value:nth-child(4) label{color:#444}.pantone-cmyk-converter .color-details .color-values .value-group .hex-value{font-size:1.2rem;font-family:monospace;background-color:#f5f5f5;padding:.8rem;border-radius:4px;text-align:center}.pantone-cmyk-converter .custom-color-section{background-color:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.pantone-cmyk-converter .custom-color-section .custom-color-preview{display:flex;margin-bottom:2rem}.pantone-cmyk-converter .custom-color-section .custom-color-preview .large-color-preview{width:80px;height:80px;border-radius:6px;margin-right:1.5rem;border:1px solid rgba(0,0,0,.1)}.pantone-cmyk-converter .custom-color-section .custom-color-preview .color-info{display:flex;flex-direction:column;justify-content:center}.pantone-cmyk-converter .custom-color-section .custom-color-preview .color-info h3{font-size:1.3rem;margin:0 0 .5rem}.pantone-cmyk-converter .custom-color-section .custom-color-preview .color-info .hex-value{font-size:1.1rem;font-family:monospace;color:#666;margin:0}.pantone-cmyk-converter .custom-color-section .color-inputs{display:flex;gap:2rem}@media(max-width:768px){.pantone-cmyk-converter .custom-color-section .color-inputs{flex-direction:column}}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs{flex:2}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs h3{font-size:1rem;margin-bottom:1rem;color:#555}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders{display:flex;flex-direction:column;gap:1rem}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group{display:flex;align-items:center;gap:1rem}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group label{min-width:80px;font-weight:500}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group input[type=range]{flex:1;height:6px;appearance:none;background:#eaeaea;border-radius:3px;outline:none}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#3498db;cursor:pointer}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group input[type=number]{width:60px;padding:.4rem;text-align:center;border:1px solid #eaeaea;border-radius:4px}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group .cyan-slider::-webkit-slider-thumb{background:#00a0e4}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group .magenta-slider::-webkit-slider-thumb{background:#e5007d}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group .yellow-slider::-webkit-slider-thumb{background:#ffed00}.pantone-cmyk-converter .custom-color-section .color-inputs .cmyk-inputs .cmyk-sliders .slider-group .key-slider::-webkit-slider-thumb{background:#444}.pantone-cmyk-converter .custom-color-section .color-inputs .hex-input{flex:1}.pantone-cmyk-converter .custom-color-section .color-inputs .hex-input h3{font-size:1rem;margin-bottom:1rem;color:#555}.pantone-cmyk-converter .custom-color-section .color-inputs .hex-input input{width:100%;padding:.8rem;font-family:monospace;border:1px solid #eaeaea;border-radius:4px;font-size:1rem}.pantone-cmyk-converter .custom-color-section .color-inputs .hex-input input:focus{outline:none;border-color:#3498db}