.image-export>section,.image-export>details{margin-bottom:24px}.image-export h2{font-size:1.2rem}.image-export .settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.image-export .file-button{position:relative;overflow:hidden;cursor:pointer}.image-export .file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.image-export .file-button:focus-within{outline:3px solid #8ba64a;outline-offset:3px}.image-export figure{margin:0;min-width:0}.image-export figcaption{min-height:80px;padding-top:18px}.image-export figcaption h3{margin-bottom:3px}.image-export .preview-box{min-height:260px;display:flex;align-items:center;justify-content:center;padding:16px;border:1px solid var(--line);background-color:#fff;background-image:conic-gradient(#e3e7de 25%,transparent 0 50%,#e3e7de 0 75%,transparent 0);background-size:20px 20px;border-radius:10px}.image-export .preview-box img{display:block;max-width:100%;max-height:440px;object-fit:contain}.image-export .preview-box p{padding:10px;background:#ffffffde;border-radius:8px;text-align:center}.image-export .upscale-label{display:flex;align-items:center;gap:8px}.image-export input[type=color]{min-height:44px;width:80px;padding:4px;border:1px solid #bfcbbf;border-radius:9px}.image-export #format-note{margin-top:18px}.image-export .status{margin-bottom:0}.image-export details p{font-size:.9rem}.image-export .notice{overflow-wrap:anywhere}@media(max-width:850px){.image-export .settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.image-export .settings-grid{grid-template-columns:1fr}.image-export .preview-box{min-height:210px}.image-export figcaption{min-height:70px}}