/* AO37 : le vocabulaire visuel de FilePico, avec un aperçu compact et permanent. */
#photo-workspace .photo-toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:14px 0; }
#photo-workspace .photo-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:24px; align-items:start; }
#photo-workspace .photo-stage { background:#eee7dc; border:1px solid var(--line); border-radius:12px; padding:12px; min-height:260px; display:grid; place-items:center; }
#photo-view { display:block; width:100%; height:auto; touch-action:none; cursor:crosshair; background:white; }
#photo-view[hidden], #photo-workspace [hidden] { display:none; }
#photo-workspace .photo-settings { border:1px solid var(--line); border-radius:12px; padding:18px; background:#fcf8f1; min-width:0; }
#photo-workspace label { display:block; font-size:.9rem; margin:12px 0; }
#photo-workspace input:not([type=file]), #photo-workspace select { width:100%; padding:9px; border:1px solid #c9bba6; border-radius:7px; background:#fffefa; color:var(--ink); font:inherit; }
#photo-workspace input[type=range] { padding:0; }
#photo-preview { display:block; max-width:100%; max-height:210px; width:auto; margin:0 auto 12px; background:#eee7dc; }
#photo-workspace .photo-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }
#photo-workspace .photo-fields label { min-width:0; }
#photo-workspace .photo-help { font-size:.875rem; color:var(--muted); line-height:1.6; }
#photo-workspace button[aria-pressed=true] { border-color:var(--accent); background:#faead9; }
#photo-workspace .photo-download { width:100%; margin-top:12px; }
#photo-workspace #photo-status { min-height:1.6em; }
#photo-workspace #photo-result { margin-top:12px; padding:12px; background:#edf2e9; border-radius:8px; }
#photo-workspace .photo-upload { position:relative; overflow:hidden; margin:0; }
#photo-file { position:absolute; inset:0; opacity:0; width:100%; cursor:pointer; }
#photo-workspace .photo-upload:focus-within { outline:3px solid var(--accent); outline-offset:3px; }
#photo-workspace details { margin-top:14px; }
#photo-workspace summary { cursor:pointer; }
@media(max-width:900px) { #photo-workspace .photo-layout { grid-template-columns:1fr; } }

#photo-file { height:100%; }

/* AO44 : commandes secondaires cohérentes et utilisables au toucher. */
#photo-workspace button:not(.primary) { min-height:44px; padding:10px 14px; border:1px solid #d7bfa1; border-radius:9px; background:#f8ead7; color:var(--ink); font:inherit; }
#photo-workspace button:not(.primary):hover:enabled { background:#f2dfc4; }
#photo-workspace button:not(.primary)[aria-pressed=true] { border-color:var(--accent); background:#faead9; }
#photo-workspace button:not(.primary):disabled { opacity:.55; }