.cc-top[data-v-f5edfc7d]{display:flex;gap:16px;margin-bottom:20px;align-items:center}.cc-picker[data-v-f5edfc7d]{display:flex;gap:8px}.cc-color-input[data-v-f5edfc7d]{width:60px;height:44px;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;padding:2px}.cc-hex-input[data-v-f5edfc7d]{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-family:monospace;width:120px}.cc-preview[data-v-f5edfc7d]{flex:1;padding:20px;border-radius:12px;text-align:center;font-family:monospace;font-size:16px;font-weight:600;min-height:44px;display:flex;align-items:center;justify-content:center}.cc-result[data-v-f5edfc7d]{display:flex;flex-direction:column;gap:16px}.cc-formats[data-v-f5edfc7d]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.cc-format[data-v-f5edfc7d]{padding:14px;background:var(--color-bg);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.cc-format[data-v-f5edfc7d]:hover{background:var(--color-primary-bg)}.cc-f-label[data-v-f5edfc7d]{font-size:12px;color:var(--color-text-light)}.cc-f-value[data-v-f5edfc7d]{font-size:14px;font-family:monospace;font-weight:600}.cc-f-copy[data-v-f5edfc7d]{font-size:12px;align-self:flex-end}.cc-scheme[data-v-f5edfc7d],.cc-shades[data-v-f5edfc7d]{background:var(--color-bg);border-radius:10px;padding:14px}.cc-scheme-title[data-v-f5edfc7d]{font-size:13px;font-weight:600;margin-bottom:10px}.cc-scheme-row[data-v-f5edfc7d]{display:flex;align-items:center;gap:12px;margin-bottom:10px}.cc-scheme-label[data-v-f5edfc7d]{min-width:60px;font-size:12px;color:var(--color-text-light)}.cc-swatch[data-v-f5edfc7d]{padding:8px 12px;border-radius:6px;font-size:11px;font-family:monospace;cursor:pointer;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.3)}.cc-swatches[data-v-f5edfc7d]{display:flex;gap:6px}.cc-swatch-sm[data-v-f5edfc7d]{padding:8px 10px;border-radius:6px;font-size:10px;font-family:monospace;cursor:pointer;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.3)}.cc-shades-row[data-v-f5edfc7d]{display:flex;gap:4px}.cc-shade[data-v-f5edfc7d]{flex:1;height:40px;border-radius:6px;cursor:pointer}@media (max-width: 600px){.cc-formats[data-v-f5edfc7d]{grid-template-columns:1fr}.cc-top[data-v-f5edfc7d]{flex-direction:column;align-items:stretch}}