:root,[data-theme=dark]{--picker-input-focus-border:#4CAF50;--picker-slider-thumb-border:#ffffff;--picker-mode-option-check:#4CAF50;--picker-hex-row-focus-border:#318aba;--picker-handle-border:#ffffff}:root{--picker-bg:#ffffff;--picker-border:rgba(0, 0, 0, 0.12);--picker-shadow:0 8px 30px rgba(0, 0, 0, 0.15),0 2px 6px rgba(0, 0, 0, 0.08);--picker-text:#1e293b;--picker-input-bg:#f8fafc;--picker-input-border:rgba(0, 0, 0, 0.15);--picker-input-focus-bg:#ffffff;--picker-slider-track-bg:#f1f5f9;--picker-slider-track-border:rgba(0, 0, 0, 0.1);--picker-slider-thumb-shadow:0 0 1px 2px rgba(0, 0, 0, 0.15);--picker-slider-thumb-inner-ring:rgba(0, 0, 0, 0.25);--picker-slider-label:#64748b;--picker-mode-select-bg:#f8fafc;--picker-mode-select-border:rgba(0, 0, 0, 0.15);--picker-mode-select-color:#1e293b;--picker-mode-dropdown-bg:#ffffff;--picker-mode-dropdown-border:rgba(0, 0, 0, 0.15);--picker-mode-option-color:#1e293b;--picker-mode-option-hover-bg:rgba(76, 175, 80, 0.1);--picker-mode-option-active-bg:rgba(76, 175, 80, 0.12);--picker-mode-option-active-color:#1e293b;--picker-icon-btn-bg:#f1f5f9;--picker-icon-btn-color:#475569;--picker-icon-btn-hover-bg:#e2e8f0;--picker-icon-btn-hover-color:#1e293b;--picker-footer-border:rgba(0, 0, 0, 0.08);--picker-hex-row-bg:#f8fafc;--picker-hex-row-border:rgba(0, 0, 0, 0.15);--picker-hex-row-focus-bg:#ffffff;--picker-hex-preview-separator:rgba(0, 0, 0, 0.15);--picker-hex-preview-bg:#ccc;--picker-canvas-shadow:rgba(0, 0, 0, 0.08);--picker-handle-shadow:0 2px 6px rgba(0, 0, 0, 0.25);--picker-initial-marker-bg:rgba(255, 255, 255, 0.8)}[data-theme=dark]{--picker-bg:#1e293b;--picker-border:rgba(255, 255, 255, 0.15);--picker-shadow:0 8px 30px rgba(0, 0, 0, 0.35);--picker-text:#f1f5f9;--picker-input-bg:#334155;--picker-input-border:rgba(255, 255, 255, 0.2);--picker-input-focus-bg:#475569;--picker-slider-track-bg:#334155;--picker-slider-track-border:rgba(255, 255, 255, 0.1);--picker-slider-thumb-shadow:0 0 1px 2px rgba(0, 0, 0, 0.35);--picker-slider-thumb-inner-ring:rgba(0, 0, 0, 0.4);--picker-slider-label:#94a3b8;--picker-mode-select-bg:#334155;--picker-mode-select-border:rgba(255, 255, 255, 0.2);--picker-mode-select-color:#f1f5f9;--picker-mode-dropdown-bg:#1e293b;--picker-mode-dropdown-border:rgba(255, 255, 255, 0.2);--picker-mode-option-color:#f1f5f9;--picker-mode-option-hover-bg:rgba(76, 175, 80, 0.15);--picker-mode-option-active-bg:rgba(76, 175, 80, 0.2);--picker-mode-option-active-color:#f1f5f9;--picker-icon-btn-bg:#334155;--picker-icon-btn-color:#94a3b8;--picker-icon-btn-hover-bg:#475569;--picker-icon-btn-hover-color:#f1f5f9;--picker-footer-border:rgba(255, 255, 255, 0.08);--picker-hex-row-bg:#334155;--picker-hex-row-border:rgba(255, 255, 255, 0.2);--picker-hex-row-focus-bg:#475569;--picker-hex-preview-separator:rgba(255, 255, 255, 0.2);--picker-hex-preview-bg:#334155;--picker-canvas-shadow:rgba(0, 0, 0, 0.2);--picker-handle-shadow:0 2px 6px rgba(0, 0, 0, 0.4);--picker-initial-marker-bg:rgba(255, 255, 255, 0.65)}#floatingColorPicker{position:fixed;background:var(--picker-bg);border:1px solid var(--picker-border);border-radius:12px;box-shadow:var(--picker-shadow);z-index:999999;display:block;visibility:hidden;font-family:Arial,sans-serif;overflow:hidden;user-select:none}#floatingColorPicker.active{visibility:visible;animation:.15s pickerFadeIn}@keyframes pickerFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.picker-content-wrap{padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.picker-sv-wrap{margin-bottom:0;position:relative;width:250px}.picker-sv-canvas{width:250px;height:150px;border-radius:8px;display:block;box-shadow:inset 0 0 0 1px var(--picker-canvas-shadow);touch-action:none}.picker-sv-handle{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid var(--picker-handle-border);box-shadow:var(--picker-handle-shadow);transform:translate(-50%,-50%);pointer-events:none;transition:transform 50ms;z-index:2;cursor:pointer}.picker-sv-handle.active{transform:translate(-50%,-50%) scale(1.1)}.picker-hue-wrap,.picker-slider-wrap{width:250px}.picker-hue-slider{width:250px;height:10px;border-radius:5px;position:relative;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 1px var(--picker-slider-track-border);touch-action:none}.picker-hue-thumb,.picker-slider .slider-thumb{position:absolute;top:50%;width:10px;height:10px;background:0 0;border:6px solid var(--picker-slider-thumb-border);border-radius:50%;box-shadow:var(--picker-slider-thumb-shadow),inset 0 0 0 1px var(--picker-slider-thumb-inner-ring);transform:translate(-50%,-50%);z-index:2;touch-action:none;cursor:pointer}.picker-slider{width:250px;margin-bottom:16px;display:flex;flex-direction:column;align-items:flex-start}.picker-slider .slider-label{font-size:10px;color:var(--picker-slider-label);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;padding-left:2px;font-weight:500}.picker-slider .slider-track{width:100%;height:10px;border-radius:5px;position:relative;box-shadow:inset 0 0 0 1px var(--picker-slider-track-border);background:var(--picker-slider-track-bg);touch-action:none}.picker-hex-row{width:250px;display:flex;align-items:stretch;border:1px solid var(--picker-hex-row-border);border-radius:6px;overflow:hidden;transition:border-color .15s,background .15s}.picker-hex-row:focus-within{border-color:var(--picker-hex-row-focus-border);transition:border .3s ease-in-out;-ms-transition:border .3s ease-in-out;-moz-transition:border .3s ease-in-out;-webkit-transition:border .3s ease-in-out;-o-transition:border .3s ease-in-out}.picker-hex-input{flex:1;padding:7px 10px;font-size:12px;font-family:monospace;border:none!important;outline:0;background:0 0;color:var(--picker-text);text-transform:uppercase}.picker-hex-input::placeholder{color:var(--picker-slider-label)}.picker-hex-preview{width:26px;flex-shrink:0;margin:4px 4px 4px 8px;border:1px solid var(--picker-hex-row-border);border-radius:4px;background:var(--picker-hex-preview-bg);box-shadow:none;transition:background .15s,border-color .15s}.picker-footer{width:250px;display:flex;justify-content:space-between;align-items:center;padding-top:5px;border-top:1px solid var(--picker-footer-border)}.picker-mode-select{padding:6px 10px;font-size:11px;border:1px solid var(--picker-mode-select-border);border-radius:6px;background:var(--picker-mode-select-bg);color:var(--picker-mode-select-color);cursor:pointer;min-width:80px;text-align:left;position:relative;text-shadow:none}.picker-mode-select:hover{background:0 0;color:var(--picker-text);border:1px solid}.picker-mode-select:focus{outline:0;border-color:var(--picker-input-focus-border)}.picker-mode-select::after{content:'\25BE';margin-left:4px;font-size:10px;color:var(--picker-slider-label)}.picker-mode-dropdown{position:fixed;background:var(--picker-mode-dropdown-bg);border:1px solid var(--picker-mode-dropdown-border);border-radius:6px;box-shadow:var(--picker-shadow);z-index:1000000;display:none;min-width:120px;overflow:hidden}.picker-mode-dropdown.active{display:block}.mode-option{padding:8px 12px;font-size:11px;color:var(--picker-mode-option-color);cursor:pointer;transition:background .15s;position:relative}.mode-option:hover{background:var(--picker-mode-option-hover-bg)}.mode-option.active{background:var(--picker-mode-option-active-bg);font-weight:600;color:var(--picker-mode-option-active-color)}.mode-option .mode-check-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--picker-mode-option-check);font-weight:400}.picker-icons{display:flex;gap:4px}.picker-icon-btn{width:28px;height:28px;border:none;border-radius:6px;background:var(--picker-icon-btn-bg);color:var(--picker-icon-btn-color);display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .15s,color .15s,transform .1s;text-shadow:none}.picker-sv-initial-marker,.slider-initial-marker{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--picker-initial-marker-bg);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:none}.picker-icon-btn:hover{background:var(--picker-icon-btn-hover-bg);color:var(--picker-icon-btn-hover-color)}.picker-icon-btn:active{transform:scale(.95)}.slider-initial-marker{top:50%}