.swap-row[data-astro-cid-nufbu6xt]{display:flex;align-items:center;gap:10px;margin-bottom:24px}.conv-heading[data-astro-cid-nufbu6xt]{font-size:14px;font-weight:600;color:var(--text-1);font-family:var(--font-mono);letter-spacing:.01em}.conv-heading[data-astro-cid-nufbu6xt] .to[data-astro-cid-nufbu6xt]{color:var(--blue)}.swap-btn[data-astro-cid-nufbu6xt]{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--text-2);background:var(--bg);border:1px solid var(--border-strong);padding:5px 14px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;letter-spacing:.01em}.swap-btn[data-astro-cid-nufbu6xt]:hover{background:var(--bg-soft);color:var(--text-1)}.swap-btn[data-astro-cid-nufbu6xt]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.swap-btn[data-astro-cid-nufbu6xt] svg[data-astro-cid-nufbu6xt]{flex-shrink:0;transition:transform .3s ease}.swap-btn[data-astro-cid-nufbu6xt].spun svg[data-astro-cid-nufbu6xt]{transform:rotate(180deg)}.field-block[data-astro-cid-nufbu6xt]{margin-bottom:22px}.field-label[data-astro-cid-nufbu6xt]{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.input-field[data-astro-cid-nufbu6xt]{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--text-1);background:var(--bg);border:1px solid var(--border);border-bottom:2px solid var(--border-strong);padding:8px 12px;width:100%;max-width:220px;outline:none;display:block;transition:border-color .12s,background .12s;-webkit-appearance:none;appearance:none}.input-field[data-astro-cid-nufbu6xt]:focus{border-color:var(--blue);border-bottom-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.input-field[data-astro-cid-nufbu6xt]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.input-field[data-astro-cid-nufbu6xt].invalid{border-color:var(--danger);border-bottom-color:var(--danger);background:var(--danger-soft)}.error-text[data-astro-cid-nufbu6xt]{font-size:11px;color:var(--danger);margin-top:5px;min-height:16px}.hex-input-wrap[data-astro-cid-nufbu6xt]{display:flex;align-items:stretch;max-width:220px}.hex-prefix[data-astro-cid-nufbu6xt]{display:flex;align-items:center;justify-content:center;padding:0 10px;font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--text-3);background:var(--bg-soft);border:1px solid var(--border);border-bottom:2px solid var(--border-strong);border-right:none;user-select:none}.hex-input-wrap[data-astro-cid-nufbu6xt] .input-field[data-astro-cid-nufbu6xt]{max-width:none;flex:1;text-transform:uppercase}.hex-input-wrap[data-astro-cid-nufbu6xt]:has(.input-field.invalid) .hex-prefix[data-astro-cid-nufbu6xt],.hex-prefix[data-astro-cid-nufbu6xt].invalid{border-color:var(--danger);border-bottom-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.rgb-fields[data-astro-cid-nufbu6xt]{display:flex;gap:8px}.rgb-field[data-astro-cid-nufbu6xt]{flex:1;max-width:90px}.rgb-field[data-astro-cid-nufbu6xt] label[data-astro-cid-nufbu6xt]{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.rgb-field[data-astro-cid-nufbu6xt] input[data-astro-cid-nufbu6xt]{width:100%;max-width:none;text-align:center}.output-area[data-astro-cid-nufbu6xt]{display:flex;align-items:stretch;gap:0;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}@media(max-width:560px){.output-area[data-astro-cid-nufbu6xt]{flex-direction:column}}.color-swatch[data-astro-cid-nufbu6xt]{width:72px;flex-shrink:0;border:1px solid var(--border);border-right:none;background:#2563eb;transition:background .1s;min-height:72px}@media(max-width:560px){.color-swatch[data-astro-cid-nufbu6xt]{width:100%;height:56px;min-height:unset;border-right:1px solid var(--border);border-bottom:none}}.output-box[data-astro-cid-nufbu6xt]{flex:1;background:var(--bg-soft);border:1px solid var(--border);padding:12px 16px;display:flex;flex-direction:column;justify-content:center;gap:4px}.output-label[data-astro-cid-nufbu6xt]{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.output-row[data-astro-cid-nufbu6xt]{display:flex;align-items:center;justify-content:space-between;gap:10px}.output-value[data-astro-cid-nufbu6xt]{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--text-1);letter-spacing:-.02em;word-break:break-all}.output-channels[data-astro-cid-nufbu6xt]{font-size:12px;color:var(--text-3);font-family:var(--font-mono)}.btn-icon[data-astro-cid-nufbu6xt]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:30px;height:30px;flex-shrink:0;padding:0 8px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text-3);cursor:pointer;transition:background .12s,color .12s,border-color .12s;outline:none}.btn-icon[data-astro-cid-nufbu6xt]:hover{background:var(--bg-ui);color:var(--text-1)}.btn-icon[data-astro-cid-nufbu6xt]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn-icon[data-astro-cid-nufbu6xt].copied{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-soft-b);padding:0 10px}.copy-feedback[data-astro-cid-nufbu6xt]{font-family:var(--font-sans);font-size:12px;font-weight:600;white-space:nowrap}.hidden[data-astro-cid-nufbu6xt]{display:none!important}