/*!
 * Hey Color 2.0.0
 * Uma ferramenta da HeyForge para o Adobe After Effects.
 * Desenvolvido por Neto Salazar.
 * HeyForge - ferramentas feitas por quem vive de movimento, para quem vive de movimento.
 * (c) 2026 HeyForge. Todos os direitos reservados.
 */
#editor-modal{z-index:110}
#editor-modal .sim-dialog{max-width:171px}
#color-editor{padding:8px 9px 0}
.color-sv{height:72px;position:relative;border-radius:7px;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;touch-action:none}
#color-cursor{position:absolute;width:12px;height:12px;border:2px solid #fff;box-shadow:0 0 0 1px #0008;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.color-hue-row{display:flex;align-items:center;gap:7px;margin:6px 0}
.screen-picker-button{width:20px;height:20px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:5px;color:var(--text);background:var(--bg);cursor:pointer}
.screen-picker-button:hover{color:var(--accent);background:var(--bg-soft)}
.screen-picker-button svg{width:16px;height:16px;fill:currentColor}
#color-hue{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:10px;margin:0;padding:0;border:0;border-radius:8px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);cursor:pointer}
#color-hue::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:transparent;box-shadow:0 0 0 1px #0007}
#color-preview{width:16px;height:16px;border-radius:4px;border:1px solid #ffffff45;flex:none}
.color-hex-row{display:flex;align-items:center;padding:0 6px;gap:5px;height:24px;border-radius:5px;background:var(--bg);color:var(--text-dim)}
#color-editor input:not([type="range"]){width:100%;min-width:0;border:0;border-radius:4px;background:var(--bg);color:var(--text);font-size:11px;user-select:text}
#color-editor input:focus-visible:not([aria-invalid="true"]){outline:none}
#color-hex{height:100%;padding:0;text-transform:uppercase}
.color-rgb-row{display:flex;gap:6px;margin-top:6px}
.color-rgb-row label{flex:1;min-width:0;text-align:center}
.color-rgb-row input{height:20px;padding:2px;text-align:center;-moz-appearance:textfield}
.color-rgb-row input::-webkit-inner-spin-button,.color-rgb-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.color-rgb-row span{display:block;font-size:9px;color:var(--text-dim);margin-top:4px}
#color-error{font-size:11px;line-height:1.4;color:var(--text);margin:9px 0 0}
#color-editor input[aria-invalid="true"]{outline:1px solid #d96060}
.editor-actions{padding:0 9px 9px;margin-top:6px}