.image-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;width:100%;align-items:start;margin-block:20px 28px}
.image-panel{min-width:0;border:1px solid #d4dcee;border-radius:12px;padding:20px;background:#fff}.image-panel h2{margin-block:0 18px;font-size:1.3rem}
.image-dropzone{padding:16px;border:2px dashed #a7afd5;border-radius:10px;background:#f7f6ff}.image-dropzone[data-dragover=true]{border-color:#6041cd;background:#eee8ff}.image-dropzone input{width:100%;max-width:100%}.image-dropzone p{margin:8px 0 0}
.image-preview{display:block;max-width:100%;width:auto;height:auto;max-height:300px;margin:16px auto;object-fit:contain;border:1px solid #e0e5ef;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px}
.image-preview[hidden]{display:none}.image-file-info{overflow-wrap:anywhere;font-size:.9rem;line-height:1.6}.image-settings{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-block:16px}.image-settings label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.image-settings input[type=range]{min-width:120px;max-width:100%}.image-settings input[type=color]{width:50px;height:40px;padding:3px}
.image-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 8px}.image-actions>button{min-height:44px;max-width:100%;white-space:normal}.image-status{min-height:24px;overflow-wrap:anywhere}.image-error{color:#a52231;white-space:pre-wrap;overflow-wrap:anywhere}.image-output{min-height:300px}.image-output button{margin-top:14px}.image-progress{width:100%;height:8px}.image-progress[hidden]{display:none}.image-related{margin-top:28px}.image-related ul{display:flex;flex-wrap:wrap;gap:12px 24px;padding-left:20px}.image-limits{font-size:.9rem;line-height:1.65}.image-disclosure{padding:16px;border:1px solid #e0e5ef;border-radius:10px;margin-block:24px}.image-disclosure summary{cursor:pointer;font-weight:600}
.image-advice>a{display:flex;flex-direction:column;gap:6px;margin-block:12px 16px;padding:14px;border:2px solid #6041cd;border-radius:12px;background:#f2efff;color:#20284d;text-decoration:underline;overflow-wrap:anywhere}.image-advice small{font-size:.875rem;line-height:1.5}
@media(max-width:700px){.image-workbench{grid-template-columns:minmax(0,1fr);gap:16px}.image-panel{padding:16px}.image-preview{max-height:260px}.image-settings{gap:12px}.image-settings label{width:100%}.image-settings input[type=range]{flex:1;min-width:100px}.image-actions>button{font-size:.95rem}}