.image-shortcuts{padding:12px 0 14px;min-width:0}.image-shortcuts-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:0 2px 9px;color:var(--text)}.image-shortcuts-heading small{font-size:10px;color:var(--muted)}.image-shortcuts-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.image-shortcuts-list button,.image-shortcuts-list a{min-height:46px;display:flex;justify-content:center;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--glass-edge,var(--line));border-radius:8px;background:var(--glass,var(--surface));backdrop-filter:blur(16px);color:var(--text);font-size:12px;white-space:nowrap}.image-shortcuts-list a{flex-wrap:wrap;gap:2px 5px}.image-shortcuts-list a small{color:var(--muted);font-size:9px}.image-shortcuts-list svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}.image-shortcuts-list [aria-pressed="true"]{background:var(--selected);border-color:var(--accent);color:var(--selected-text)}.image-shortcuts-list a:hover{background:var(--soft)}#image-shortcut-hint{font-size:11px;color:var(--muted);margin:8px 3px 0}@media(max-width:760px){.image-shortcuts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.image-shortcuts{padding-bottom:10px}.image-shortcuts-list button,.image-shortcuts-list a{min-height:42px;padding:7px;font-size:11px}.image-shortcuts-heading small{display:none}}
.image-shortcuts-list [data-image-preview]{flex-wrap:wrap;gap:2px 5px}.image-shortcuts-list [data-image-preview] small{color:var(--muted);font-size:9px}
#image-preview-dialog{width:min(700px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--glass-edge,var(--line));border-radius:16px;background:var(--glass,var(--surface));color:var(--text);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 1px 0 var(--glass-edge,var(--line)),0 20px 80px var(--glass-shadow,var(--dialog-shadow));overflow:auto}#image-preview-form{padding:26px}.image-preview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.image-preview-heading h2{font-size:23px;margin:13px 0 10px;font-weight:600}.image-preview-brand{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.image-preview-brand img{width:30px;height:30px;object-fit:contain}.image-preview-status{font-size:12px;color:var(--accent);border-left:2px solid var(--accent);padding-left:9px;margin:8px 0}.image-preview-help{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0;overflow-wrap:anywhere}.image-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;margin-top:16px}.image-preview-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;color:var(--text)}.image-preview-wide{grid-column:1/-1}.image-preview-fields input,.image-preview-fields select,.image-preview-fields textarea{width:100%;min-width:0;border:1px solid var(--input-border,var(--line));border-radius:6px;padding:9px 11px;background:var(--surface);color:var(--text);font:inherit;min-height:41px}.image-preview-fields textarea{resize:vertical;min-height:88px;max-height:200px;line-height:1.7}.image-preview-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.image-preview-actions>span{font-size:10px;color:var(--muted);margin-right:auto}.image-preview-actions button{border:1px solid var(--line);border-radius:6px;padding:9px 13px;min-height:42px;font-size:12px}.image-preview-actions .primary{border-color:var(--action)}.image-flow-preview{margin-top:20px;padding:17px;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:8px;background:var(--surface-translucent,var(--surface))}.image-flow-preview h3{font-size:16px;margin:0 0 8px}.image-flow-preview p{font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.image-flow-preview ol{padding-left:24px;margin:12px 0}.image-flow-preview li{font-size:13px;margin:8px 0;color:var(--text)}#image-preview-dialog :focus-visible{outline:2px solid var(--focus-border,var(--accent));outline-offset:3px}
@media(max-width:760px){#image-preview-form{padding:20px}#image-preview-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:13px}.image-preview-heading h2{font-size:21px}.image-preview-fields{gap:11px}.image-preview-fields input,.image-preview-fields select,.image-preview-fields textarea{font-size:16px;min-height:44px;padding:9px}.image-preview-actions>span{flex-basis:100%}.image-preview-actions button{min-height:44px}.image-flow-preview{padding:13px}.image-preview-heading .icon-button{min-width:40px;min-height:40px}}
@media(max-width:380px){.image-preview-fields{grid-template-columns:minmax(0,1fr)}.image-preview-wide{grid-column:auto}.image-preview-heading h2{font-size:19px}}

/* Only the content scrolls; actions stay reachable before and after preview. */
#image-preview-dialog{overflow:hidden;max-height:calc(100dvh - 32px)}
#image-preview-form{display:flex;flex-direction:column;padding:0;max-height:min(900px,calc(100dvh - 34px))}
.image-preview-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:26px}
.image-preview-actions{flex:none;gap:12px;margin:0;padding:16px 26px max(16px,env(safe-area-inset-bottom));background:var(--glass-strong,var(--surface));border-top:1px solid var(--line)}
.image-preview-actions>span{flex:1 1 190px;margin:0;font-size:11px;line-height:1.6}
.image-preview-buttons{display:flex;gap:10px;flex:none;margin-left:auto}
.image-preview-actions button{min-height:44px;min-width:86px;font-size:13px;white-space:nowrap}
.image-preview-actions .primary{min-width:134px}
#image-preview-error{flex-basis:100%;margin:0;color:var(--danger);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:760px){
 #image-preview-dialog{max-height:calc(100dvh - 24px)}
 #image-preview-form{padding:0;max-height:calc(100dvh - 26px)}
 .image-preview-content{padding:20px}
 .image-preview-actions{padding:14px 20px max(14px,env(safe-area-inset-bottom));gap:10px}
 .image-preview-actions>span{flex-basis:100%}
 .image-preview-buttons{width:100%}
 .image-preview-actions button{flex:1;min-width:0}
 .image-preview-actions .primary{flex:1.6;min-width:0}
 .image-preview-buttons.commerce-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
 .commerce-actions #image-preview-show{grid-column:1/-1;grid-row:1}
 .commerce-actions #image-preview-cancel{grid-column:1;grid-row:2}
 .commerce-actions #image-preview-apply{grid-column:2;grid-row:2}
}
.commerce-reference-field{margin:12px 0 18px;padding:14px;border:1px solid var(--line);border-radius:10px}.commerce-reference-field h3{margin:0;font-size:15px}.commerce-reference-field h3 span,.commerce-reference-field p{font-size:12px;color:var(--muted);line-height:1.6}.commerce-reference-pick{display:block;font-size:12px;margin:10px 0}.commerce-reference-pick input{display:block;max-width:100%;margin-top:8px}.commerce-reference-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;min-width:0}.commerce-reference-card img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:6px}.commerce-reference-card span{flex:1;min-width:90px;overflow-wrap:anywhere;font-size:12px}.commerce-reference-card button,.commerce-reference-replace,.commerce-reference-candidate{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px}.commerce-reference-replace{position:relative;overflow:hidden;cursor:pointer}.commerce-reference-replace input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.commerce-reference-candidate{margin:6px 0}.commerce-reference-field [role=alert]{color:var(--danger,#b42318)}

/* This is an ordinary in-flow section. Only its content scrolls. */
#image-preview-dialog{position:static;display:flex;flex:1 1 0;width:100%;min-width:0;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:var(--surface);overflow:hidden}
#image-preview-dialog[hidden]{display:none!important}
#image-preview-form{width:100%;min-width:0;min-height:0;max-height:none;flex:1 1 0}
#image-preview-dialog .image-preview-content{flex:1 1 0;padding:14px;min-height:0}
#image-preview-dialog .image-preview-heading h2{font-size:17px;margin:8px 0}
#image-preview-dialog .image-preview-brand{display:none}
#image-preview-dialog .image-preview-fields{grid-template-columns:minmax(0,1fr);gap:10px}
#image-preview-dialog .image-preview-actions{padding:10px 12px;gap:6px}
#image-preview-dialog .image-preview-actions>span{flex:1 1 100%;font-size:10px}
#image-preview-dialog .image-preview-buttons.commerce-actions{display:grid;width:100%;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:6px}
#image-preview-dialog .commerce-actions #image-preview-show{grid-column:1/-1;grid-row:1}
#image-preview-dialog .commerce-actions #image-preview-cancel{grid-column:1;grid-row:2}
#image-preview-dialog .commerce-actions #image-preview-apply{grid-column:2;grid-row:2}
#image-preview-dialog .image-preview-actions button{min-width:0;min-height:40px;padding:7px 5px;font-size:11px}
.send-button.commerce-next-step,#mobile-input-row #send.commerce-next-step{width:auto;min-width:146px;padding:0 12px;white-space:nowrap;font-size:12px;border-radius:9px}
.send-button.commerce-next-step:disabled,#mobile-input-row #send.commerce-next-step:disabled{background:#686868;color:#eee;opacity:1;cursor:not-allowed;box-shadow:none}
#image-preview-dialog #image-preview-show{font-size:11px;color:var(--muted);background:transparent}
.regeneration-summary{margin:0 0 8px;font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}