/* Painting controls share the applied website palette with standalone Paint.
   Canvas pixels, loaded pigment, palette wells and brush outlines keep their colors. */
body{
 --ps-ink:#edf2e6;--ps-muted:#bbcfc4;--ps-border:#617970;--ps-accent:#b3d9c4;
 --ps-on-accent:#17312e;--ps-panel:#142832;--ps-panel2:#243a44;--ps-bg:#0c2028;
 --ps-input:#203843;--ps-hover:color-mix(in srgb,var(--ps-accent) 12%,var(--ps-panel2));
}
body :is(.shared-paint,.paint-focus-dialog,.paint-reset-dialog,.paint-brush-hud){color:var(--ps-ink)}
body .shared-paint details,body .shared-paint details[open],body .paint-focus-tools,
body .paint-focus-header,body .paint-focus-footer,body .paint-reset-dialog,
body .paint-brush-hud-main,body .paint-brush-hud.is-fullscreen .paint-brush-hud-main{
 background:var(--ps-panel)!important;border-color:var(--ps-border)!important;color:var(--ps-ink);
}
body .paint-focus-dialog[open],body .paint-focus-stage{background:var(--ps-bg);color:var(--ps-ink)}
body :is(.shared-paint,.paint-focus-dialog,.paint-reset-dialog,.paint-brush-hud) :is(button,select){
 background:var(--ps-panel2)!important;color:var(--ps-ink)!important;border-color:var(--ps-border)!important;
}
body :is(.shared-paint,.paint-focus-dialog,.paint-reset-dialog,.paint-brush-hud) button:hover{background:var(--ps-hover)!important}
body :is(.shared-paint,.paint-focus-dialog) button[aria-pressed=true],
body .shared-paint .paint-focus-launcher,body .shared-paint [data-paint-download],
body .paint-focus-dialog .paint-focus-header [data-focus-return]{background:var(--ps-accent)!important;color:var(--ps-on-accent)!important;border-color:var(--ps-accent)!important}
body .shared-paint .paint-focus-launcher small{color:inherit}
body :is(.shared-paint,.paint-focus-dialog,.paint-reset-dialog,.paint-brush-hud) :is(label,summary,strong){color:var(--ps-ink)}
body :is(.shared-paint,.paint-focus-dialog,.paint-reset-dialog) :is(p,small),
body .shared-paint .paint-studio-heading span,body .shared-paint .paint-drying-setting span,
body .paint-focus-header small,body .paint-focus-header .paint-focus-zoom,
body .paint-brush-hud-title>span,body .paint-brush-hud [data-brush-hud-total]{color:var(--ps-muted)}
body .shared-paint [data-paint-status],body .paint-focus-footer output,
body .paint-reset-dialog [data-reset-status],body .paint-brush-hud.is-empty .paint-brush-hud-title>span{color:var(--ps-accent)}
body .shared-paint .paint-adjustments output,body .shared-paint .paint-reservoir output,
body .paint-brush-hud-icon,body .paint-brush-hud [data-brush-hud-amount]{color:var(--ps-ink)}
body .shared-paint :is(.paint-medium,.paint-reservoir,.paint-canvas-preview),
body .paint-focus-header .paint-focus-view,body .paint-brush-hud-track{background:var(--ps-bg);border-color:var(--ps-border)}
body .shared-paint :is(.paint-adjustments,.paint-canvas-manager,.paint-drying){border-color:var(--ps-border)}
body .shared-paint .paint-custom-color input,body .paint-focus-header input{background:var(--ps-input);color:var(--ps-ink);border-color:var(--ps-border)}
body .shared-paint .paint-canvas-preview span,body .paint-focus-loading{background:var(--ps-panel);color:var(--ps-ink)}
body .shared-paint input[type=range],body .shared-paint progress{accent-color:var(--ps-accent)}
body .shared-paint progress::-webkit-progress-value{background:var(--ps-accent)}
body .shared-paint progress::-webkit-progress-bar{background:var(--ps-bg)}
body :is(.shared-paint,.paint-focus-dialog,.paint-reset-dialog,.paint-brush-hud) :focus-visible{outline-color:var(--ps-accent)}
body .shared-paint .paint-colors button{background:var(--paint-color)!important}
body .shared-paint .paint-colors button[aria-pressed=true]{border-color:var(--ps-ink)!important;box-shadow:0 0 0 2px var(--ps-panel),0 0 0 4px var(--ps-accent)}
body .shared-paint .mix-palette-wells button{background:var(--well)!important}
body .shared-paint .mix-palette-wells{background:var(--ps-bg)}
body .shared-paint .mix-palette-wells button.is-empty{background:var(--ps-panel2)!important;color:var(--ps-muted)!important}
body .shared-paint .mix-palette-wells button[aria-pressed=true]{outline-color:var(--ps-accent)}
body .paint-reset-dialog::backdrop,body .paint-focus-dialog::backdrop{background:color-mix(in srgb,var(--ps-bg) 80%,transparent)}
body .paint-reset-dialog [data-reset-confirm]{background:color-mix(in srgb,var(--ps-danger,#dc7988) 22%,var(--ps-panel))!important;border-color:var(--ps-danger,#dc7988)!important}