.creation-tools .image-motif-entry{border:1px solid #173f7326;background:#f7e2ec;border-radius:9px;white-space:nowrap}
.image-motif-library-entry{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#f7e2ec;border:1px solid #173f7326;border-radius:10px;padding:10px 12px;margin:10px 0;color:#173f73;min-height:56px}
.image-motif-library-entry strong{font-size:12px}.image-motif-library-entry span{font-size:10px;color:#62748a}
.zaoba-editor dialog.image-motif-dialog,.image-motif-dialog{width:min(710px,calc(100vw - 28px));max-width:710px;max-height:calc(100dvh - 28px);margin:auto;padding:24px;border:1.5px solid #173f73;border-radius:22px;background:#fffcf5;color:#173f73;font-family:var(--font,'PingFang SC',sans-serif);overflow:auto;overscroll-behavior:contain;box-shadow:6px 8px 0 #173f7312;box-sizing:border-box}
.image-motif-dialog::backdrop{background:#10294269;backdrop-filter:blur(3px)}
.image-motif-dialog *{box-sizing:border-box}.image-motif-dialog [hidden]{display:none!important}
.image-motif-dialog button,.image-motif-dialog input{font:inherit;color:inherit}.image-motif-dialog button{cursor:pointer}.image-motif-dialog button:disabled{cursor:default;opacity:.45}.image-motif-dialog button:focus-visible,.image-motif-dialog input:focus-visible{outline:3px solid #427dca;outline-offset:3px}
.image-motif-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.image-motif-eyebrow{font-size:11px;letter-spacing:.1em;margin:0 0 5px;color:#62748a}.image-motif-dialog h2{font-family:ZaobaPF,var(--font,sans-serif);font-size:30px;margin:0;line-height:1.4}.image-motif-close{border:0;background:transparent;width:42px;height:42px;flex-shrink:0;font-size:29px!important;line-height:1;border-radius:10px}
.image-motif-intro{font-size:13px;line-height:1.7;margin:9px 0 14px}.image-motif-service{padding:9px 12px;border-radius:9px;background:#f6ecd4;color:#7b6233;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.image-motif-service[data-available=true]{background:#eaf0e5;color:#4f7256}
.image-motif-minimum{margin:8px 0 0;padding:7px 10px;background:#f6edda;border-radius:7px;color:#62748a;font-size:12px;line-height:1.6}
.image-motif-input-row{display:flex;align-items:center;gap:12px;margin:16px 0}.image-motif-file{display:none}.image-motif-filename{font-size:11px;color:#62748a;min-width:0;overflow-wrap:anywhere}.image-motif-secondary{min-height:42px;border:1px solid #173f733f;background:#fffcf5;border-radius:9px;padding:8px 14px;white-space:nowrap;flex-shrink:0;font-size:13px!important}
.image-motif-subject{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;font-size:13px}.image-motif-subject small{color:#62748a;font-size:11px}.image-motif-subject input{display:block;flex-basis:100%;width:100%;height:44px;margin:4px 0 0;padding:10px 12px;background:#fffdf8;border:1px solid #173f7335;border-radius:9px;font-size:14px;min-width:0}.image-motif-subject input::placeholder{color:#7f8a97}
.image-motif-compare{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.image-motif-card{margin:0;min-width:0}.image-motif-card figcaption{font-size:12px;margin-bottom:7px}.image-motif-picture{height:232px;display:flex;align-items:center;justify-content:center;background:#f1ebdf;border:1px solid #173f731c;border-radius:12px;overflow:hidden;padding:12px}.image-motif-picture img,.image-motif-picture svg{display:block;width:100%;height:100%;object-fit:contain}.image-motif-result .image-motif-picture:has(svg){background:#579bd7}.image-motif-empty{font-size:12px;line-height:1.8;text-align:center;color:#768395;padding:15px}.image-motif-picture[aria-busy=true]{background:#f4e8ec}.image-motif-picture[aria-busy=true] .image-motif-empty:before{content:'';display:block;width:22px;height:22px;margin:0 auto 13px;border:2px solid #173f7322;border-top-color:#173f73;border-radius:50%;animation:image-motif-turn .8s linear infinite}
.image-motif-message{font-size:12px;line-height:1.8;padding:10px 0 0;color:#62748a}.image-motif-error{padding:10px 12px;background:#f9e5e6;color:#914551;font-size:12px;line-height:1.65;border-radius:9px;margin:12px 0 0;overflow-wrap:anywhere}.image-motif-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.image-motif-quiet{min-height:44px;border:0;background:transparent;padding:8px 12px;font-size:13px!important}.image-motif-actions>.image-motif-quiet:first-child{margin-right:auto}.image-motif-primary{min-height:46px;border:0;background:#173f73;color:#fff8e9!important;padding:10px 22px;border-radius:10px;font-size:14px!important;font-weight:700!important}.image-motif-note{font-size:10px;line-height:1.7;color:#75818e;margin:15px 0 0}
@keyframes image-motif-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.image-motif-picture[aria-busy=true] .image-motif-empty:before{animation:none}}
@media(max-width:760px){.creation-tools.has-image-motif-upload{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.creation-tools.has-image-motif-upload>button,.creation-tools.has-image-motif-upload .color-control>button{font-size:11px;gap:4px;padding:6px 3px}.creation-tools.has-image-motif-upload>button>span{font-size:17px}.image-motif-library-entry{padding:8px 10px;margin:8px 0;min-height:52px}.zaoba-editor dialog.image-motif-dialog,.image-motif-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:19px 16px;border-radius:17px}.image-motif-dialog h2{font-size:27px}.image-motif-compare{gap:10px}.image-motif-picture{height:180px;padding:9px}.image-motif-subject input{font-size:16px}.image-motif-actions{gap:5px}.image-motif-primary{padding:10px 15px;font-size:13px!important}.image-motif-quiet{padding:8px;font-size:12px!important}}
@media(max-width:480px){.image-motif-compare{grid-template-columns:1fr}.image-motif-picture{height:185px}.image-motif-input-row{align-items:flex-start}.image-motif-filename{padding-top:4px}.image-motif-actions{position:sticky;bottom:-19px;margin:14px -4px -2px;padding:10px 4px 12px;background:#fffcf5;border-top:1px solid #173f731a;z-index:1}.image-motif-note{margin-bottom:3px}.image-motif-dialog .image-motif-eyebrow{font-size:10px}}
