/* F-584 — atelier validé le 11/09. Tous les sélecteurs sont propres à cet écran. */
#atelier-retouche{position:fixed;inset:0;z-index:171;background:rgba(0,0,0,.92);padding:20px;display:flex;align-items:center;justify-content:center}
#atelier-retouche[hidden]{display:none!important}
#atelier-retouche *{box-sizing:border-box}
.ria-boite svg{width:18px;height:18px;flex:none}
.ria-boite{width:min(1420px,100%);height:94vh;max-height:1040px;display:flex;flex-direction:column;background:var(--carte);border:1px solid var(--bord);border-radius:14px;overflow:hidden;color:var(--texte);font:13px var(--corps)}
.ria-tete{height:65px;min-height:65px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--bord)}
.ria-tete h2{font:500 21px var(--titre);letter-spacing:.04em;text-transform:uppercase;margin:0;white-space:nowrap}
.ria-tete .ria-nom{font-size:11px;color:var(--doux);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.ria-flex{display:flex;align-items:center;gap:10px}.ria-pousse{flex:1}.ria-tete button.b,.ria-reglages button.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.ria-boite button svg{width:18px;height:18px;flex:none}.ria-boite .b.icone{min-width:37px;min-height:37px}
.ria-corps{display:grid;grid-template-columns:80px 272px minmax(0,1fr);flex:1;min-height:0}
.ria-rail{padding:12px 8px;border-right:1px solid var(--bord);display:flex;flex-direction:column;gap:5px}
.ria-outil{background:none;border:0;border-radius:9px;padding:10px 3px;min-height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--doux);font:600 9px var(--corps);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.ria-outil svg{width:22px!important;height:22px!important}.ria-outil:hover{background:var(--carte2);color:var(--texte)}.ria-outil.actif{color:var(--accent);background:var(--accent-voile)}
.ria-reglages{border-right:1px solid var(--bord);padding:20px;overflow:auto;min-height:0}.ria-reglages h3{display:flex;align-items:center;gap:10px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 21px}.ria-reglages h3 .ria-info{margin-left:auto}
.ria-label{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--doux);font-size:10px;margin:17px 0 9px}.ria-info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--focus);border-radius:50%;font:11px var(--corps);background:none;color:var(--doux);padding:0;flex:none;cursor:help}
.ria-ligne{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;font-size:12px}.ria-ligne label{display:flex;gap:6px;align-items:center;margin:0}.ria-switch{appearance:none!important;width:31px!important;height:18px!important;min-width:31px;padding:0!important;margin:0;background:var(--focus)!important;border:0!important;border-radius:12px!important;position:relative;cursor:pointer}.ria-switch:before{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--texte)}.ria-switch:checked{background:var(--accent)!important}.ria-switch:checked:before{transform:translateX(13px);background:#fff}
.ria-reglages input[type=range]{accent-color:var(--accent);width:100%;margin:0}.ria-reglages :is(input[type=text],textarea,select,input[type=number]){width:100%;min-width:0;border:1px solid var(--bord);background:var(--fond);color:var(--texte);border-radius:7px;padding:10px;font:12px var(--corps)}.ria-reglages textarea{resize:vertical;min-height:70px;line-height:1.5}.ria-reglages select{padding-right:28px}.ria-reglages input[type=color]{padding:0;border:0;background:none;width:40px;height:32px;cursor:pointer}.ria-separe{height:1px;background:var(--bord);margin:19px 0}.ria-plein{width:100%}.ria-espace{margin-top:10px}.ria-seg{display:flex;gap:4px;background:var(--fond);padding:4px;border-radius:8px}.ria-seg button{flex:1;padding:8px 5px;border:0;border-radius:5px;background:none;color:var(--doux);cursor:pointer;font:11px var(--corps)}.ria-seg button.actif{color:var(--texte);background:var(--carte3)}
.ria-bloc{display:flex;gap:8px;align-items:center;width:100%;margin:7px 0;padding:10px;border:1px solid var(--bord);border-radius:8px;background:none;color:var(--texte);cursor:pointer;text-align:left;font:12px var(--corps);line-height:1.5}.ria-bloc.actif{border-color:var(--accent);background:var(--accent-voile)}.ria-bloc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ria-bloc small{font-size:10px;color:var(--doux)}.ria-bloc svg{flex:none}.ria-texte-liste{max-height:175px;overflow:auto}.ria-aide{font-size:11px;line-height:1.65;color:var(--doux);margin:12px 0}.ria-liste-vide{color:var(--doux);font-size:12px;padding:14px 0;line-height:1.6}
.ria-centre{min-width:0;min-height:0;background:var(--fond);display:flex;flex-direction:column}.ria-barre{height:51px;min-height:51px;padding:10px 17px;display:flex;align-items:center;gap:8px;color:var(--doux);font-size:10px}.ria-barre>span:first-child{text-transform:uppercase;letter-spacing:.06em}.ria-barre button.b{font-size:10px;padding:7px 10px}.ria-scene{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;overscroll-behavior:contain;position:relative}.ria-cadre{position:relative;flex:none;margin:auto;touch-action:none;background:repeating-conic-gradient(var(--carte2) 0 25%,var(--carte3) 0 50%) 50%/16px 16px;box-shadow:0 10px 40px #0003;isolation:isolate}.ria-cadre>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ria-cadre .ria-survol{z-index:2;pointer-events:none}.ria-cadre .ria-interaction{z-index:3;touch-action:none}.ria-cotes{position:absolute;top:0;bottom:0;z-index:-1;border:1px dashed var(--accent);background:repeating-linear-gradient(-45deg,var(--carte2),var(--carte2) 8px,var(--carte3) 8px,var(--carte3) 9px);color:var(--doux);font-size:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.ria-cotes.gauche{right:100%}.ria-cotes.droite{left:100%}.ria-dimensions{min-height:38px;padding:10px 17px;display:flex;align-items:center;gap:12px;justify-content:space-between;color:var(--doux);font-size:11px}.ria-pied{border-top:1px solid var(--bord);padding:10px 18px;display:flex;gap:12px;align-items:center;min-height:41px;font-size:11px}.ria-statut{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ria-statut.erreur{color:var(--erreur)}.ria-progres{height:4px;width:85px;border:0;accent-color:var(--accent)}.ria-boite [hidden]{display:none!important}.ria-discret{color:var(--doux)}.ria-reglages button:disabled{opacity:.45;cursor:wait}.ria-options{padding:12px 20px;border-bottom:1px solid var(--bord);display:flex;gap:15px;align-items:center;font-size:12px;background:var(--carte2)}.ria-options select{max-width:260px}.ria-options label{margin:0}.ria-travail{cursor:progress!important}
#atelier-retouche :is(button,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ria-reglages:has(#ria-texte) .ria-label{margin-top:12px;margin-bottom:7px}.ria-reglages:has(#ria-texte) .ria-separe{margin:14px 0}.ria-reglages:has(#ria-texte) .ria-texte-liste{max-height:145px}.ria-reglages #ria-texte{min-height:58px;height:58px}.ria-reglages:has(#ria-texte) .ria-ligne{margin:11px 0}
.ria-reglages .ria-flex>button.b{min-width:0;flex:1;padding-left:9px;padding-right:9px}.ria-reglages .ria-flex>button.b.icone{flex:none}
@media(max-width:1100px){.ria-corps{grid-template-columns:70px 250px minmax(0,1fr)}.ria-tete .ria-nom{display:none}.ria-reglages{padding:16px}.ria-tete{gap:9px;padding:0 14px}.ria-tete h2{font-size:18px}.ria-rail{padding:10px 5px}.ria-tete .ria-bouton-ancien{font-size:10px;padding:9px}}
@media(max-width:740px){#atelier-retouche{padding:6px}.ria-boite{height:98dvh}.ria-tete{min-height:57px;height:57px;padding:0 8px;gap:5px}.ria-tete h2{font-size:14px}.ria-tete .ria-bouton-ancien{font-size:9px;max-width:62px;white-space:normal;padding:6px}.ria-tete .ria-cacher-mobile{display:none}.ria-corps{grid-template-columns:58px minmax(0,1fr);overflow:auto;display:grid;flex:1}.ria-rail{grid-column:1;grid-row:1 / 3;position:sticky;top:0;align-self:start}.ria-outil{font-size:8px;min-height:57px}.ria-centre{grid-column:2;grid-row:1;min-height:340px}.ria-reglages{grid-column:2;grid-row:2;border-top:1px solid var(--bord);overflow:visible;min-height:0}.ria-scene{min-height:260px}.ria-options{flex-wrap:wrap}.ria-pied .ria-discret{display:none}.ria-dimensions{font-size:10px}.ria-barre{padding:8px;gap:5px}.ria-barre button.b{padding:7px}.ria-tete .ria-enregistrer{width:37px;padding:9px}.ria-enregistrer .ria-texte-bouton{display:none}}
@media(max-width:740px){.ria-tete button.b.ria-cacher-mobile{display:none}.ria-tete button.b.ria-bouton-ancien{white-space:normal;font-size:9px;max-width:62px;padding:6px}.ria-tete .ria-pousse{min-width:0}.ria-reglages .ria-flex{gap:7px}}

/* F-588 : supprimer un élément directement depuis sa ligne. */
.ria-element-ligne{display:flex;align-items:center;gap:7px}.ria-element-ligne>.ria-bloc{flex:1;min-width:0}.ria-element-ligne>button.icone{flex:none}#ria-tout-traduire{margin-top:12px}#ria-element-supprimer{margin-top:10px}

/* F-603 · variante A : un segment à trois positions, le gras en bouton, le geste Encadrer nommé. */
.ria-seg3 button{padding:8px 3px}.ria-gras{font:700 13px var(--corps)}.ria-gras.actif{color:var(--accent);background:var(--accent-voile)}.ria-geste{display:flex;gap:8px;align-items:center}.ria-geste svg{color:var(--accent);flex:none}

/* F-608 : le menu d'export (clic droit sur Télécharger) et la vignette de référence du décor. */
.ria-menu{position:fixed;z-index:200;min-width:200px;background:var(--carte);border:1px solid var(--bord);border-radius:10px;padding:6px;display:grid;gap:2px;box-shadow:0 10px 30px #0003}.ria-menu button{background:none;border:0;color:var(--texte);padding:8px 12px;border-radius:7px;text-align:left;font:12px var(--corps);cursor:pointer}.ria-menu button:hover,.ria-menu button:focus-visible{background:var(--carte2)}.ria-ref{width:40px;height:40px;object-fit:cover;border-radius:7px;border:1px solid var(--bord);flex:none}

/* F-693 : l'état du cadre de rognage — Proposé tant qu'on n'y a pas touché. */
.ria-etat-cadre{font:700 10px/1 var(--corps);letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--accent);color:#fff}
.ria-etat-cadre.ajuste{background:var(--carte2);color:var(--texte);border:1px solid var(--bord)}