html[data-ouou-image-tool] body.generate .artboard > :not(.image-tool-result),
html[data-ouou-image-tool] body.panorama .artboard > :not(.image-tool-result) { display: none !important; }
body[data-ouou-image-tool] .inspector .section { border: 0; background: none; padding: 8px 0; border-radius: 0; }
body[data-ouou-image-tool] [hidden] { display: none !important; }
.image-tool-model { display: flex; align-items: end; gap: 8px; margin-bottom: 12px; }
.image-tool-model .image-tool-field { flex: 1; min-width: 0; }
.image-tool-model > button { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; background: #35393d; border-radius: 4px; }
.image-tool-model > button svg { width: 16px; height: 16px; }
.image-tool-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.image-tool-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 11px; color: #bfc5cb; }
.image-tool-field input:not([type=checkbox]), .image-tool-field select { width: 100%; min-width: 0; height: 34px; padding: 0 7px; border: 1px solid #51575c; border-radius: 4px; background: #25282c; color: #f3f4f5; }
.image-tool-field input[type=checkbox] { width: 18px; height: 18px; margin: 8px 0; accent-color: #77dcc9; }
.image-tool-status { min-height: 20px; font-size: 12px; line-height: 1.5; color: #efc66a; overflow-wrap: anywhere; }
body[data-ouou-image-tool] .inspector a { color: #83a8ff; margin-right: 12px; }
body[data-ouou-image-tool] .inspector-foot .generate { flex: 1; min-width: 0; font-size: 12px; white-space: normal; line-height: 1.3; }
.image-tool-result { position: absolute; inset: 0; display: grid; place-items: center; }
.image-tool-result > img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.image-tool-empty { max-width: 100%; padding: 16px; font-size: 13px; color: #989da3; text-align: center; }
.image-tool-original { position: absolute; bottom: 8px; right: 8px; background: #25282c; color: #f3f4f5; padding: 7px 10px; border: 1px solid #51575c; border-radius: 4px; font-size: 11px; }
.image-tool-outputs { position: absolute; bottom: 8px; left: 8px; max-width: calc(100% - 105px); height: 30px; background: #25282c; color: #f3f4f5; border: 1px solid #51575c; border-radius: 4px; }
@media (max-width: 380px) { .image-tool-fields { grid-template-columns: minmax(0, 1fr); } }