.image-setting{display:grid;gap:9px;margin:20px 0;color:#554567;font-size:13px;font-weight:600}.image-setting select{width:100%;min-width:0;border:1px solid #dfd0f7;border-radius:9px;padding:13px 10px;background:white;color:#342848;font:inherit}.image-setting select:focus-visible{outline:2px solid #925ef4;outline-offset:3px}.image-order-note{font-size:12px;color:#8b789c;line-height:1.7;margin:0 0 20px}.image-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.image-card{padding:12px;border:1px solid #e6d9f7;border-radius:14px;background:#faf7ff;min-width:0}.image-card.dragging{opacity:.45}.image-card.drop-target{outline:2px solid #8f5dea}.image-sheet{width:100%;position:relative;background:white;box-shadow:0 3px 12px #33244812;overflow:hidden}.image-sheet img{position:absolute;object-fit:fill}.image-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-top:13px}.image-card small{display:block;color:#93839d;font-size:11px;margin:6px 0 12px}.image-actions{display:flex;gap:5px}.image-actions button{flex:1;border:1px solid #e2d5f5;background:white;border-radius:7px;padding:8px 0;color:#6942d8;cursor:pointer}.image-actions button:disabled{opacity:.3;cursor:default}.image-actions button:focus-visible{outline:2px solid #925ef4}.image-actions button:last-child{color:#b44369}.image-pages:empty{display:none}#image-options{min-width:0}#image-drop.drag{background:#eee4ff;border-color:#8c55ed}#image-convert{width:100%}#image-toolbar[hidden],#image-order-note[hidden]{display:none}@media(max-width:600px){.image-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-card{padding:8px}.image-actions{gap:3px}.image-actions button{min-height:36px}}