/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#5f6368;background-color:#f8f9fa;font-family:Inter,sans-serif;line-height:1.6}.converter-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.converter-card{background-color:#fff;border-radius:12px;width:100%;max-width:500px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000014}.color-preview{height:120px;margin:-2rem -2rem 2rem;transition:all .3s}h1{color:#333;text-align:center;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.input-group{width:100%;margin-bottom:1.2rem}.input-group label{flex-direction:column;display:flex}.input-group label span{margin-bottom:.5rem;font-size:.875rem;font-weight:500}.input-group input{border:1px solid #dfe1e5;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:#4285f4;outline:none;box-shadow:0 0 0 2px #4285f433}.input-group input.error{border-color:#ff6b6b}.input-group input.error:focus{box-shadow:0 0 0 2px #ff6b6b33}.error-message{color:#ff6b6b;margin-top:.25rem;font-size:.75rem}.rgb-inputs{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.result-container{background-color:#f5f7fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.result{align-items:center;margin-bottom:.5rem;display:flex}.result:last-child{margin-bottom:0}.result span{min-width:40px;margin-right:.5rem;font-size:.875rem;font-weight:500}.result code{background-color:#e9ecef;border-radius:4px;flex-grow:1;padding:.4rem .8rem;font-family:monospace;font-size:.875rem}.result .copy-button{cursor:pointer;background-color:#0000;border:1px solid #dfe1e5;border-radius:4px;margin-left:.5rem;padding:.25rem .5rem;font-size:.75rem;transition:all .3s}.result .copy-button:hover{color:#fff;background-color:#4285f4;border-color:#4285f4}.copied-notification{color:#fff;background-color:#66bb6a;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;animation:fadeOut 2s ease-in-out;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.recent-colors h3{margin-bottom:.5rem;font-size:1rem;font-weight:500}.recent-colors .color-swatches{gap:.5rem;display:flex}.recent-colors .color-swatches .color-swatch{cursor:pointer;border:1px solid #0000000d;border-radius:8px;width:32px;height:32px;transition:all .3s}.recent-colors .color-swatches .color-swatch:hover{transform:scale(1.1)}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (width<=600px){.converter-card{padding:1.5rem}.color-preview{height:100px;margin:-1.5rem -1.5rem 1.5rem}h1{font-size:1.5rem}.rgb-inputs{grid-template-columns:1fr;gap:.75rem}}