.color-picker-engine[data-v-e42941d3]{flex-direction:column;gap:.875rem;display:flex}.color-picker-engine--mobile[data-v-e42941d3]{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;gap:1rem;padding:.75rem}.color-picker-sat[data-v-e42941d3]{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;width:100%;height:180px;position:relative;overflow:hidden}.color-picker-sat--mobile[data-v-e42941d3]{border-radius:14px;height:min(58vw,320px);min-height:240px;max-height:320px}.color-picker-sat[data-v-e42941d3]:focus-visible{box-shadow:0 0 0 3px #10b98147}.color-picker-sat__hue[data-v-e42941d3],.color-picker-sat__white[data-v-e42941d3],.color-picker-sat__black[data-v-e42941d3]{position:absolute;inset:0}.color-picker-sat__white[data-v-e42941d3]{background:linear-gradient(90deg,#fff,#0000)}.color-picker-sat__black[data-v-e42941d3]{background:linear-gradient(#0000,#000)}.color-picker-slider[data-v-e42941d3]{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;outline:none;height:14px;position:relative}.color-picker-slider--mobile[data-v-e42941d3]{height:20px}.color-picker-slider[data-v-e42941d3]:focus-visible{box-shadow:0 0 0 3px #10b98147}.color-picker-hue__track[data-v-e42941d3],.color-picker-alpha__track[data-v-e42941d3]{border-radius:inherit;position:absolute;inset:0}.color-picker-hue__track[data-v-e42941d3]{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.color-picker-alpha[data-v-e42941d3]{background-color:#f8fafc}.color-picker-alpha__track[data-v-e42941d3]{border:1px solid #e2e8f0}.color-picker-pointer[data-v-e42941d3]{z-index:2;box-sizing:border-box;pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a40,0 2px 6px #0f172a40}.color-picker-pointer--sat[data-v-e42941d3]{width:18px;height:18px}.color-picker-pointer--slider[data-v-e42941d3]{background:#fff;width:18px;height:18px;top:50%}.color-picker-pointer--mobile[data-v-e42941d3]{width:24px;height:24px}.color-swatch-preview[data-v-aa4c4969],.color-chip-preview[data-v-aa4c4969],.color-picker-preview[data-v-aa4c4969]{background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;position:relative}.color-swatch-preview__fill[data-v-aa4c4969],.color-chip-preview__fill[data-v-aa4c4969],.color-picker-preview__fill[data-v-aa4c4969]{width:100%;height:100%;display:block}.color-picker-backdrop[data-v-aa4c4969]{z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0f172a24;border:0;position:fixed;inset:0}.color-picker-panel[data-v-aa4c4969]{z-index:9999;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 40px #0f172a29,0 8px 16px #0f172a14}.color-picker-panel--float[data-v-aa4c4969]{border-radius:.875rem;max-width:calc(100vw - 1rem);padding:.875rem;position:fixed}.color-picker-preview-row[data-v-aa4c4969]{align-items:flex-end;gap:.75rem;display:flex}.color-picker-preview[data-v-aa4c4969]{border:1px solid #e2e8f0;border-radius:.75rem;flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.color-picker-preview--sheet[data-v-aa4c4969]{border-radius:.875rem;width:2.75rem;height:2.75rem}.color-picker-hex-input[data-v-aa4c4969]{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;min-height:2.5rem;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:600}.color-picker-hex-input[data-v-aa4c4969]:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9812e}.color-picker-presets[data-v-aa4c4969]{grid-template-columns:repeat(auto-fill,minmax(1.75rem,1fr));gap:.5rem;display:grid}.color-picker-preset[data-v-aa4c4969]{aspect-ratio:1;border:1px solid #0f172a1a;border-radius:.5rem;min-height:1.75rem}.color-picker-preset--active[data-v-aa4c4969]{box-shadow:0 0 0 2px #fff,0 0 0 4px #10b981}.color-picker-sheet-backdrop[data-v-aa4c4969]{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;position:fixed;inset:0}.color-picker-sheet-shell[data-v-aa4c4969]{z-index:9999;justify-content:center;display:flex;position:fixed;inset:0}.color-picker-sheet-shell--phone[data-v-aa4c4969]{align-items:stretch;padding:0}.color-picker-sheet-shell--tablet[data-v-aa4c4969]{align-items:center;padding:1.25rem}.color-picker-sheet[data-v-aa4c4969]{background:#fff;flex-direction:column;width:100%;display:flex;box-shadow:0 20px 40px #0f172a2e,0 8px 16px #0f172a14}.color-picker-sheet--phone[data-v-aa4c4969]{height:100%;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:1.25rem 1.25rem 0 0}.color-picker-sheet--tablet[data-v-aa4c4969]{border-radius:1.25rem;max-width:28rem;max-height:min(85dvh,40rem);overflow:hidden}.color-picker-sheet__header[data-v-aa4c4969]{border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:.5rem;min-height:3.25rem;padding:.5rem .75rem;display:flex}.color-picker-sheet__text-btn[data-v-aa4c4969]{color:#64748b;background:0 0;border:0;border-radius:.75rem;min-width:4.5rem;min-height:2.75rem;padding:0 .5rem;font-size:.875rem;font-weight:700}.color-picker-sheet__text-btn--done[data-v-aa4c4969]{color:#059669}.color-picker-sheet__text-btn[data-v-aa4c4969]:active{background:#f1f5f9}.color-picker-sheet__body[data-v-aa4c4969]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom,0px));flex:auto;overflow:hidden auto}.color-picker-sheet__section[data-v-aa4c4969]{margin-bottom:1.15rem}.color-picker-sheet__label[data-v-aa4c4969]{color:#64748b;margin-bottom:.45rem;font-size:.75rem;font-weight:700;display:block}.color-picker-sheet__input[data-v-aa4c4969]{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;width:100%;min-height:2.75rem;padding:.625rem .875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:600}.color-picker-sheet__input[data-v-aa4c4969]:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9812e}.color-picker-sheet__presets[data-v-aa4c4969]{grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:.625rem;display:grid}.color-picker-sheet__preset[data-v-aa4c4969]{aspect-ratio:1;border:1px solid #0f172a1a;border-radius:.75rem;min-height:2.5rem}.color-picker-sheet__preset--active[data-v-aa4c4969]{box-shadow:0 0 0 2px #fff,0 0 0 4px #10b981}