*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#f4f2ee;color:#1f1915;font-size:14px}.hors-dev{max-width:40ch;margin:20vh auto;text-align:center}.hors-dev code{background:#e7e3da;padding:2px 6px;border-radius:4px}.barre{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid #e0dcd3}.barre-gauche,.barre-droite{display:flex;align-items:center;gap:1rem}.etat{font-size:.85rem;color:#8a8275}.etat.ok{color:#4a7c3f}.etat.err{color:#b3402f}.btn{font:inherit;font-weight:500;cursor:pointer;border:1px solid #cfc9bd;background:#fff;color:#1f1915;padding:.5rem 1rem;border-radius:6px}.btn:hover{border-color:#1f1915}.btn-primaire{background:#1f1915;color:#fff;border-color:#1f1915}.btn-primaire:hover{opacity:.85}.btn-fin{padding:.35rem .7rem;font-size:.85rem}select,input,textarea{font:inherit;width:100%;border:1px solid #cfc9bd;border-radius:6px;padding:.45rem .6rem;background:#fff;color:#1f1915}#select-projet{width:auto}.grille-studio{display:grid;grid-template-columns:270px 1fr 300px;gap:1px;background:#e0dcd3;min-height:calc(100vh - 56px)}.panneau{background:#f4f2ee;padding:1.25rem;overflow-y:auto}.panneau h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#8a8275;margin-bottom:1rem}.panneau-tete{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panneau-tete h2{margin-bottom:0}.aide{font-size:.78rem;color:#a39c8d}.meta label{display:block;margin-bottom:.9rem;font-size:.8rem;color:#6b6456}.meta input,.meta textarea,.meta select{margin-top:.25rem}.seq-actions{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;flex-wrap:wrap}.btn-rangee{background:#b3402f;color:#fff;border-color:#b3402f}.btn-rangee:hover{opacity:.88}.bloc-texte-edit{background:#fff;border:1px solid #e0dcd3;border-left:3px solid #b8b0a1;border-radius:8px;padding:.6rem;display:flex;gap:.7rem;align-items:flex-start}.bloc-texte-edit textarea{min-height:3rem;resize:vertical}.liste-sequence{display:flex;flex-direction:column;gap:.6rem}.vide{color:#a39c8d;font-style:italic;padding:2rem 0;text-align:center}.bloc-edit{background:#fff;border:1px solid #e0dcd3;border-radius:8px;padding:.6rem;display:flex;gap:.7rem;align-items:center}.bloc-edit.drag-over{border-color:#1f1915;border-style:dashed}.bloc-edit.glisse{opacity:.4}.poignee{cursor:grab;color:#b8b0a1;font-size:1.2rem;user-select:none;padding:0 .2rem}.bloc-vignettes{display:flex;gap:.4rem}.bloc-vignettes img{width:64px;height:64px;object-fit:cover;border-radius:4px}.bloc-corps{flex:1;display:flex;flex-direction:column;gap:.4rem}.bloc-haut{display:flex;gap:.5rem;align-items:center}.bloc-type{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#8a8275}.bloc-format{width:auto;font-size:.78rem;padding:.2rem .4rem}.bloc-legende{font-size:.8rem}.bloc-suppr{border:none;background:none;color:#b3402f;cursor:pointer;font-size:1rem;padding:0 .4rem}.reserve-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.5rem}.vignette{position:relative;aspect-ratio:1;cursor:pointer;border-radius:4px;overflow:hidden;border:2px solid transparent}.vignette img{width:100%;height:100%;object-fit:cover;display:block}.vignette:hover{border-color:#1f1915}.vignette.utilisee:after{content:"✓";position:absolute;top:2px;right:4px;color:#fff;text-shadow:0 0 3px #000;font-weight:600}.vignette.cochee{border-color:#b3402f}.vignette.cochee:before{content:"";position:absolute;inset:0;background:#b3402f2e;pointer-events:none}.vignette-case{position:absolute;top:4px;left:4px;width:18px;height:18px;cursor:pointer;z-index:2;accent-color:#b3402f}.vignette-ajout{position:absolute;bottom:4px;right:4px;z-index:2;width:22px;height:22px;border-radius:50%;border:none;background:#1f1915c7;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}.vignette:hover .vignette-ajout{opacity:1}.volet-apercu{position:fixed;top:0;right:0;bottom:0;width:min(46vw,620px);z-index:20;background:#fff;border-left:1px solid #e0dcd3;box-shadow:-8px 0 30px #00000014;display:flex;flex-direction:column}.volet-apercu[hidden]{display:none}.volet-tete{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid #e0dcd3;flex-shrink:0}.volet-tete .btn{margin-left:auto}#iframe-apercu{flex:1;width:100%;border:0}