.rcp-root{--rcp-background-color:#121212;--rcp-field-input-color:#fff;--rcp-field-input-border-color:#242424;--rcp-field-label-color:grey}.rcp{background-color:var(--rcp-background-color);border-radius:10px}.rcp,.rcp-body{display:flex;flex-direction:column}.rcp-body{gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;width:100%;position:relative;background-image:linear-gradient(180deg,transparent,#000),linear-gradient(90deg,#fff,transparent);border-radius:10px 10px 0 0}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 rgba(0,0,0,.15);transform:translate(-10px,-10px)}.rcp-hue{cursor:ew-resize;position:relative;width:100%;height:12px;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 rgba(0,0,0,.15);transform:translate(-10px,-4px)}.rcp-alpha{cursor:ew-resize;position:relative;width:100%;height:12px;border-radius:10px}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:100%;box-shadow:0 0 15px 0 rgba(0,0,0,.15);transform:translate(-10px,-4px)}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{width:100%;font-family:inherit;font-size:14px;text-align:center;color:var(--rcp-field-input-color);background-color:initial;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;outline:none;padding:5px 0}.rcp-field-input:-moz-read-only{opacity:.8}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{font-size:14px;text-align:center;color:var(--rcp-field-label-color)}.tools-root{--tools-bg:#fafafa;--tools-surface:#fff;--tools-surface-muted:#f5f5f5;--tools-fg-strong:#0a0a0a;--tools-fg:#171717;--tools-fg-soft:#404040;--tools-muted:#525252;--tools-border:#e5e5e5;--tools-border-strong:#a3a3a3;--tools-hover:#f5f5f5;--tools-hover-strong:#e5e5e5;--tools-accent:#0a0a0a;--tools-accent-hover:#262626;--tools-accent-fg:#fff;--tools-track:#e5e5e5;--tools-header-bg:hsla(0,0%,100%,.85);--tools-shadow:rgba(0,0,0,.08);--tools-danger:#b91c1c;--tools-danger-bg:#fef2f2;--tools-success:#15803d;--tools-success-bg:#f0fdf4;--tools-info-bg:#f5f5f5;color-scheme:light}html.dark .tools-root{--tools-bg:#0a0a0a;--tools-surface:hsla(0,0%,9%,.7);--tools-surface-muted:hsla(0,0%,4%,.5);--tools-fg-strong:#fff;--tools-fg:#f5f5f5;--tools-fg-soft:#d4d4d4;--tools-muted:#a3a3a3;--tools-border:#262626;--tools-border-strong:#525252;--tools-hover:#262626;--tools-hover-strong:#404040;--tools-accent:#fff;--tools-accent-hover:#e5e5e5;--tools-accent-fg:#000;--tools-track:#262626;--tools-header-bg:rgba(0,0,0,.8);--tools-shadow:rgba(0,0,0,.5);--tools-danger:#f87171;--tools-danger-bg:rgba(127,29,29,.25);--tools-success:#4ade80;--tools-success-bg:rgba(20,83,45,.25);--tools-info-bg:rgba(38,38,38,.6);color-scheme:dark}