.tooltip-entry[data-astro-cid-exwtjw3l]{font-weight:500;display:flex;align-items:center;padding:5px 12px;background-color:#000;color:#ccc;font-family:Arial,sans-serif;font-size:16px;white-space:nowrap;border:1px solid #4D4D4D}.tooltip-text[data-astro-cid-exwtjw3l]{margin-right:12px}.tooltip-shortcuts[data-astro-cid-exwtjw3l]{display:flex;align-items:center;gap:8px;color:#666;font-size:16px}.tool-wrapper[data-astro-cid-rpec3zar]{position:relative;display:inline-block}.tooltip-container[data-astro-cid-rpec3zar]{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;transition:opacity .2s var(--easing_ExtremeInOut),visibility 0s linear .2s}.tool-wrapper[data-astro-cid-rpec3zar]:hover .tooltip-container[data-astro-cid-rpec3zar]{visibility:visible;opacity:1;transition:opacity .2s var(--easing_ExtremeInOut) .5s,visibility 0s linear .5s}.tool-wrapper[data-astro-cid-rpec3zar] .tool{width:48px;height:48px;background-color:#333;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:background-color .15s var(--easing_ExtremeInOut);cursor:pointer}.tool-wrapper[data-astro-cid-rpec3zar] .tool:hover{border:1px solid #4D4D4D;background-color:#404040}.tool-wrapper[data-astro-cid-rpec3zar] .tool.sharetool:hover{border:none;background-color:#333}.tool-wrapper[data-astro-cid-rpec3zar] .tool.active{border:1px solid #4D4D4D;background-color:#404040}.tool-wrapper[data-astro-cid-rpec3zar] .tool.active:hover{background-color:#5a5a5a}:root{--picker-bg: #1A1A1A;--border-color: #1A1A1A;--text-color: #CCCCCC;--handle-color: #3d92ff;--input-bg: #1A1A1A}#color-picker-container[data-astro-cid-kqvokvv5]{width:296px;background-color:var(--picker-bg);border:1px solid #333333;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;font-size:14px;font-weight:500;user-select:none}#saturation-box[data-astro-cid-kqvokvv5]{width:256px;height:256px;position:relative;border:1px solid #1A1A1A;box-shadow:inset #666}.saturation-white[data-astro-cid-kqvokvv5],.saturation-black[data-astro-cid-kqvokvv5]{position:absolute;inset:0}.saturation-white[data-astro-cid-kqvokvv5]{background:linear-gradient(to right,#fff,#fff0)}.saturation-black[data-astro-cid-kqvokvv5]{background:linear-gradient(to top,#000,#0000)}.slider-container[data-astro-cid-kqvokvv5]{width:100%;height:20px;position:relative;cursor:pointer}#hue-slider[data-astro-cid-kqvokvv5]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}#alpha-slider[data-astro-cid-kqvokvv5]{background-image:url(/Pattern_Alpha.png);background-repeat:repeat-x;background-size:auto 100%}#alpha-gradient[data-astro-cid-kqvokvv5]{position:absolute;inset:0}.handle[data-astro-cid-kqvokvv5]{position:absolute;box-sizing:border-box;pointer-events:none;z-index:100}#saturation-handle[data-astro-cid-kqvokvv5],#hue-handle[data-astro-cid-kqvokvv5],#alpha-handle[data-astro-cid-kqvokvv5]{width:20px;height:20px;border:5px solid #FFFFFF;background-color:var(--handle-color);transform:translate(-50%,-50%) rotate(45deg)}#saturation-handle[data-astro-cid-kqvokvv5]{width:20px;height:20px}#hue-handle[data-astro-cid-kqvokvv5],#alpha-handle[data-astro-cid-kqvokvv5]{width:20px;height:20px;top:50%}#color-inputs[data-astro-cid-kqvokvv5]{display:flex;flex-direction:column}.input-group[data-astro-cid-kqvokvv5]{display:flex;align-items:center;background-color:var(--input-bg);color:var(--text-color);font-size:14px}.hsb-label[data-astro-cid-kqvokvv5]{padding:5px 20px;flex-shrink:0}#color-inputs[data-astro-cid-kqvokvv5] input[data-astro-cid-kqvokvv5]{background-color:transparent;border:none;color:var(--text-color);text-align:center;padding:4px 0;font-size:var(--fontSize_02);width:100%;box-sizing:border-box;border-left:1px solid #262626}.percent-input[data-astro-cid-kqvokvv5]{display:flex;align-items:center;width:100%;border:none}.input-border[data-astro-cid-kqvokvv5]{display:flex;align-items:center;background-color:var(--input-bg);color:var(--text-color);font-size:14px;border:1px solid #333333}.percent-input[data-astro-cid-kqvokvv5] input[data-astro-cid-kqvokvv5]{border:none}.percent-input[data-astro-cid-kqvokvv5] div[data-astro-cid-kqvokvv5]{padding:4px 10px 4px 0;font-size:var(--fontSize_02);font-weight:500}#color-inputs[data-astro-cid-kqvokvv5] input[data-astro-cid-kqvokvv5]::-webkit-outer-spin-button,#color-inputs[data-astro-cid-kqvokvv5] input[data-astro-cid-kqvokvv5]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#color-inputs[data-astro-cid-kqvokvv5] input[data-astro-cid-kqvokvv5]:focus{outline:none}#color-inputs[data-astro-cid-kqvokvv5] input[data-astro-cid-kqvokvv5][type=number]{-moz-appearance:textfield}#swatches-section[data-astro-cid-kqvokvv5]{color:var(--text-color)}.swatches-header[data-astro-cid-kqvokvv5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:14px;font-weight:500}.more-options-btn[data-astro-cid-kqvokvv5]{width:10px;height:20px;background:none;border:none;color:var(--text-color);font-size:16px;cursor:pointer;padding:0 4px}#swatches-container[data-astro-cid-kqvokvv5]{display:grid;grid-template-columns:repeat(8,minmax(24px,1fr));gap:9px}.swatch[data-astro-cid-kqvokvv5],#add-swatch-btn[data-astro-cid-kqvokvv5]{width:24px;height:24px;cursor:pointer}#add-swatch-btn[data-astro-cid-kqvokvv5]{background-color:var(--input-bg);color:var(--text-color);font-size:14px;text-align:center;line-height:22px;border:.5px solid #666666}