body #dmImageEditor>.dm-image-panel{width:min(1500px,calc(100vw - 32px));height:calc(100dvh - 48px);max-height:calc(100dvh - 32px);padding:18px;display:flex;flex-direction:column;overflow:hidden}
#dmImageEditor header{flex-shrink:0}#dmImageEditor header p{margin:5px 0 0}
.dm-image-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:0;flex:1;overflow:hidden}
.dm-image-options{overflow-y:auto;padding:4px 12px 12px 0;display:flex;flex-direction:column;gap:14px}
.dm-image-options>label,.dm-image-options fieldset>label{display:grid;gap:7px;font-size:13px;color:#dce7f9}
.dm-image-options input:not([type=checkbox]),.dm-image-options textarea{width:100%;min-width:0;resize:vertical}
.dm-image-options fieldset{border:0;border-top:1px solid #36415a;margin:0;padding:12px 0 0;display:flex;flex-direction:column;gap:12px;min-width:0}.dm-image-options legend{padding:0 8px 0 0;font-size:13px;font-weight:700}
.dm-image-toggles{display:flex;flex-wrap:wrap;gap:7px}
.dm-image-toggle{position:relative;cursor:pointer}.dm-image-toggle input{position:absolute;inset:0;opacity:0}.dm-image-toggle span{display:block;padding:7px 9px;border:1px solid #52617c;border-radius:7px;font-size:12px;background:#111927;color:#97a5bc}.dm-image-toggle:has(input:checked) span{background:var(--role-color);border-color:#b7cee8;color:#fff}.dm-image-toggle:has(input:focus-visible) span{outline:2px solid white;outline-offset:2px}
#dmImageEditor .dm-image-switch{display:flex;align-items:center;gap:8px}#dmImageEditor .dm-image-switch input{width:18px;height:18px;accent-color:#7d73d9}
#dmImageEditor .dm-image-hint{font-size:11px;line-height:1.5;margin:-8px 0 0;color:#9eafc9}
.dm-image-preview{overflow:auto;background:#090e16;border:1px solid #344158;border-radius:9px;padding:18px;min-width:0;overscroll-behavior:contain}
#dmImageCanvas canvas{display:block;width:100%;height:auto;box-shadow:0 8px 28px #0008}
#dmImageEditor footer{display:flex;gap:14px;justify-content:space-between;align-items:center;border-top:1px solid #344158;padding-top:12px;margin-top:12px;flex-shrink:0;font-size:12px;color:#aebed7}
@media(max-width:760px){body #dmImageEditor>.dm-image-panel{width:100%;padding:12px;height:calc(100dvh - 20px);max-height:none}.dm-image-layout{grid-template-columns:1fr;grid-template-rows:minmax(100px,30vh) minmax(0,1fr);gap:10px}.dm-image-options{padding-right:4px}.dm-image-preview{padding:8px}#dmImageEditor footer{gap:8px}#dmImageEditor header p{font-size:12px}}