.hex-to-cmyk-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;background-color:#f9fafb;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.converter-header{text-align:center;margin-bottom:2.5rem}.converter-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.converter-header p{font-size:1.1rem;color:#64748b;margin:0}.converter-main{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.03)}.input-section,.result-section{flex:1;min-width:280px}.color-preview{width:100%;height:150px;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:background-color .3s ease}.input-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:#4b5563}.input-group .input-with-icon{position:relative;margin-bottom:1rem}.input-group .input-with-icon .hash-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600}.input-group .input-with-icon input{width:100%;padding:.875rem 1rem .875rem 2rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:border-color .3s}.input-group .input-with-icon input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-group .input-with-icon input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-group .input-with-icon input::placeholder{color:#9ca3af}.input-group .error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:-.5rem;margin-bottom:1rem}.clear-button,.convert-button,.copy-button{width:100%;padding:.875rem;font-size:1rem;font-weight:600;color:#fff;background-color:#0ea5e9;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.clear-button:hover,.convert-button:hover,.copy-button:hover{background-color:#0284c7;transform:translateY(-1px)}.clear-button:active,.convert-button:active,.copy-button:active{transform:translateY(0)}.clear-button:disabled,.convert-button:disabled,.copy-button:disabled{background-color:#cbd5e1;cursor:not-allowed;transform:none}.clear-button{background-color:#64748b}.clear-button:hover{background-color:#475569}.result-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1e293b}.result-section .cmyk-values{display:flex;justify-content:space-between;margin-bottom:1.5rem}.result-section .cmyk-values .cmyk-value{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;background-color:#f8fafc;border-radius:8px;margin:0 .25rem}.result-section .cmyk-values .cmyk-value:first-child{margin-left:0;background-color:rgba(0,191,255,.1)}.result-section .cmyk-values .cmyk-value:first-child .cmyk-label{color:#00bfff}.result-section .cmyk-values .cmyk-value:nth-child(2){background-color:rgba(255,0,128,.1)}.result-section .cmyk-values .cmyk-value:nth-child(2) .cmyk-label{color:#ff0080}.result-section .cmyk-values .cmyk-value:nth-child(3){background-color:rgba(255,191,0,.1)}.result-section .cmyk-values .cmyk-value:nth-child(3) .cmyk-label{color:#ffbf00}.result-section .cmyk-values .cmyk-value:last-child{margin-right:0;background-color:rgba(75,85,99,.1)}.result-section .cmyk-values .cmyk-value:last-child .cmyk-label{color:#4b5563}.result-section .cmyk-values .cmyk-value .cmyk-label{font-size:1rem;font-weight:700;margin-bottom:.5rem}.result-section .cmyk-values .cmyk-value .cmyk-number{font-size:1.5rem;font-weight:700}.result-section .cmyk-values .cmyk-value .percentage{font-size:1rem;font-weight:400;color:#64748b}.result-section .copy-button{margin-top:1rem}.history-section{margin-bottom:3rem}.history-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1e293b}.history-section .history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.history-section .history-item{display:flex;align-items:center;padding:.75rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.history-section .history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.history-section .history-item .history-color{width:40px;height:40px;border-radius:8px;margin-right:1rem}.history-section .history-item .history-details{display:flex;flex-direction:column}.history-section .history-item .history-details .history-hex{font-size:.95rem;font-weight:600;color:#1e293b}.history-section .history-item .history-details .history-cmyk{font-size:.8rem;color:#64748b;margin-top:.25rem}.info-section{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.03)}.info-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.info-section p{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.info-section p:last-child{margin-bottom:0}@media(max-width:768px){.converter-main{flex-direction:column}.input-section,.result-section{width:100%}.cmyk-values{flex-wrap:wrap}.cmyk-values .cmyk-value{flex-basis:48%;margin-bottom:.5rem}}@media(max-width:480px){.hex-to-cmyk-container{padding:1.5rem}.converter-header h1{font-size:2rem}.history-list{grid-template-columns:1fr}}