/* Lecteur de séance plein écran */
.sc-open,.sc-open body{overflow:hidden}
.sc{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:linear-gradient(160deg,#1E2A52 0%,#2B2470 60%,#3B2A8C 100%);color:#fff;font-family:"Hanken Grotesk",system-ui,sans-serif;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
.sc[data-kind="rest"]{background:linear-gradient(160deg,#16405F 0%,#1E5C7A 100%)}
.sc-top{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}
.sc-top button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:1.1rem;cursor:pointer}
.sc-prog{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.sc-prog b{font-family:"Bricolage Grotesque",sans-serif;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-prog span{font-size:.82rem;opacity:.75}
.sc-bar{height:4px;margin:0 1rem;border-radius:4px;background:rgba(255,255,255,.15);overflow:hidden}
.sc-bar i{display:block;height:100%;width:0;background:#FFB02E;transition:width .4s}
.sc-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:center;padding:clamp(1rem,3vw,2rem)}
.sc-media{display:grid;place-items:center;min-height:0;height:100%}
.sc-media img,.sc-media video{max-width:100%;max-height:100%;width:auto;border-radius:24px;object-fit:contain}
.sc-media video{background:#000}
.sc-media img{background:#fff;border-radius:50%}
.sc-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.sc-phase{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#FFB02E;font-weight:800}
.sc-name{margin:0;font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1.05;letter-spacing:-.02em}
.sc-set{margin:0;font-size:1.1rem;opacity:.9}
.sc-clock{position:relative;width:clamp(150px,22vw,220px);aspect-ratio:1;margin:.6rem 0}
.sc-clock svg{width:100%;height:100%;transform:rotate(-90deg)}
.sc-clock circle{fill:none;stroke:rgba(255,255,255,.14);stroke-width:8}
.sc-clock .arc{stroke:#FFB02E;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}
.sc[data-kind="rest"] .sc-clock .arc{stroke:#7FD3FF}
.sc-num{position:absolute;inset:0;display:grid;place-items:center;font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(2.4rem,6vw,3.6rem);font-variant-numeric:tabular-nums}
.sc:not(.timed) .sc-num{font-size:clamp(2rem,5vw,3rem)}
.sc-note{margin:0;max-width:34rem;font-size:1rem;line-height:1.5;opacity:.88}
.sc-next{margin:.3rem 0 0;font-size:.9rem;opacity:.65}
.sc-ctrl{display:flex;gap:.8rem;justify-content:center;align-items:center;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px))}
.sc-ctrl button{border:0;cursor:pointer;font:700 1rem/1 "Hanken Grotesk",system-ui,sans-serif}
.sc-prev,.sc-skip{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:1.8rem!important}
.sc-main-btn{min-width:min(60vw,260px);height:60px;border-radius:999px;background:#FFB02E;color:#1E2A52;font-size:1.15rem!important}
.sc-done{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem}
.sc-done h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(2.4rem,7vw,4rem);margin:0}
.sc-done p{max-width:30rem;opacity:.9;margin:0}
.sc-close2{margin-top:1rem;height:56px;padding:0 2rem;border-radius:999px;border:0;background:#FFB02E;color:#1E2A52;font:700 1.05rem/1 "Hanken Grotesk",sans-serif;cursor:pointer}
@media (max-width:760px){
  .sc-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:.8rem 1rem}
  .sc-media{height:auto;max-height:34svh}
  .sc-media img,.sc-media video{max-height:34svh}
  .sc-info{align-items:center;text-align:center}
  .sc-clock{width:clamp(120px,38vw,170px);margin:.2rem 0}
  .sc-note{font-size:.92rem}
}
/* atelier : glisser-déposer */
.ed-num[data-drag]{cursor:grab;touch-action:none;user-select:none;white-space:nowrap}
.ed-item.dragging{position:relative;z-index:5;box-shadow:0 18px 40px -18px rgba(30,42,82,.5);opacity:.95;transition:none}
.ed-item.drop-before{box-shadow:0 -3px 0 #7C5CFC}
.ed-item.drop-after{box-shadow:0 3px 0 #7C5CFC}