._root_debtk_1{color:var(--control-text);align-items:center;gap:6px;font-size:12px;display:inline-flex;position:relative}._swatch_debtk_9{border:1px solid var(--control-border);width:18px;height:18px;display:block}._popup_debtk_17[role=dialog]{z-index:var(--z-popup-nested);flex-direction:column;align-items:stretch;gap:8px;width:276px;padding:8px;display:flex}._wheel_debtk_27{aspect-ratio:1;-webkit-user-select:none;user-select:none;flex:none;align-self:center;width:220px;max-width:100%;position:relative}._wheel_debtk_27,._wheel_debtk_27 *{touch-action:none}._canvas_debtk_42,._fallbackRing_debtk_43,._hueControl_debtk_44{width:100%;height:100%;position:absolute;inset:0}._canvas_debtk_42{pointer-events:none;display:none}._wheel_debtk_27[data-renderer=webgl2] ._canvas_debtk_42{display:block}._wheel_debtk_27[data-renderer=webgl2] :is(._fallbackRing_debtk_43,._fallbackSquare_debtk_60){visibility:hidden}._fallbackRing_debtk_43{background:conic-gradient(from -45deg, var(--picker-red), var(--picker-yellow), var(--picker-green), var(--picker-cyan), var(--picker-blue), var(--picker-magenta), var(--picker-red));-webkit-mask-image:radial-gradient(circle closest-side, var(--color-transparent) 79.5%, var(--color-black) 80.5% 97.5%, var(--color-transparent) 98.5%);mask-image:radial-gradient(circle closest-side, var(--color-transparent) 79.5%, var(--color-black) 80.5% 97.5%, var(--color-transparent) 98.5%)}._fallbackSquare_debtk_60,._squareControl_debtk_84{position:absolute;inset:24%}._fallbackSquare_debtk_60{background:linear-gradient(to bottom, var(--color-transparent), var(--color-black)), linear-gradient(to right, var(--color-white), var(--picker-hue))}._hueControl_debtk_44{cursor:crosshair;border-radius:50%}._squareControl_debtk_84{cursor:crosshair;box-shadow:0 0 0 1px var(--control-border)}._hueMarker_debtk_105,._squareMarker_debtk_106{border:2px solid var(--color-white);background:var(--color-transparent);width:10px;height:10px;box-shadow:0 0 0 1px var(--color-black);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}._hueMarker_debtk_105{pointer-events:none}._hueControl_debtk_44:focus-visible,._squareMarker_debtk_106:focus-visible{outline-offset:3px}._squareMarker_debtk_106:focus-visible{z-index:1}._details_debtk_130{align-items:center;gap:8px;display:flex}._preview_debtk_136{border:1px solid var(--control-border);width:24px;height:24px;display:block}._previewButton_debtk_143[data-icon-only]{padding:3px}._previewButton_debtk_143[data-color-sample-draggable]{cursor:grab}._previewButton_debtk_143[data-color-sample-draggable],._previewButton_debtk_143[data-color-sample-draggable] *{touch-action:none}._previewButton_debtk_143[data-color-sampling]{cursor:none}._samplePreview_debtk_160{z-index:var(--z-popup-nested);color:var(--control-text);filter:drop-shadow(0 0 1px var(--control-surface));pointer-events:none;align-items:center;gap:4px;display:flex;position:fixed;transform:translate(-2px,-18px)}._hexField_debtk_172{font-family:var(--font-mono);flex:1}._history_debtk_177{border-top:1px solid var(--control-border);flex-wrap:wrap;gap:2px;padding-top:8px;display:flex}._history_debtk_177 ._historyButton_debtk_185[data-icon-only]{width:24px;min-width:24px;height:24px;min-height:24px;padding:3px}._historySwatch_debtk_193{border:1px solid var(--control-border);width:16px;height:16px;display:block}._dragTrigger_debtk_200[data-color-draggable]{cursor:grab}._dragTrigger_debtk_200[data-color-draggable],._dragTrigger_debtk_200[data-color-draggable] *{touch-action:none}._dragTrigger_debtk_200[data-color-dragging]{cursor:grabbing}._dragPreview_debtk_213{z-index:var(--z-popup-nested);border:1px solid var(--control-border);width:24px;height:24px;box-shadow:var(--popup-shadow);pointer-events:none;position:fixed;transform:translate(-50%,calc(-100% - 12px))}._swatch_debtk_9,._preview_debtk_136,._historySwatch_debtk_193,._dragPreview_debtk_213{border-radius:var(--shape-color-swatch)}