#chart-layout-controls{display:grid;gap:1rem;margin-block:1rem}#chart-layout-controls[hidden]{display:none}
.chart-dialog{width:min(780px,calc(100% - 2rem));max-height:90dvh;overflow:auto}
#chart-preview{display:block;width:100%;height:auto;border-radius:10px;margin-block:1rem;background:repeating-conic-gradient(#80808022 0% 25%,transparent 0% 50%) 50%/16px 16px}
.chart-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}
.chart-fields .field{margin:0}.chart-dialog-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.25rem;flex-wrap:wrap}
#chart-message[data-error="true"]{color:var(--error,#ee8c8c)}
@media(max-width:500px){.chart-dialog{padding:1rem}.chart-dialog-actions .button{flex:1 1 100%}.chart-fields{gap:.8rem}}

.chart-border-controls{display:grid;gap:1rem;padding-block:1.25rem;margin-top:1.25rem;border-top:1px solid var(--line)}
#chart-border-options[hidden]{display:none}
.chart-border-opacity{grid-column:1/-1}

.chart-fields [hidden]{display:none}