.color-input-panel[data-v-68277e3f]{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-68277e3f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.color-input-panel__actions[data-v-68277e3f]{display:flex;flex-wrap:wrap;gap:7px}.color-input-panel__actions[data-v-68277e3f] .copy-button,.color-input-panel__actions>button[data-v-68277e3f]{min-height:44px;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-68277e3f]:focus-visible{outline:3px solid rgba(79,70,229,.22);outline-offset:2px}.color-input-panel__actions .color-input-panel__apply[data-v-68277e3f]{margin-inline-start:auto;border-color:#111318;background:#111318;color:#fff}.color-input-panel__actions .color-input-panel__apply[data-v-68277e3f]:disabled{cursor:not-allowed;opacity:.45}.color-input-panel__recent[data-v-68277e3f]{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-68277e3f]{margin-inline-end:4px;color:var(--text-secondary);font-size:.66rem}.color-input-panel__recent button[data-v-68277e3f]{width:44px;height:44px;border:5px solid #fff;border-radius:12px;box-shadow:0 0 0 1px var(--border-subtle)}.color-input-panel--compact[data-v-68277e3f]{padding:10px;border-radius:16px}.color-input-panel--compact .color-input-panel__recent[data-v-68277e3f]{display:none}@media(max-width:768px){.color-input-panel__actions .color-input-panel__apply[data-v-68277e3f]{margin-inline-start:0}}@media(max-width:560px){.color-input-panel[data-v-68277e3f]{padding:10px;border-radius:16px}.color-input-panel__actions[data-v-68277e3f]{display:grid;grid-template-columns:repeat(2,1fr)}.color-input-panel__actions[data-v-68277e3f] .copy-button,.color-input-panel__actions>button[data-v-68277e3f]{width:100%}}@media(prefers-reduced-motion:reduce){[data-v-68277e3f]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}