body.stage-2 .stage2-gallery{margin:14px 0;padding:12px;border:1px solid #dae5f0;border-radius:12px;background:#f8fbff}body.stage-2 #stage2-thumbs{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:8px 4px 12px;margin-top:8px}body.stage-2 #stage2-thumbs .photo-item{flex:0 0 125px;max-width:125px;scroll-snap-align:start;cursor:pointer;border:2px solid transparent}body.stage-2 #stage2-thumbs .photo-item.active{border-color:#175ec2;outline:2px solid #175ec2}body.stage-2 #stage2-thumbs .photo-item img{height:112px;object-fit:cover}body.stage-2 #stage2-thumbs .photo-edit{display:none}body.stage-2 .playback-controls,body.stage-2 #progress,body.stage-2 #duration,body.stage-2 .screen .hint{display:none!important}body.stage-2 .stage2-edit-action{justify-content:center;margin:14px 0}body.stage-2 .stage2-edit-action button{min-height:44px}body.stage-2 .screen{cursor:grab}body.stage-3 .stage2-gallery,body.stage-3 .stage2-edit-action,body.stage-1 .stage2-gallery{display:none!important}@media(max-width:600px){body.stage-2 #stage2-thumbs .photo-item{flex-basis:100px;max-width:100px}body.stage-2 #stage2-thumbs .photo-item img{height:90px}body.stage-2 .stage2-edit-action button{width:100%;min-height:48px}body.stage-2 .position-controls .controls button{flex:0 0 48px;min-height:44px}body.stage-2 .display-settings{padding:10px}}
/* Étape 2 : interface compacte, centrée, pensée mobile d'abord */
body.stage-2 main{max-width:760px}
body.stage-2 main>section.card:nth-of-type(2){padding:18px}
body.stage-2 main>section.card:nth-of-type(2)>h2,body.stage-2 main>section.card:nth-of-type(2)>.eyebrow{text-align:center}
body.stage-2 main>section.card:nth-of-type(2)>p.muted{text-align:center;font-size:13px;margin:6px 0 12px}
body.stage-2 .stage2-gallery{margin:8px 0 12px;padding:10px;background:#f8fbff}
body.stage-2 #stage2-photo-label{display:block;text-align:center;font-size:14px}
body.stage-2 #stage2-thumbs{justify-content:safe center;margin:4px 0 0;gap:9px;padding:7px 4px}
body.stage-2 #stage2-thumbs .photo-item{min-width:0;flex:0 0 105px;max-width:105px}
body.stage-2 #stage2-thumbs .photo-item img{height:88px}
body.stage-2 .display-settings{display:contents}
body.stage-2 .display-settings legend{display:none}
body.stage-2 .fit-options{justify-content:center;gap:6px;margin:0 0 10px}
body.stage-2 .fit-options span{font-size:13px;padding:9px 12px}
body.stage-2 #fit-help,body.stage-2 .framing-help{display:none}
body.stage-2 #position-controls{display:flex;flex-direction:column;align-items:center;gap:0;margin:0}
body.stage-2 #position-controls>.controls{order:2;justify-content:center;gap:9px;margin:10px 0 0}
body.stage-2 #position-controls>.controls button{width:44px;height:44px;padding:0;flex:0 0 44px}
body.stage-2 #frame-zoom-value{min-width:62px;text-align:center;font-weight:650}
body.stage-2 .position-actions{order:3;justify-content:center;margin:8px 0 0}
body.stage-2 .position-actions button{min-height:40px}
body.stage-2 #position-value{display:none!important}
body.stage-2 #screen{max-width:100%;order:initial}
body.stage-2 .stage2-edit-action{margin:10px 0 4px}
body.stage-2 .stage2-edit-action button{min-height:44px}
body.stage-2 .screen{margin-top:12px}
@media(max-width:600px){body.stage-2 main{padding:0 9px;margin:12px auto}body.stage-2 main>section.card:nth-of-type(2){padding:12px}body.stage-2 #stage2-thumbs{justify-content:flex-start}body.stage-2 #stage2-thumbs .photo-item{flex:0 0 91px;max-width:91px}body.stage-2 #stage2-thumbs .photo-item img{height:80px}body.stage-2 .fit-options span{font-size:13px;padding:9px 10px}body.stage-2 .stage2-edit-action button{width:100%}body.stage-2 #position-controls>.controls button{flex:0 0 44px}}

body.stage-2 main>section.card:nth-of-type(2){display:flex;flex-direction:column}
body.stage-2 main>section.card:nth-of-type(2)>.eyebrow{order:0}
body.stage-2 main>section.card:nth-of-type(2)>h2{order:1}
body.stage-2 main>section.card:nth-of-type(2)>p.muted{order:2}
body.stage-2 .stage2-gallery{order:3}
body.stage-2 .fit-options{order:4}
body.stage-2 #screen{order:5}
body.stage-2 #position-controls{order:6}
body.stage-2 .stage2-edit-action{order:7}
body.stage-2 .playback-controls{order:8}
body.stage-2 #progress,body.stage-2 #duration{order:9}
body.stage-2 #fit-help{order:10}

/* Une seule rangée de commandes sous la photo */
body.stage-2 #position-controls{flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
body.stage-2 #position-controls>.controls{order:0;margin:0;gap:6px}
body.stage-2 .position-actions{order:1;margin:0}
body.stage-2 .position-actions button{min-height:44px}
@media(max-width:360px){body.stage-2 #frame-zoom-value{min-width:48px}body.stage-2 #position-controls{gap:5px}body.stage-2 #position-controls>.controls{gap:4px}body.stage-2 .position-actions button{padding:8px}}

/* L'écran principal est un aperçu, pas un second éditeur : tous les outils restent dans la fenêtre de retouche. */
body.stage-2 .display-settings{display:none!important}
body.stage-2 #position-controls{display:none!important}
body.stage-2 .stage2-edit-action{margin:12px 0 6px;justify-content:center}
body.stage-2 .stage2-edit-action button{max-width:100%;min-height:48px;padding:11px 20px;font-weight:650}
body.stage-2 #screen{cursor:default;touch-action:auto}
body.stage-2 #screen{pointer-events:none}