.section-title[data-v-81646652]{margin:0 0 16px;font-size:16px;font-weight:650}.input-label[data-v-81646652]{margin-top:0}.input-row[data-v-81646652]{display:flex;align-items:center;gap:12px}.color-swatch[data-v-81646652]{width:44px;height:44px;flex-shrink:0;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm)}.color-input[data-v-81646652]{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.preset-label[data-v-81646652]{margin:18px 0 10px;font-size:13px;color:var(--tools-muted)}.preset-row[data-v-81646652]{display:flex;flex-wrap:wrap;gap:10px}.preset-dot[data-v-81646652]{width:34px;height:34px;padding:0;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);cursor:pointer}.convert-wrap[data-v-81646652]{display:flex;justify-content:center;margin-top:20px}.convert-btn[data-v-81646652]{min-width:120px;border:0;border-radius:var(--tools-radius-sm);padding:10px 28px;background:#f59e0b;color:#111827;font-size:14px;font-weight:600;cursor:pointer}.result-panel[data-v-81646652]{display:flex;flex-direction:column;gap:10px}.format-row[data-v-81646652]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);background:var(--tools-bg)}.format-row.is-copied[data-v-81646652]{border-color:#f59e0b}.format-main[data-v-81646652]{min-width:0;flex:1}.format-label[data-v-81646652]{display:block;margin-bottom:6px;font-size:12px;color:var(--tools-muted)}.format-value[data-v-81646652]{display:block;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;word-break:break-all}.copy-btn[data-v-81646652]{flex-shrink:0;border:0;border-radius:var(--tools-radius-sm);padding:6px 12px;background:var(--tools-surface);color:var(--tools-text);font-size:13px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--tools-border)}.copy-btn[data-v-81646652]:hover{background:#fff}