.harmony-unified #custom-dialog{background:var(--site-raised);color:var(--site-ink);border:1px solid var(--site-line);box-shadow:0 16px 56px #0004;color-scheme:light}
:root[data-creator-color-scheme=dark] .harmony-unified #custom-dialog{color-scheme:dark}
.harmony-unified #custom-dialog :is(header,.custom-tools,.custom-footer){background:var(--site-raised);color:var(--site-ink);border-color:var(--site-line)}
.harmony-unified #custom-dialog .custom-footer{border-top:1px solid var(--site-line);padding-bottom:max(12px,env(safe-area-inset-bottom));gap:12px}
.harmony-unified #custom-dialog .custom-footer>span{color:var(--site-muted);white-space:nowrap}
.harmony-unified #custom-dialog :is(.custom-tools input,.custom-actions button,header button){background:var(--site-surface);color:var(--site-ink);border:1px solid var(--site-line);min-height:44px}
.harmony-unified #custom-dialog .custom-tools input::placeholder{color:var(--site-muted);opacity:1}
.harmony-unified #custom-dialog .custom-tools p{color:var(--site-muted)}
.harmony-unified #custom-dialog .custom-grid label{background:var(--site-surface);color:var(--site-ink);border:1px solid var(--site-line);transition:border-color .12s}
.harmony-unified #custom-dialog .custom-grid label:has(input:checked){background:var(--site-soft);border-color:var(--site-accent);box-shadow:inset 0 0 0 1px var(--site-accent)}
.harmony-unified #custom-dialog .custom-grid b{color:var(--site-ink)}
.harmony-unified #custom-dialog .custom-grid small{color:var(--site-muted)}
.harmony-unified #custom-dialog .custom-grid input{width:20px;height:20px;accent-color:var(--site-accent)}
.harmony-unified #custom-dialog #custom-apply{background:var(--site-accent);color:var(--site-on);border-color:var(--site-accent);min-height:44px}
.harmony-unified #custom-dialog :is(button,input,summary):focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}
.harmony-unified #custom-dialog .custom-grid label:focus-within{outline:2px solid var(--site-accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.harmony-unified #custom-dialog .custom-grid label{transition:none}}
.harmony-unified #custom-edit{background:var(--site-raised);color:var(--site-ink);border:1px solid var(--site-line);border-radius:12px;box-shadow:none}
.harmony-unified #custom-edit:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}