.converter-wrapper[data-astro-cid-vma5fd7r]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #667eea4d}.input-section[data-astro-cid-vma5fd7r]{margin-bottom:2rem}.input-section[data-astro-cid-vma5fd7r] label[data-astro-cid-vma5fd7r]{display:block;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.color-preview[data-astro-cid-vma5fd7r]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#ffffff26;border-radius:12px}.preview-box[data-astro-cid-vma5fd7r]{width:80px;height:80px;border-radius:12px;background:#ff5733;box-shadow:0 4px 15px #0003;transition:background-color .3s}.color-preview[data-astro-cid-vma5fd7r] span[data-astro-cid-vma5fd7r]{color:#fff;font-size:1.1rem;font-weight:500}.output-grid[data-astro-cid-vma5fd7r]{display:grid;gap:1rem}.output-card[data-astro-cid-vma5fd7r]{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.output-card[data-astro-cid-vma5fd7r] label[data-astro-cid-vma5fd7r]{font-size:.85rem;color:#666;font-weight:500;min-width:60px}.output-value[data-astro-cid-vma5fd7r]{flex:1;font-family:Monaco,Consolas,monospace;font-size:1rem;color:#333;word-break:break-all}.copy-btn[data-astro-cid-vma5fd7r]{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:transform .2s,box-shadow .2s;white-space:nowrap}.copy-btn[data-astro-cid-vma5fd7r]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.copy-btn[data-astro-cid-vma5fd7r]:active{transform:translateY(0)}@media(max-width:640px){.converter-wrapper[data-astro-cid-vma5fd7r]{padding:1.5rem}.input-group[data-astro-cid-vma5fd7r]{flex-direction:column;align-items:stretch}.input-group[data-astro-cid-vma5fd7r] input[data-astro-cid-vma5fd7r][type=color]{width:100%;height:50px}.related-grid[data-astro-cid-vma5fd7r]{grid-template-columns:1fr}}