.colorPickerSheetBody[data-v-17a2775a]{display:flex;flex-direction:column;gap:12px}.colorPickerSheetBody__label[data-v-17a2775a]{color:var(--p-text-color);font-size:inherit;font-weight:600}.colorPickerSheetBody__previewRow[data-v-17a2775a]{align-items:center;display:flex;gap:10px}.colorPickerSheetBody__preview[data-v-17a2775a]{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-17a2775a]{border-color:var(--p-surface-600)}.colorPickerSheetBody__hexInput[data-v-17a2775a]{flex:1;font-family:var(--font-mono, monospace);font-size:var(--text-sm)}.colorPickerSheetBody__swatches[data-v-17a2775a]{display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.colorPickerSheetBody__swatch[data-v-17a2775a]{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-17a2775a]:hover{transform:scale(1.08)}.colorPickerSheetBody__swatch--active[data-v-17a2775a]{border-color:var(--p-surface-900)}.body--dark .colorPickerSheetBody__swatch--active[data-v-17a2775a]{border-color:var(--p-surface-0)}.colorPickerSheetBody__native[data-v-17a2775a]{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-17a2775a]:hover{background:#0000000a}.body--dark .colorPickerSheetBody__native[data-v-17a2775a]{background:var(--p-surface-800);border-color:var(--p-surface-600)}.body--dark .colorPickerSheetBody__native[data-v-17a2775a]:hover{background:#ffffff0f}.colorPickerSheetBody__nativeInput[data-v-17a2775a]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}@media(max-width:480px){.colorPickerSheetBody__swatches[data-v-17a2775a]{grid-template-columns:repeat(6,1fr)}.colorPickerSheetBody__swatch[data-v-17a2775a]{min-height:44px}}.colorPickerSheet__content--popover[data-v-5d54637c]{padding:16px;width:340px}.colorPickerSheet__content--drawer[data-v-5d54637c]{display:flex;flex-direction:column;gap:16px;padding:4px 16px calc(env(safe-area-inset-bottom,0px) + 16px)}.colorPickerSheet__footer[data-v-5d54637c]{padding-top:8px}[data-v-5d54637c] .colorPickerSheet__drawer{max-height:70vh}