.color-picker-field[data-v-15c2b66d]{display:grid;gap:7px;min-width:0}.color-picker-field__label[data-v-15c2b66d]{color:var(--text-secondary);font-size:.7rem;font-weight:800}.color-picker-field__control[data-v-15c2b66d]{display:grid;grid-template-columns:auto auto minmax(0,1fr);min-height:54px;align-items:center;gap:8px;padding:6px;border:1px solid var(--border-subtle);border-radius:14px;background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.color-picker-field__control[data-v-15c2b66d]:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #4f46e524}.color-picker-field__control--invalid[data-v-15c2b66d]{border-color:var(--danger)}.color-picker-field__picker[data-v-15c2b66d]{width:42px;height:42px;padding:0;overflow:hidden;border:0;border-radius:10px;background:transparent;cursor:pointer}.color-picker-field__control>span[data-v-15c2b66d]{color:var(--text-secondary);font-family:var(--font-en);font-weight:800}.color-picker-field__text[data-v-15c2b66d]{min-width:0;height:40px;padding:0;border:0;outline:0;background:transparent;font-size:.84rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.color-picker-field small[data-v-15c2b66d]{color:var(--danger);font-size:.68rem;font-weight:700}@media(max-width:560px){.color-picker-field__control[data-v-15c2b66d]{min-height:50px}.color-picker-field__picker[data-v-15c2b66d]{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){[data-v-15c2b66d]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.copy-button[data-v-125faa48]{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding-inline:12px;border:1px solid var(--border-subtle);border-radius:10px;background:#fff;color:var(--text-primary);font-size:.75rem;font-weight:750;transition:background var(--transition-fast)}.copy-button[data-v-125faa48]:hover{background:var(--surface-secondary)}@media(prefers-reduced-motion:reduce){[data-v-125faa48]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.color-input-panel[data-v-92fc3786]{display:grid;gap:12px;padding:14px;border:1px solid var(--border-subtle);border-radius:20px;background:#ffffffe0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.color-input-panel__fields[data-v-92fc3786]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.color-input-panel__actions[data-v-92fc3786]{display:flex;flex-wrap:wrap;gap:7px}.color-input-panel__actions[data-v-92fc3786] .copy-button,.color-input-panel__actions>button[data-v-92fc3786]{min-height:42px;padding-inline:13px;border:1px solid var(--border-subtle);border-radius:11px;background:#fff;font-size:.7rem;font-weight:800}.color-input-panel__actions>button[data-v-92fc3786]:focus-visible{outline:3px solid rgba(79,70,229,.22);outline-offset:2px}.color-input-panel__actions .color-input-panel__apply[data-v-92fc3786]{margin-inline-start:auto;border-color:#111318;background:#111318;color:#fff}.color-input-panel__actions .color-input-panel__apply[data-v-92fc3786]:disabled{cursor:not-allowed;opacity:.45}.color-input-panel__recent[data-v-92fc3786]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-block-start:10px;border-block-start:1px solid var(--border-subtle)}.color-input-panel__recent>span[data-v-92fc3786]{margin-inline-end:4px;color:var(--text-secondary);font-size:.66rem}.color-input-panel__recent button[data-v-92fc3786]{width:32px;height:32px;border:3px solid #fff;border-radius:9px;box-shadow:0 0 0 1px var(--border-subtle)}.color-input-panel--compact[data-v-92fc3786]{padding:10px;border-radius:16px}.color-input-panel--compact .color-input-panel__recent[data-v-92fc3786]{display:none}@media(max-width:768px){.color-input-panel__actions .color-input-panel__apply[data-v-92fc3786]{margin-inline-start:0}}@media(max-width:560px){.color-input-panel[data-v-92fc3786]{padding:10px;border-radius:16px}.color-input-panel__actions[data-v-92fc3786]{display:grid;grid-template-columns:repeat(2,1fr)}.color-input-panel__actions[data-v-92fc3786] .copy-button,.color-input-panel__actions>button[data-v-92fc3786]{width:100%}}@media(prefers-reduced-motion:reduce){[data-v-92fc3786]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}