.keyer.svelte-1a3u3n7{position:relative;margin:0;aspect-ratio:16 / 11;border-radius:var(--rayon);overflow:hidden;background:#000;isolation:isolate;touch-action:pan-y;box-shadow:0 40px 120px -40px #19c25a59,0 0 0 1px var(--ligne)}.decors.svelte-1a3u3n7{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;transform:translate(calc(var(--px) * -16px),calc(var(--py) * -9px)) scale(1.04);transition:transform .4s ease-out}.decors.svelte-1a3u3n7 img:where(.svelte-1a3u3n7){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.decors.svelte-1a3u3n7 img.actif:where(.svelte-1a3u3n7){opacity:1}.brut.svelte-1a3u3n7{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--coupe)) 0 0);z-index:1}.sujet.svelte-1a3u3n7{position:absolute;z-index:2;bottom:0;left:50%;height:88%;width:auto;max-width:none;transform:translate(calc(-50% + var(--px) * 4px));transition:transform .4s ease-out;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}.ligne.svelte-1a3u3n7{position:absolute;z-index:3;top:0;bottom:0;left:var(--coupe);width:2px;background:var(--vert-vif);box-shadow:0 0 18px var(--vert-vif);transform:translate(-1px);pointer-events:none}.poignee.svelte-1a3u3n7{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--noir);color:var(--vert-vif);border:1px solid var(--vert-vif);font:600 .7rem/1 var(--mono);letter-spacing:.1em;padding:8px 10px;border-radius:999px;white-space:nowrap}.curseur.svelte-1a3u3n7{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.keyer.svelte-1a3u3n7:has(.curseur:where(.svelte-1a3u3n7):focus-visible) .poignee:where(.svelte-1a3u3n7){outline:2px solid #fff}.hud-haut.svelte-1a3u3n7,.hud-bas.svelte-1a3u3n7{position:absolute;z-index:4;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;font:500 .72rem/1 var(--mono);letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none}.hud-haut.svelte-1a3u3n7{top:18px}.hud-bas.svelte-1a3u3n7{bottom:18px}.rec.svelte-1a3u3n7{display:inline-flex;align-items:center;gap:6px;color:#fff}.cam.svelte-1a3u3n7 b:where(.svelte-1a3u3n7){color:var(--vert-vif)}.etiq.svelte-1a3u3n7{background:#0b0d0cb3;padding:6px 9px;border-radius:6px;text-transform:uppercase}.etiq.gauche.svelte-1a3u3n7{color:var(--vert-vif)}.scenes.svelte-1a3u3n7{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.scenes.svelte-1a3u3n7 button:where(.svelte-1a3u3n7){font:500 .78rem/1 var(--mono);letter-spacing:.04em;color:var(--gris);background:var(--noir-2);border:1px solid var(--ligne);border-radius:999px;padding:9px 12px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:color .2s,border-color .2s}.scenes.svelte-1a3u3n7 button:where(.svelte-1a3u3n7):hover{color:var(--blanc)}.scenes.svelte-1a3u3n7 button[aria-pressed=true]:where(.svelte-1a3u3n7){color:var(--noir);background:var(--vert);border-color:var(--vert)}.num.svelte-1a3u3n7{opacity:.6}@media(max-width:700px){.keyer.svelte-1a3u3n7{aspect-ratio:4 / 5}.hud-haut.svelte-1a3u3n7 .cam:where(.svelte-1a3u3n7),.nom-decor.svelte-1a3u3n7{display:none}.etiq.svelte-1a3u3n7{white-space:nowrap}.scenes.svelte-1a3u3n7{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.scenes.svelte-1a3u3n7 button:where(.svelte-1a3u3n7){flex:none}}