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