.chart-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#b7cac5;font-size:12px;margin:8px 0}
.chart-tools label,.chart-tools button{border:1px solid #527a6c;border-radius:8px;background:#102b23;color:#dcebe5;padding:8px 12px;cursor:pointer}
.chart-tools input{position:absolute;width:1px;height:1px;opacity:0}
.chart-tools label:focus-within{outline:2px solid #d4b963}
.chart-preview{display:flex;gap:8px;overflow:auto}
.chart-preview img{height:90px;max-width:30%;object-fit:contain;border:1px solid #436356;border-radius:8px}
.chart-notice{font-size:11px;line-height:1.5;color:#a9bfb7;margin-bottom:7px}
@media(max-width:600px){.chart-tools span{flex-basis:100%}.chart-preview img{height:65px}.chart-notice{font-size:10px}}

.image-drag{outline:2px dashed #e6c56d}.chart-preview>span{position:relative;display:inline-block}.chart-preview>span button{position:absolute;right:2px;top:2px;background:#0a2a21;color:#fff;border:1px solid #e6c56d;border-radius:50%;width:28px;height:28px;cursor:pointer}