.cmyk-converter-container{max-width:800px;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}.cmyk-converter-container h1{text-align:center;margin-bottom:2rem;color:#2a2a2a}.cmyk-converter-container .tab-navigation{display:flex;margin-bottom:2rem;border-bottom:1px solid #eaeaea}.cmyk-converter-container .tab-navigation .tab-btn{padding:.75rem 1.5rem;background:none;border:none;font-size:1rem;cursor:pointer;transition:all .2s ease}.cmyk-converter-container .tab-navigation .tab-btn.active{color:#0070f3;border-bottom:2px solid #0070f3;font-weight:500}.cmyk-converter-container .tab-navigation .tab-btn:hover:not(.active){color:#666;background-color:#f5f5f5}.cmyk-converter-container .converter-panel{display:flex;flex-direction:column;gap:2rem}.cmyk-converter-container .converter-panel .color-preview{height:150px;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;transition:all .3s ease}.cmyk-converter-container .converter-panel .color-preview:hover .hex-value{transform:translateY(0);opacity:1}.cmyk-converter-container .converter-panel .color-preview .hex-value{background-color:hsla(0,0%,100%,.9);color:#333;padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;font-weight:600;font-family:monospace;font-size:1.25rem;cursor:pointer;position:relative;transition:all .3s ease}.cmyk-converter-container .converter-panel .color-preview .hex-value .tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .3s}.cmyk-converter-container .converter-panel .color-preview .hex-value:hover .tooltip{opacity:1}.cmyk-converter-container .converter-form{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.cmyk-converter-container .converter-form h2{font-size:1.25rem;margin-bottom:1rem;color:#444}.cmyk-converter-container .converter-form .cmyk-inputs{margin-bottom:2rem}.cmyk-converter-container .converter-form .cmyk-inputs .input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.cmyk-converter-container .converter-form .cmyk-inputs .input-container{position:relative}.cmyk-converter-container .converter-form .cmyk-inputs .input-container label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem}.cmyk-converter-container .converter-form .cmyk-inputs .input-container input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.cmyk-converter-container .converter-form .cmyk-inputs .input-container input:focus{outline:none;border-color:#0070f3}.cmyk-converter-container .converter-form .cmyk-inputs .input-container .color-bar{height:6px;margin-top:6px;border-radius:3px;transition:width .3s ease}.cmyk-converter-container .converter-form .cmyk-inputs .input-container .color-bar.cyan{background-color:#00bcd4}.cmyk-converter-container .converter-form .cmyk-inputs .input-container .color-bar.magenta{background-color:#e91e63}.cmyk-converter-container .converter-form .cmyk-inputs .input-container .color-bar.yellow{background-color:#ffeb3b}.cmyk-converter-container .converter-form .cmyk-inputs .input-container .color-bar.black{background-color:#333}.cmyk-converter-container .converter-form .rgb-display{margin-bottom:.5rem}.cmyk-converter-container .converter-form .rgb-display .rgb-values{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.cmyk-converter-container .converter-form .rgb-display .rgb-values .rgb-value{padding:.75rem 1rem;background-color:#fff;border-radius:4px;font-weight:600;font-family:monospace}.cmyk-converter-container .converter-form .rgb-display .rgb-values .rgb-value .label{color:#666;margin-right:.25rem}.cmyk-converter-container .converter-form .rgb-display .rgb-bars{display:flex;flex-direction:column;gap:.5rem}.cmyk-converter-container .converter-form .rgb-display .rgb-bars .rgb-bar{height:8px;background-color:#eee;border-radius:4px;overflow:hidden}.cmyk-converter-container .converter-form .rgb-display .rgb-bars .rgb-bar .bar{height:100%;transition:width .3s ease}.cmyk-converter-container .converter-form .rgb-display .rgb-bars .rgb-bar .bar.red{background-color:#f44336}.cmyk-converter-container .converter-form .rgb-display .rgb-bars .rgb-bar .bar.green{background-color:#4caf50}.cmyk-converter-container .converter-form .rgb-display .rgb-bars .rgb-bar .bar.blue{background-color:#2196f3}.cmyk-converter-container .converter-form .save-btn{display:block;width:100%;padding:.75rem;background-color:#0070f3;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:1.5rem}.cmyk-converter-container .converter-form .save-btn:hover{background-color:#0060df}.cmyk-converter-container .history-panel h2{margin-bottom:1.5rem;font-size:1.5rem}.cmyk-converter-container .history-panel .history-list{display:flex;flex-direction:column;gap:1rem}.cmyk-converter-container .history-panel .history-item{display:flex;align-items:center;padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.cmyk-converter-container .history-panel .history-item .color-preview.small{width:60px;height:60px;border-radius:4px;margin-right:1rem;flex-shrink:0;cursor:pointer;transition:transform .2s ease}.cmyk-converter-container .history-panel .history-item .color-preview.small:hover{transform:scale(1.05)}.cmyk-converter-container .history-panel .history-item .history-details{flex:1}.cmyk-converter-container .history-panel .history-item .history-details .history-hex{font-weight:600;font-family:monospace;font-size:1.1rem;margin-bottom:.25rem;cursor:pointer}.cmyk-converter-container .history-panel .history-item .history-details .history-hex:hover{color:#0070f3}.cmyk-converter-container .history-panel .history-item .history-details .history-values{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.9rem;color:#666;margin-bottom:.25rem}.cmyk-converter-container .history-panel .history-item .history-details .history-time{font-size:.8rem;color:#999}.cmyk-converter-container .history-panel .history-item .history-apply-btn{padding:.5rem 1rem;background-color:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem;font-size:.9rem;transition:background-color .2s ease}.cmyk-converter-container .history-panel .history-item .history-apply-btn:hover{background-color:#0060df}.cmyk-converter-container .history-panel .history-item .history-delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:none;border-radius:4px;cursor:pointer;color:#666;font-size:1rem;transition:all .2s ease}.cmyk-converter-container .history-panel .history-item .history-delete-btn:hover{background-color:#ff5252;color:#fff}.cmyk-converter-container .history-panel .no-history{padding:2rem;text-align:center;color:#666;background-color:#f5f5f5;border-radius:8px}@media(max-width:768px){.cmyk-converter-container{padding:1rem}.cmyk-converter-container .converter-form .cmyk-inputs .input-group{grid-template-columns:1fr}.cmyk-converter-container .rgb-display .rgb-values{flex-direction:column;gap:.5rem}.cmyk-converter-container .history-item{flex-direction:column}.cmyk-converter-container .history-item .color-preview.small{width:100%;height:80px;margin-right:0;margin-bottom:1rem}.cmyk-converter-container .history-item .history-details{width:100%;margin-bottom:1rem}.cmyk-converter-container .history-item .history-buttons{display:flex;width:100%;gap:.5rem}.cmyk-converter-container .history-item .history-buttons .history-apply-btn,.cmyk-converter-container .history-item .history-buttons .history-delete-btn{flex:1}}