.image-levels-dialog{width:min(860px,calc(100vw / var(--ui-scale,1) - 40px));padding:22px;box-sizing:border-box}
.image-levels-dialog h2{font-size:18px;margin:0 0 8px}.image-levels-dialog p{font-size:12px;margin:8px 0 16px;line-height:1.5}
.image-levels-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}
.levels-preview-wrap{display:grid;place-items:center;min-height:180px;background:#f4f4f6;border-radius:6px;overflow:hidden}
.levels-preview-wrap canvas{display:block;max-width:100%;max-height:52vh;object-fit:contain}
.levels-histogram{position:relative;border:1px solid var(--ui-border);background:linear-gradient(to right,#eee,#fff);touch-action:none;cursor:ew-resize;margin-bottom:12px}
.levels-histogram canvas{display:block;width:100%;height:90px}
.levels-histogram [data-level-marker]{position:absolute;bottom:-9px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid #20212b;transform:translateX(-50%);pointer-events:none}
.levels-histogram [data-level-marker=white]{border-bottom-color:#fff;filter:drop-shadow(0 0 1px #555)}
.levels-histogram-caption{display:flex;justify-content:space-between;font:10px Arial;color:var(--muted);margin-bottom:14px}
.image-levels-dialog .levels-control{display:grid;grid-template-columns:1fr 62px;align-items:center;gap:4px;font:12px Arial;margin:10px 0}
.image-levels-dialog .levels-control input[type=number]{width:62px;margin:0;padding:5px;box-sizing:border-box;font-size:12px}
.image-levels-dialog .levels-control input[type=range]{grid-column:1/-1;width:100%;height:24px;margin:0}
.image-levels-dialog .levels-control>.range-control{grid-column:1/-1;width:100%}
.image-levels-dialog .levels-original{display:flex;align-items:center;gap:6px;font:12px Arial;margin:12px 0}
.image-levels-dialog .levels-original input{width:auto;margin:0}.levels-presets{display:flex;gap:6px}.levels-presets button{padding:7px 9px;font-size:12px}
.night .levels-preview-wrap{background:#222733}.night .levels-histogram{background:linear-gradient(to right,#707788,#eee)}
@media(max-width:700px){.image-levels-layout{grid-template-columns:1fr;gap:16px}.levels-preview-wrap canvas{max-height:28vh}.levels-preview-wrap{min-height:90px}.image-levels-dialog{padding:16px}.levels-histogram canvas{height:70px}}