.input-card[data-v-a2d247cb]{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.native-color[data-v-a2d247cb]{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;width:36px;height:36px;padding:0;overflow:hidden}.native-color input[type=color][data-v-a2d247cb]{cursor:pointer;background:0 0;border:none;width:200%;height:200%;margin:-25%}.hex-input[data-v-a2d247cb]{width:130px;font-family:var(--font-mono);text-transform:uppercase}.presets[data-v-a2d247cb]{flex-wrap:wrap;gap:6px;display:flex}.preset-dot[data-v-a2d247cb]{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:26px;height:26px;padding:0;transition:transform .12s}.preset-dot[data-v-a2d247cb]:hover{transform:scale(1.18)}.scale-strip[data-v-a2d247cb]{grid-template-columns:repeat(11,1fr);display:grid}@media (width<=700px){.scale-strip[data-v-a2d247cb]{grid-template-columns:repeat(6,1fr)}}.scale-cell[data-v-a2d247cb]{aspect-ratio:.65;cursor:pointer;flex-direction:column;justify-content:flex-end;padding:8px 6px;transition:filter .12s;display:flex}.scale-cell[data-v-a2d247cb]:hover{filter:brightness(.88)}.sc-label[data-v-a2d247cb]{color:#000000a6;font-size:11px;font-weight:600}.sc-hex[data-v-a2d247cb]{font-size:10px;font-family:var(--font-mono);color:#00000073;word-break:break-all;margin-top:2px}.sc-label.light[data-v-a2d247cb]{color:#ffffffd9}.sc-hex.light[data-v-a2d247cb]{color:#fff9}.harmony-grid[data-v-a2d247cb]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.harmony-cell[data-v-a2d247cb]{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;height:90px;padding:8px;transition:filter .12s;display:flex}.harmony-cell[data-v-a2d247cb]:hover{filter:brightness(.88)}.hc-name[data-v-a2d247cb]{color:#000000a6;font-size:10px;font-weight:600}.hc-hex[data-v-a2d247cb]{font-size:10px;font-family:var(--font-mono);color:#00000073}.hc-name.light[data-v-a2d247cb]{color:#ffffffd9}.hc-hex.light[data-v-a2d247cb]{color:#fff9}.code-pre[data-v-a2d247cb]{font-family:var(--font-mono);color:var(--fg);margin:0;padding:16px;font-size:12.5px;line-height:1.6;overflow-x:auto}