.settings-hex-picker,.settings-hex-picker *{box-sizing:border-box}.settings-hex-picker{--hex-gap:10px;--hex-pad:12px;--hex-radius:16px;--hex-field-h:168px;--hex-field-radius:12px;--hex-hue-h:14px;--hex-hue-radius:999px;--hex-thumb:16px;--hex-thumb-border:2px;--hex-thumb-shadow:0 0 0 1px #0006;--hex-bar-h:28px;--hex-input-h:36px;--hex-input-pad:8px;--hex-input-radius:8px;--hex-label-gap:4px;gap:var(--hex-gap);width:100%;min-width:0;margin-top:var(--hex-label-gap);padding:var(--hex-pad);border:1px solid color-mix(in srgb, currentColor 14%, transparent);border-radius:var(--hex-radius);background:color-mix(in srgb, var(--ll-settings-background,var(--ui-background)) 92%, currentColor 4%);flex:1 0 100%;display:grid}.settings-hex-picker__field,.settings-hex-picker__hue{touch-action:none;cursor:crosshair;position:relative}.settings-hex-picker__field{height:var(--hex-field-h);border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:var(--hex-field-radius);background-image:linear-gradient(#000 0%,#000000db 18%,#00000047 50%,#0000 72%),linear-gradient(90deg,#fff 0%,#fff0 100%)}.settings-hex-picker__hue{height:var(--hex-hue-h);border-radius:var(--hex-hue-radius);background-image:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.settings-hex-picker__thumb{width:var(--hex-thumb);height:var(--hex-thumb);border:var(--hex-thumb-border) solid #fff;border-radius:var(--hex-hue-radius);box-shadow:var(--hex-thumb-shadow);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.settings-hex-picker__hue .settings-hex-picker__thumb{top:50%}.settings-hex-picker__bar{height:var(--hex-bar-h);border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:var(--hex-input-radius)}.settings-hex-picker__values{gap:var(--hex-gap);grid-template-columns:minmax(0,1.45fr) minmax(0,1.7fr) auto;align-items:end;display:grid}.settings-hex-picker__rgb{gap:var(--hex-label-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-hex-picker__cell{gap:var(--hex-label-gap);min-width:0;color:var(--hv-nav-dim,var(--ui-secondary));font-size:var(--ui-text-meta);font-weight:500;display:grid}.settings-hex-picker__hex,.settings-hex-picker__cell input{width:100%;min-width:0;height:var(--hex-input-h);padding:0 var(--hex-input-pad);border:1px solid color-mix(in srgb, currentColor 14%, transparent);border-radius:var(--hex-input-radius);background:var(--ui-background);color:var(--ui-text);font:inherit;letter-spacing:.02em;align-items:center;margin:0;font-weight:600;display:flex}.settings-hex-picker__hex input{width:100%;min-width:0;height:100%;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.settings-hex-picker__copy{width:var(--hex-input-h);min-width:var(--hex-input-h);height:var(--hex-input-h);border-radius:var(--hex-input-radius);color:inherit;cursor:pointer;background:0 0;border:0;align-self:end;place-items:center;padding:0;display:grid}.settings-hex-picker__copy:hover{background:color-mix(in srgb, currentColor 8%, transparent)}