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