.color-wheel-tool[data-v-2af6b66e]{width:100%}.color-wheel-body[data-v-2af6b66e]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;margin-bottom:20px;overflow:hidden}.color-wheel-color-info-bar[data-v-2af6b66e]{align-items:center;background-color:#f8fafc;border-bottom:1px solid #f1f5f8;display:flex;flex-wrap:wrap;height:60px;justify-content:space-between;padding:12px 20px}.color-wheel-preview[data-v-2af6b66e]{align-items:center;display:flex;gap:10px}.color-wheel-watch[data-v-2af6b66e]{border:1px solid #e2e8f0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff80;height:26px;transition:background-color .25s ease;width:26px}.color-wheel-preview .color-wheel-hex[data-v-2af6b66e]{color:#141b24;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;letter-spacing:.5px}.color-wheel-color-values[data-v-2af6b66e]{color:#454e58;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.color-wheel-hsl[data-v-2af6b66e],.color-wheel-hsv[data-v-2af6b66e],.color-wheel-rgb[data-v-2af6b66e]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.color-wheel-picker-content[data-v-2af6b66e]{background-color:#fff;display:flex;flex-wrap:wrap;gap:20px;padding:20px}@media (min-width:1024px){.color-wheel-picker-content[data-v-2af6b66e]{align-items:stretch;flex-direction:row}}.color-wheel-panel[data-v-2af6b66e]{display:flex;flex-direction:column;flex-shrink:0;gap:16px}.color-wheel-panel-container[data-v-2af6b66e]{display:flex;justify-content:center}.color-wheel[data-v-2af6b66e]{cursor:default;height:400px;max-width:400px;position:relative;width:100%}.color-wheel-canvas[data-v-2af6b66e]{border-radius:50%;box-shadow:0 10px 24px -8px #141b2426;height:100%;width:100%}.color-wheel-dot[data-v-2af6b66e]{border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #141b2440;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease}.color-wheel-main-color-dot[data-v-2af6b66e]{cursor:grab;height:26px;width:26px;z-index:20}.color-wheel-main-color-dot[data-v-2af6b66e]:active{cursor:grabbing}.color-wheel-secondary-color-dot[data-v-2af6b66e]{height:22px;width:22px;z-index:10}.color-wheel-dragging[data-v-2af6b66e]{cursor:grabbing}.color-wheel-brightness-control-group[data-v-2af6b66e]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.color-wheel-brightness-mode-control[data-v-2af6b66e]{align-items:center;display:flex;gap:8px}.color-wheel-brightness-mode-label[data-v-2af6b66e]{color:#454e58;font-size:13px;font-weight:500}.color-wheel-brightness-mode-select[data-v-2af6b66e]{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#141b24;cursor:pointer;font-size:13px;outline:none;padding:5px 10px;transition:all .2s ease}.color-wheel-brightness-mode-select[data-v-2af6b66e]:focus{border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.color-wheel-brightness-control[data-v-2af6b66e],.color-wheel-brightness-slider-wrapper[data-v-2af6b66e]{padding:4px 0}.color-wheel-brightness-label-row[data-v-2af6b66e]{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.color-wheel-brightness-label[data-v-2af6b66e]{color:#454e58;font-size:13px;font-weight:500}.color-wheel-brightness-value[data-v-2af6b66e]{color:#00535c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;min-width:40px;text-align:right}.color-wheel-brightness-slider[data-v-2af6b66e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#000,#fff);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.color-wheel-brightness-slider-l[data-v-2af6b66e]{background:linear-gradient(90deg,#000,#888,#fff)}.color-wheel-brightness-slider[data-v-2af6b66e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00828f;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00828f4d;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.color-wheel-brightness-slider[data-v-2af6b66e]::-webkit-slider-thumb:hover{background:#00535c;box-shadow:0 4px 10px #00828f66;transform:scale(1.1)}.color-wheel-brightness-slider[data-v-2af6b66e]::-moz-range-thumb{background:#00828f;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00828f4d;cursor:pointer;height:18px;width:18px}.color-wheel-palette-area[data-v-2af6b66e]{display:flex;flex:1;flex-direction:column;gap:16px;min-width:300px}.color-wheel-scheme-select-section[data-v-2af6b66e]{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #141b240a;padding:18px;width:100%}.color-wheel-section-title[data-v-2af6b66e]{color:#141b24;font-size:.98rem;font-weight:600;letter-spacing:.2px;margin:0 0 14px}.color-wheel-scheme-select-dropdown[data-v-2af6b66e]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#141b24;cursor:pointer;font-size:14px;margin-bottom:14px;outline:none;padding:9px 12px;transition:all .2s ease;width:100%}.color-wheel-scheme-select-dropdown[data-v-2af6b66e]:focus{background-color:#fff;border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.color-wheel-scheme-description[data-v-2af6b66e]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#454e58;font-size:13px;line-height:1.7;padding:12px}.color-wheel-palette-result-section[data-v-2af6b66e]{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #141b240a;padding:18px;width:100%}.color-wheel-palette-card[data-v-2af6b66e]{transition:transform .25s ease,box-shadow .25s ease;width:100%}.color-wheel-palette-colors[data-v-2af6b66e]{border:1px solid #e2e8f0;border-radius:8px;display:grid;grid-auto-rows:100%;height:110px;overflow:hidden}.color-wheel-grid-cols-2[data-v-2af6b66e]{grid-template-columns:repeat(2,1fr)}.color-wheel-grid-cols-3[data-v-2af6b66e]{grid-template-columns:repeat(3,1fr)}.color-wheel-grid-cols-4[data-v-2af6b66e]{grid-template-columns:repeat(4,1fr)}.color-wheel-swatch[data-v-2af6b66e]{cursor:pointer;height:100%;overflow:hidden;position:relative;transition:transform .2s ease;width:100%}.color-wheel-swatch[data-v-2af6b66e]:hover{box-shadow:inset 0 0 0 1px #fff,0 4px 12px #141b2433;transform:scale(1.05);z-index:10}.color-wheel-swatch-hex-hover[data-v-2af6b66e]{background-color:#141b2466;border-radius:4px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;left:50%;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.6);top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease}.color-wheel-swatch:hover .color-wheel-swatch-hex-hover[data-v-2af6b66e]{opacity:1}.color-wheel-palette-details[data-v-2af6b66e]{display:grid;font-size:13px;gap:4px;padding:12px 0 0;text-align:center}.color-wheel-swatch-detail[data-v-2af6b66e]{display:flex;flex-direction:column;gap:6px;padding:4px}.color-wheel-swatch-brightness-control[data-v-2af6b66e]{margin-top:4px}.color-wheel-brightness-type[data-v-2af6b66e]{color:#5b646f;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.color-wheel-swatch-brightness-control input[data-v-2af6b66e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#000,#fff);border-radius:2px;cursor:pointer;height:4px;margin-top:2px;outline:none;width:100%}.color-wheel-swatch-brightness-control input[data-v-2af6b66e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00828f;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00828f4d;cursor:pointer;height:12px;width:12px}.color-wheel-brightness-labels[data-v-2af6b66e]{color:#5b646f;display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;justify-content:space-between;margin-top:3px}.color-wheel-hsl-control[data-v-2af6b66e]{margin-top:8px}.color-wheel-copy-toast[data-v-2af6b66e]{background-color:#141b24eb;border-radius:8px;box-shadow:0 8px 24px #141b2426;color:#fff;font-size:14px;left:50%;opacity:0;padding:10px 20px;pointer-events:none;position:fixed;top:70px;transform:translate(-50%) translateY(-100px);transition:all .3s ease;z-index:1000}.color-wheel-copy-toast.color-wheel-show[data-v-2af6b66e]{opacity:1;transform:translate(-50%) translateY(0)}.color-wheel-color-changing[data-v-2af6b66e]{animation:color-wheel-pulse-2af6b66e .3s ease-in-out}@keyframes color-wheel-pulse-2af6b66e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@media (max-width:1023px){.color-wheel-palette-area[data-v-2af6b66e],.color-wheel-panel[data-v-2af6b66e]{max-width:100%;width:100%}.color-wheel[data-v-2af6b66e]{height:400px;max-width:400px}}@media (max-width:767px){.color-wheel[data-v-2af6b66e]{height:300px;max-width:300px}.color-wheel-color-info-bar[data-v-2af6b66e]{align-items:flex-start;flex-direction:column;gap:8px;height:auto;padding:12px 16px}.color-wheel-color-values[data-v-2af6b66e]{flex-direction:column;font-size:12px;gap:6px;min-width:100%}.color-wheel-picker-content[data-v-2af6b66e]{gap:14px;padding:14px}.color-wheel-palette-result-section[data-v-2af6b66e],.color-wheel-scheme-select-section[data-v-2af6b66e]{padding:14px}.color-wheel-brightness-control-group[data-v-2af6b66e]{padding:12px 14px}.color-wheel-palette-colors[data-v-2af6b66e]{height:90px}.color-wheel-section-title[data-v-2af6b66e]{font-size:.92rem;margin-bottom:12px}}