.colorPickerSheetBody[data-v-ee4d1b4b]{display:flex;flex-direction:column;gap:12px}.colorPickerSheetBody__label[data-v-ee4d1b4b]{color:var(--p-text-color);font-size:inherit;font-weight:600}.colorPickerSheetBody__previewRow[data-v-ee4d1b4b]{align-items:center;display:flex;gap:10px}.colorPickerSheetBody__preview[data-v-ee4d1b4b]{border:1px solid var(--p-surface-300);border-radius:var(--radius-md, 8px);flex:0 0 auto;height:36px;width:36px}.body--dark .colorPickerSheetBody__preview[data-v-ee4d1b4b]{border-color:var(--p-surface-600)}.colorPickerSheetBody__hexInput[data-v-ee4d1b4b]{flex:1;font-family:var(--font-mono, monospace);font-size:var(--text-sm)}.colorPickerSheetBody__swatches[data-v-ee4d1b4b]{display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.colorPickerSheetBody__swatch[data-v-ee4d1b4b]{aspect-ratio:1;border:2px solid transparent;border-radius:50%;cursor:pointer;min-height:28px;padding:0;transition:border-color .12s ease,transform .12s ease}.colorPickerSheetBody__swatch[data-v-ee4d1b4b]:hover{transform:scale(1.08)}.colorPickerSheetBody__swatch--active[data-v-ee4d1b4b]{border-color:var(--p-surface-900)}.body--dark .colorPickerSheetBody__swatch--active[data-v-ee4d1b4b]{border-color:var(--p-surface-0)}.colorPickerSheetBody__native[data-v-ee4d1b4b]{align-items:center;background:var(--p-surface-100);border:1px dashed var(--p-surface-300);border-radius:var(--radius-md, 8px);color:var(--p-text-color);cursor:pointer;display:inline-flex;font-size:var(--text-sm);gap:8px;justify-content:center;min-height:38px;padding:8px 12px;transition:background-color .12s ease}.colorPickerSheetBody__native[data-v-ee4d1b4b]:hover{background:#0000000a}.body--dark .colorPickerSheetBody__native[data-v-ee4d1b4b]{background:var(--p-surface-800);border-color:var(--p-surface-600)}.body--dark .colorPickerSheetBody__native[data-v-ee4d1b4b]:hover{background:#ffffff0f}.colorPickerSheetBody__nativeInput[data-v-ee4d1b4b]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}@media(max-width:480px){.colorPickerSheetBody__swatches[data-v-ee4d1b4b]{grid-template-columns:repeat(6,1fr)}.colorPickerSheetBody__swatch[data-v-ee4d1b4b]{min-height:44px}}.colorPickerSheet__content--popover[data-v-14d389c1]{padding:16px;width:340px}.colorPickerSheet__content--drawer[data-v-14d389c1]{display:flex;flex-direction:column;gap:16px;min-height:0;padding:4px 16px calc(env(safe-area-inset-bottom,0px) + 16px)}.colorPickerSheet__footer[data-v-14d389c1]{padding-top:8px}[data-v-14d389c1] .colorPickerSheet__drawer{height:auto;max-height:min(82dvh,100dvh - var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) - 24px)}[data-v-14d389c1] .colorPickerSheet__drawerContent{min-height:0;overflow-y:auto;padding:0}