.color-layout[data-v-0f2ba172]{padding:0 15px 10px;max-width:480px}.picker-card[data-v-0f2ba172]{gap:14px}.picker-row[data-v-0f2ba172]{display:flex;align-items:center;gap:14px}.color-native[data-v-0f2ba172]{width:64px;height:40px;padding:0;border:none;background:transparent;cursor:pointer}.swatch[data-v-0f2ba172]{flex:1;height:40px;border-radius:8px;border:1px solid #e2e8f0}.app.dark .swatch[data-v-0f2ba172]{border-color:#374151}.hex-row[data-v-0f2ba172]{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#64748b}.app.dark .hex-row[data-v-0f2ba172]{color:#94a3b8}.hex-text[data-v-0f2ba172]{flex:1;font-family:Courier New,monospace;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#2c3e50}.app.dark .hex-text[data-v-0f2ba172]{background:#111827;border-color:#374151;color:#f8f8f8}.channels[data-v-0f2ba172]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.channels li[data-v-0f2ba172]{display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:center;font-size:.88rem}.ch-label[data-v-0f2ba172]{color:#64748b}.app.dark .ch-label[data-v-0f2ba172]{color:#94a3b8}.ch-val[data-v-0f2ba172]{font-family:Courier New,monospace;font-size:.82rem;word-break:break-all;background:#f1f5f9;padding:6px 8px;border-radius:6px;color:#0f172a}.app.dark .ch-val[data-v-0f2ba172]{background:#111827;color:#e2e8f0}.mini-copy[data-v-0f2ba172]{padding:6px 10px;border:none;border-radius:6px;background:#9b59b6;color:#fff;cursor:pointer;font-size:.78rem}.hint[data-v-0f2ba172]{font-size:.82rem;color:#94a3b8;margin:0}