/* Pages produit secondaires : /live, /tiktok-remix, /extension-chrome, /tools/youtube-to-shorts.
   Posées sur la vitrine « À la lampe » (vitrine.css, non modifiée) : mêmes jetons --vt-*, mêmes boutons, mêmes films.
   Ici seulement ce qui leur est propre, rangé sous .pp. Notes : ~/Desktop/ClipOnIt/39 - Pages produits/. */

/* ---------- Coque ---------- */
.pp .pp-hero-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.pp .pp-badge{margin-left:4px;padding:5px 10px;border-radius:999px;background:#2c1d12;border:1px solid #7a4320;color:var(--vt-ink);font:600 13px/1 var(--vt-font)}
.pp .pp-sec{padding:clamp(88px,12vh,136px) 0;background:linear-gradient(180deg,var(--vt-bg),#16110d)}
.pp .pp-sec-2{background:linear-gradient(180deg,#16110d,#1d1611)}
.pp .pp-sec-3{background:linear-gradient(180deg,#1d1611,#241b15)}
.pp .vt-paper.pp-sec{background:var(--vt-paper)}
.pp .pp-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center}
.pp .pp-split-rev>:first-child{order:2}
.pp .pp-copy{display:grid;gap:20px;justify-items:start}
.pp .pp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(32px,4.5vh,48px)}
.pp .pp-h2-solo{max-width:16em;margin-bottom:clamp(32px,4.5vh,48px)}
.pp .pp-card{background:var(--vt-bg2);border:1px solid var(--vt-line);border-radius:22px;padding:clamp(20px,2vw,28px);box-shadow:var(--vt-shadow)}
.pp .pp-card h3{font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}
.pp .pp-card p{font-size:16px;line-height:1.5}
.pp .pp-ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:12px;background:#2c1d12;color:var(--vt-or2)}
.pp .pp-ic .ic{width:21px;height:21px}
.pp .pp-grid3,.pp .pp-grid4{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.pp .pp-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp .pp-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp .pp-grid3 .pp-card,.pp .pp-grid4 .pp-card{box-shadow:none;transition:transform .2s var(--vt-ease),border-color .2s ease}
@media(hover:hover) and (pointer:fine){.pp .pp-grid3 .pp-card:hover,.pp .pp-grid4 .pp-card:hover{transform:translateY(-2px);border-color:#4a3b2e}}
.pp code{font:500 15px/1.4 "JetBrains Mono",ui-monospace,monospace;color:var(--vt-or2);background:#0b0907;border:1px solid var(--vt-line);border-radius:6px;padding:1px 6px}
.pp .pp-regie-foot{margin:0;padding:10px 4px 0;font-size:14px;line-height:1.45;color:var(--vt-ink3)}
.pp .pp-meter{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.pp .pp-meter i{width:3px;height:30%;border-radius:2px;background:#5a4a3c}
.pp :is(li.is-on,.pp-meter-on) .pp-meter i,.pp .pp-meter-on i{background:var(--vt-or2);animation:pp-meter .5s ease-in-out infinite alternate}
.pp .pp-meter i:nth-child(2){animation-delay:.12s}.pp .pp-meter i:nth-child(3){animation-delay:.24s}.pp .pp-meter i:nth-child(4){animation-delay:.06s}
@keyframes pp-meter{from{height:20%}to{height:100%}}
@keyframes pp-open{from{clip-path:inset(4% 5% 4% 5% round 28px);transform:scale(.985)}to{clip-path:inset(0 round 26px);transform:none}}

/* ---------- Live : la régie ---------- */
.pp-regie{position:relative;border-radius:26px;padding:12px;background:linear-gradient(#241b15,#16110d);border:1px solid var(--vt-line);box-shadow:var(--vt-shadow);animation:pp-open .9s var(--vt-ease) both;min-width:0}
.pp-regie-top{display:flex;align-items:center;gap:14px;padding:4px 6px 12px;font-size:15px;color:var(--vt-ink2)}
.pp-regie-top b{font-weight:600;color:var(--vt-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-rec{display:inline-flex;align-items:center;gap:7px;font:600 14px/1 "JetBrains Mono",ui-monospace,monospace;color:var(--vt-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.pp-rec i{width:9px;height:9px;border-radius:50%;background:#ff4a2e;animation:pp-blink 1.6s ease-in-out infinite}
@keyframes pp-blink{50%{opacity:.35}}
.pp-auto{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#2c1d12;color:var(--vt-or2);font:600 13px/1 var(--vt-font);white-space:nowrap}
.pp-auto .ic{width:14px;height:14px}
.pp .pp-program{border-radius:16px;box-shadow:none}
.pp-shot{position:absolute;left:12px;top:12px;z-index:2;padding:6px 10px;border-radius:8px;background:#110d0acc;color:var(--vt-ink);font:600 13px/1 var(--vt-font)}
.pp-caption{position:absolute;left:50%;bottom:7%;z-index:2;transform:translateX(-50%);width:max-content;max-width:86%;margin:0;padding:8px 14px;border-radius:10px;background:#000000b3;color:#fff!important;font:600 clamp(14px,1.25vw,18px)/1.3 var(--vt-font);text-align:center}
.pp-tiles{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pp-tiles li{position:relative;border-radius:12px;overflow:hidden;background:#0b0907;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .2s ease}
.pp-tiles li.is-on{outline-color:var(--vt-or)}
.pp-tiles img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.8;transition:opacity .2s ease}
.pp-tiles li.is-on img{opacity:1}
.pp-tiles span{position:absolute;left:8px;bottom:7px;display:grid;line-height:1.15;text-shadow:0 1px 6px #000}
.pp-tiles b{font:600 14px/1.2 var(--vt-font);color:#fff}.pp-tiles small{font-size:13px;color:#e8ddd0}
.pp-tiles .pp-meter{position:absolute;right:8px;bottom:8px}
.pp-regie-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.pp .pp-mark{min-height:46px;padding:0 18px;font-size:15px}
.pp-toggle{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid #5a4a3c;background:transparent;color:var(--vt-ink2);font:600 15px/1 var(--vt-font);cursor:pointer;transition:background-color .16s ease,color .16s ease}
.pp-toggle[aria-pressed=true]{background:var(--vt-ink);color:var(--vt-bg);border-color:var(--vt-ink)}
.pp-toggle .ic{width:17px;height:17px}
.pp-line{position:relative;flex:1;min-width:120px;height:46px;border-radius:12px;background:repeating-linear-gradient(90deg,#3a2c21 0 2px,transparent 2px 7px) center/100% 40% no-repeat,#140f0c;border:1px solid var(--vt-line)}
.pp-playhead{position:absolute;top:4px;bottom:4px;width:2px;background:var(--vt-or);border-radius:2px;transition:left .25s linear}
.pp-pin{position:absolute;top:-7px;width:12px;height:12px;margin-left:-6px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--vt-or2);animation:pp-pin .35s var(--vt-ease) both}
@keyframes pp-pin{from{opacity:0;transform:rotate(-45deg) scale(.4)}}

/* ---------- Live : invités, pistes ---------- */
.pp-join{display:grid;gap:12px;max-width:460px;justify-self:center;width:100%}
.pp-join-cam{position:relative;border-radius:14px;overflow:hidden}
.pp-join-cam img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.pp-join-cam span{position:absolute;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#110d0ad9;font:600 14px/1 var(--vt-font)}
.pp-join-cam span:nth-of-type(1){left:10px}.pp-join-cam span:nth-of-type(2){left:118px}
.pp-ok{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#2f6a45;color:#e8ffe9}.pp-ok .ic{width:11px;height:11px}
.pp-join small{font-size:14px;color:var(--vt-ink3)}
.pp-join label{font:600 15px/1.3 var(--vt-font);color:var(--vt-ink)}
.pp .pp-input{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:12px;border:1px solid #5a4a3c;background:#140f0c;color:var(--vt-ink);font-size:16px}
.pp .pp-input .ic{width:16px;height:16px;color:var(--vt-ink3)}
.pp .pp-consent{display:flex;gap:10px;font-size:15px;line-height:1.45;margin:0}
.pp-box{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:2px;border-radius:6px;background:var(--vt-or);color:var(--vt-on-or)}.pp-box .ic{width:13px;height:13px}
.pp-join .vt-btn{justify-self:start;pointer-events:none}
.pp-tracks{display:grid;gap:12px}
.pp-track{display:grid;grid-template-columns:72px 90px minmax(0,1fr) auto;align-items:center;gap:14px}
.pp-track img,.pp-prog-ic{width:72px;height:40px;border-radius:8px;object-fit:cover}
.pp-prog-ic{display:grid;place-items:center;background:#2c1d12;color:var(--vt-or2)}
.pp-track b{font:600 16px/1.2 var(--vt-font);color:var(--vt-ink)}
.pp-track small{font:500 13px/1 "JetBrains Mono",ui-monospace,monospace;color:var(--vt-ink3)}
.pp-track>span{height:14px;border-radius:999px;background:#140f0c;border:1px solid var(--vt-line);overflow:hidden}
.pp-track>span i{display:block;height:100%;width:100%;background:repeating-linear-gradient(90deg,var(--vt-or) 0 14px,#ff8a4c 14px 16px);transform-origin:left;animation:pp-fill 6s calc(var(--k) * -1.3s) linear infinite}
.pp-track-prog>span i{background:repeating-linear-gradient(90deg,#c4b6a6 0 14px,#9a8b7b 14px 16px)}
@keyframes pp-fill{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
.pp .pp-tracks-foot{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:15px;color:var(--vt-ink3)}
.pp-tracks-foot .ic{width:16px;height:16px}

/* ---------- TikTok Remix : préparer un envoi ---------- */
.pp-send{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start;padding:14px;border-radius:28px;background:linear-gradient(#241b15,#16110d);border:1px solid var(--vt-line);box-shadow:var(--vt-shadow);animation:pp-open .9s var(--vt-ease) both;min-width:0}
.pp-send-phone .vt-film{border-radius:22px;border:6px solid #0b0907;box-shadow:none}
.pp-feed{position:absolute;left:12px;right:12px;bottom:14px;z-index:2;display:grid;gap:4px;color:#fff;text-shadow:0 1px 6px #000c;pointer-events:none}
.pp-feed b{font:700 15px/1.2 var(--vt-font)}.pp-feed span{font-size:14px;line-height:1.35}
.pp-aigc{justify-self:start;padding:3px 8px;border-radius:6px;background:#ffffff26;font-size:12px}
.pp-send-panel{display:grid;gap:12px;align-content:start;min-width:0}
.pp .pp-step{font:600 14px/1 var(--vt-font);color:var(--vt-ink3);margin:4px 0 0}
.pp-chips{display:flex;flex-wrap:wrap;gap:8px}
.pp-chip{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--vt-line);background:#231b15;color:var(--vt-ink2);font:600 14px/1 var(--vt-font);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s var(--vt-ease)}
.pp-chip[aria-pressed=true]{background:var(--vt-ink);color:var(--vt-bg);border-color:var(--vt-ink)}
.pp-chip:active,.pp-modes button:active{transform:scale(.97)}
.pp-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp-modes button{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--vt-line);background:#231b15;color:var(--vt-ink);font:inherit;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s var(--vt-ease)}
.pp-modes button[aria-pressed=true]{border-color:var(--vt-or);background:#2c1d12}
.pp-modes .ic{width:18px;height:18px;margin-top:2px;color:var(--vt-or2);flex:none}
.pp-modes b{display:block;font:600 15px/1.25 var(--vt-font)}.pp-modes small{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:var(--vt-ink3)}
.pp-settings{display:grid;gap:2px;padding:6px 12px;border-radius:14px;background:#140f0c;border:1px solid var(--vt-line)}
.pp .pp-vis{display:flex;gap:10px;align-items:flex-start;padding:8px 0;margin:0;border-bottom:1px solid var(--vt-line)}
.pp-vis .ic{width:17px;height:17px;margin-top:2px;color:var(--vt-or2)}
.pp-vis b{display:block;font:600 15px/1.3 var(--vt-font);color:var(--vt-ink)}.pp-vis small{display:block;font-size:13px;color:var(--vt-ink3)}
.pp-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0;border:0;background:none;color:var(--vt-ink);font:500 15px/1.3 var(--vt-font);text-align:left;cursor:pointer}
.pp-switch span{display:grid}.pp-switch small{font-size:13px;color:var(--vt-ink3)}
.pp-switch>i{flex:none;position:relative;width:40px;height:24px;border-radius:999px;background:#3a2c21;transition:background-color .2s ease}
.pp-switch>i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f6efe6;transition:transform .2s var(--vt-ease)}
.pp-switch[aria-checked=true]>i{background:var(--vt-or)}.pp-switch[aria-checked=true]>i::after{transform:translateX(16px)}
.pp-switch:disabled{cursor:not-allowed}.pp-switch:disabled>i{opacity:.55}
.pp .pp-send-btn{width:100%;margin-top:4px}
.pp-status{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pp-status li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--vt-ink3);transition:color .3s ease}
.pp-status .ic{width:18px;height:18px;padding:3px;border-radius:50%;background:#2e241c;color:transparent;transition:background-color .3s ease,color .3s ease}
.pp-status li.is-done{color:var(--vt-ink)}.pp-status li.is-done .ic{background:#2f6a45;color:#e8ffe9}
.pp .pp-send-note{font-size:14px;color:var(--vt-ink3)}
.pp-mini{display:grid;gap:8px;min-height:104px;align-content:center;margin-bottom:18px;padding:14px;border-radius:14px;background:#140f0c;border:1px solid var(--vt-line)}
.pp .pp-input-sm{min-height:40px;font-size:14px;padding:0 12px}
.pp-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--vt-ink2)}
.pp-check .ic{width:16px;height:16px;padding:2px;border-radius:5px;background:var(--vt-or);color:var(--vt-on-or)}
.pp-row{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 12px;border-radius:10px;background:#231b15;font-size:15px;color:var(--vt-ink2)}
.pp-row b{font-weight:600;color:var(--vt-ink)}.pp-row-on{background:#2c1d12;border:1px solid #7a4320}.pp-row .ic{width:16px;height:16px;color:var(--vt-or2)}
.pp-stats{grid-template-columns:1fr 1fr}
.pp-stats span{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border-radius:10px;background:#231b15;font-size:14px;color:var(--vt-ink2)}
.pp-stats .ic{width:16px;height:16px;color:var(--vt-or2)}

/* ---------- Extension : la page vidéo et sa fenêtre ---------- */
.pp-browser{position:relative;padding:0 0 12px;border-radius:22px;background:#efe9e0;border:1px solid #ffffff1f;box-shadow:var(--vt-shadow);overflow:hidden;animation:pp-open .9s var(--vt-ease) both;min-width:0}
.pp-browser-bar{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;background:#e4ddd2}
.pp-browser-bar>i{width:10px;height:10px;border-radius:50%;background:#cdbfae}
.pp-browser-bar span{flex:1;margin-left:10px;padding:5px 12px;border-radius:999px;background:#f6f1ea;font:500 13px/1.2 var(--vt-font);color:#5a4c40}
.pp-ext-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;transition:background-color .2s ease}
.pp-ext-ic.is-on{background:#ffd9c4}
.pp-browser-body{position:relative;padding:14px 14px 0;min-height:420px}
.pp-watch{max-width:60%}
.pp .pp-player{border-radius:12px;box-shadow:none}
.pp .pp-watch-title{margin:12px 0 10px;font:700 18px/1.25 var(--vt-head);letter-spacing:-.01em;color:#16110d}
.pp-actions-row{display:flex;flex-wrap:wrap;gap:8px}
.pp-pill{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;background:#e4ddd2;color:#16110d;font:600 14px/1 var(--vt-font)}
.pp-pill .ic{width:16px;height:16px}
.pp-clip-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px 0 8px;border:0;border-radius:999px;background:var(--vt-or);color:var(--vt-on-or);font:700 14px/1 var(--vt-font);cursor:pointer;transition:transform .16s var(--vt-ease),background-color .2s ease}
.pp-clip-btn:active{transform:scale(.96)}
.pp-clip-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff}
.pp-clip-ic img{width:16px;height:16px}.pp-clip-ic .ic{width:15px;height:15px;color:#1f7a45}
.pp-clip-btn.is-busy .pp-clip-ic{background:conic-gradient(var(--vt-on-or) 0 25%,#fff 0);animation:pp-spin .9s linear infinite}
.pp-clip-btn.is-busy .pp-clip-ic img{opacity:0}
@keyframes pp-spin{to{transform:rotate(1turn)}}
.pp-clip-btn.is-done{background:#16110d;color:#fff}
@media(hover:hover) and (pointer:fine){.pp-clip-btn:hover{transform:translateY(-1px)}.pp-clip-btn:not(.is-done):hover{background:#ff7330}}
.pp-popup{position:absolute;top:6px;right:14px;width:min(38%,320px);border-radius:16px;background:#fffaf3;color:#16110d;box-shadow:0 30px 70px -20px #000a,0 0 0 1px #0000000f;
  opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .25s ease,transform .35s var(--vt-ease);pointer-events:none}
.pp-popup.is-open{opacity:1;transform:none;pointer-events:auto}
.pp-popup-top{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #ece3d6}
.pp-popup-top b{font:700 15px/1 var(--vt-head)}.pp-popup-top small{margin-left:auto;font-size:12px;color:#5a4c40}
.pp-popup-work{display:grid;gap:10px;padding:14px}
.pp-popup-work>b{font:600 15px/1.2 var(--vt-font)}
.pp .pp-gauge{height:6px;border-radius:999px;background:#ece3d6;overflow:hidden}
.pp .pp-gauge i{display:block;height:100%;background:var(--vt-or);border-radius:inherit;transition:width .9s var(--vt-ease)}
.pp-skel{display:flex;gap:10px;align-items:center}
.pp-skel>i{width:36px;height:56px;border-radius:6px;background:#ece3d6}
.pp-skel span{flex:1;display:grid;gap:6px}.pp-skel span i{height:8px;border-radius:4px;background:#ece3d6}.pp-skel span i+i{width:60%}
.pp-skel :is(i,span i){animation:pp-shine 1.2s ease-in-out infinite alternate}
@keyframes pp-shine{to{opacity:.45}}
.pp-fmts{display:flex;gap:4px;margin:12px 14px 4px;padding:3px;border-radius:999px;background:#f1eadf}
.pp-fmts button{flex:1;min-height:32px;border:0;border-radius:999px;background:none;color:#5a4c40;font:600 13px/1 var(--vt-font);cursor:pointer}
.pp-fmts button[aria-pressed=true]{background:#16110d;color:#fff}
.pp-clips{list-style:none;margin:0;padding:6px 8px 10px;display:grid;gap:2px}
.pp-clips li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px;border-radius:10px;animation:pp-row .4s calc(var(--k) * 90ms) var(--vt-ease) both}
@keyframes pp-row{from{opacity:0;transform:translateY(6px)}}
.pp-clips img{width:40px;height:64px;border-radius:6px;object-fit:cover}
.pp-clips b{display:block;font:600 13px/1.3 var(--vt-font);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pp-clips small{font-size:12px;color:#5a4c40}.pp-clips em{font-style:normal;font-weight:700;color:#b53f06}
.pp .pp-dl{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--vt-or);color:var(--vt-on-or)}
.pp .pp-dl .ic{width:16px;height:16px}
.pp-browser .pp-regie-foot{padding:12px 14px 0;color:#5a4c40}
.pp .pp-steps{counter-reset:none}
.pp .pp-n{display:grid;place-items:center;width:36px;height:36px;margin-bottom:16px;border-radius:50%;background:var(--vt-or);color:var(--vt-on-or);font:700 16px/1 var(--vt-head)}
.pp-perms{display:grid;gap:10px}
.pp-perms h3{display:flex;align-items:center;gap:10px;margin:8px 0 0!important}
.pp-perms h3 .ic{width:20px;height:20px;color:var(--vt-or2)}
.pp-perms ul{margin:0;padding:0 0 0 30px;display:grid;gap:6px;color:var(--vt-ink2);font-size:16px;line-height:1.45}

/* ---------- YouTube → Shorts : l'outil ---------- */
.pp .pp-tool-hero .pp-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.pp .pp-tool-hero h1{font-size:clamp(40px,4.6vw,68px)}
.pp-tool-form{display:grid;gap:12px;width:100%;max-width:620px}
.pp-tool-row{display:flex;gap:10px}
.pp-tool-row input{flex:1;min-width:0;min-height:56px;padding:0 20px;border-radius:999px;border:1px solid #5a4a3c;background:#140f0cE6;color:var(--vt-ink);font:400 17px var(--vt-font)}
.pp-tool-row input::placeholder{color:var(--vt-ink3)}
.pp-tool-row input:focus-visible{outline:2px solid var(--vt-or2);outline-offset:2px}
.pp-tool-row .vt-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.pp .pp-tool-or{font-size:15px;color:var(--vt-ink3)}
.pp .dropzone{min-height:0;padding:22px;border-radius:18px;border:1px dashed #5a4a3c;background:#140f0cB3;color:var(--vt-ink2);font-size:16px}
.pp .dropzone :is(strong,b,p,span){color:inherit}
.pp .dropzone.over{border-color:var(--vt-or);background:#2c1d12}
.pp-tool-box{display:grid;gap:10px;justify-items:start;width:100%;max-width:620px;padding:20px;border-radius:18px;background:var(--vt-bg2);border:1px solid var(--vt-line)}
.pp-tool-box strong{font:600 19px/1.25 var(--vt-head);color:var(--vt-ink)}
.pp-tool-box p{font-size:16px}
.pp .is-error{color:#ff9a7a!important;font-weight:600}
.pp .pp-tool-warn{font-size:15px;color:#ffb08a}
.pp-tool-step{font-size:15px;color:var(--vt-or2);font-weight:600}
.pp .pp-gauge-run{width:100%;background:#2e241c}
.pp .pp-gauge-run i{width:35%;animation:pp-run 1.4s ease-in-out infinite alternate}
@keyframes pp-run{from{transform:translateX(-10%)}to{transform:translateX(200%)}}
.pp-tool-side{min-width:0}
.pp-tool-example{display:grid;grid-template-columns:minmax(0,300px);gap:14px;justify-content:center}
.pp-tool-example .vt-film{border:6px solid #0b0907;border-radius:28px}
.pp-tool-score{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#110d0ad9;border:1px solid var(--vt-line)}
.pp-tool-score em{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--vt-or);color:var(--vt-on-or);font:700 15px/1 var(--vt-font);font-style:normal}
.pp-tool-score b{display:block;font:600 15px/1.35 var(--vt-font);color:var(--vt-ink)}
.pp-tool-score small{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--vt-ink3)}
.pp-tool-results{display:grid;gap:14px}
.pp-tool-results h2{font-size:clamp(26px,2.4vw,34px);line-height:1.1}
.pp-tool-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pp-tool-clip{display:grid;gap:8px;align-content:start}
.pp-tool-clip :is(video,img){width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px;background:#0b0907}
.pp-tool-clip .vt-btn{min-height:44px;font-size:15px;padding:0 14px}
.pp-tool-clip b{font:600 15px/1.3 var(--vt-font);color:var(--vt-ink)}
.pp-tool-clip small{font-size:14px;color:var(--vt-ink3)}
.pp .pp-more{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;margin-top:clamp(28px,4vh,44px)}
.pp .pp-more p{flex-basis:100%;font-size:18px}

/* ---------- Fin de page ---------- */
.pp .pp-final{padding:clamp(96px,13vh,144px) 0 clamp(80px,11vh,128px);background:linear-gradient(180deg,var(--vt-paper) 0%,#6b5545 12%,#2a2019 30%,var(--vt-bg) 70%)}
.pp .vt-paper+.pp-final{border-top:0}
.pp .pp-final-grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.pp .pp-final-film{width:100%;max-width:360px;justify-self:center;border-radius:26px}
.pp .pp-final-film .vt-film{border-radius:26px}
.pp .pp-final .vt-h2{color:var(--vt-ink)}

/* ---------- Page invité /live/join/:id sur le sol de la vitrine ---------- */
.pp-join-page.lv-join{min-height:100vh;max-width:none;margin:0;padding:24px max(var(--vt-gut),calc((100% - 720px) / 2)) 64px}
.pp-join-page h1{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:24px 0 6px}
.pp-join-page .muted{color:var(--vt-ink2)}
.pp-join-page .xs-create{margin-top:24px;padding:24px;border-radius:22px;background:var(--vt-bg2);border:1px solid var(--vt-line);box-shadow:var(--vt-shadow)}
.pp-join-page .btn-primary{background:var(--vt-or);color:var(--vt-on-or);border-color:var(--vt-or);border-radius:999px;min-height:50px;font-weight:600}
.pp-join-page .btn-secondary{border-radius:999px;min-height:46px}
.pp-join-page .input{background:#140f0c;border-color:#5a4a3c;color:var(--vt-ink);border-radius:12px;min-height:48px;font-size:16px}
.pp-join-page .lv-consent{font-size:15px;line-height:1.5;color:var(--vt-ink2)}
.pp-join-page .lv-consent a{color:var(--vt-or2);text-decoration:underline}
.pp-join-page .xs-notice{border-radius:14px;background:#2c1d12;border:1px solid #7a4320;color:var(--vt-ink);padding:14px 16px;font-size:16px}

/* ---------- Tablette et téléphone ---------- */
@media(max-width:1100px){
  .pp .pp-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp .pp-hero-grid{grid-template-columns:1fr}
  .pp .vt-hero{min-height:0}
  .pp-regie,.pp-send,.pp-browser{max-width:860px}
}
@media(max-width:900px){
  .pp .pp-split,.pp .pp-head,.pp .pp-final-grid{grid-template-columns:1fr}
  .pp .pp-split-rev>:first-child{order:0}
  .pp .pp-grid3{grid-template-columns:1fr}
  .pp .pp-final-film{max-width:260px}
  .pp-watch{max-width:none}
  .pp-popup{position:relative;top:auto;right:auto;width:auto;margin:14px 0 0;display:none}
  .pp-popup.is-open{display:block}
  .pp-browser-body{min-height:0}
}
@media(max-width:700px){
  .pp .pp-grid4{grid-template-columns:1fr}
  .pp-regie{padding:8px;border-radius:20px}
  .pp-regie-top{font-size:14px;gap:10px}.pp-regie-top b{display:none}
  .pp-tiles{gap:6px}.pp-tiles small{display:none}
  .pp-line{flex-basis:100%}
  .pp .pp-mark{flex:1}
  .pp-send{grid-template-columns:1fr;padding:10px}
  .pp-send-phone{max-width:260px;width:100%;justify-self:center}
  .pp-modes{grid-template-columns:1fr}
  .pp-tool-row{flex-direction:column}
  .pp-tool-row .vt-btn{width:100%}
  .pp-tool-clips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-track{grid-template-columns:56px 70px minmax(0,1fr);gap:10px}
  .pp-track img,.pp-prog-ic{width:56px;height:32px}
  .pp-track small{display:none}
  .pp-join-cam span:nth-of-type(2){left:auto;right:10px}
  .pp .pp-sec{padding:72px 0}
}
@media(prefers-reduced-motion:reduce){
  .pp *,.pp *::before,.pp *::after{animation:none!important;transition:none!important}
}
.pp-join-page .lv-upload{background:#231b15;color:var(--vt-ink2);font-size:14px;padding:6px 12px}
.pp-join-page .btn-secondary{background:transparent;color:var(--vt-ink);border:1px solid #5a4a3c}
.pp-join-page :is(select,.select){background:#140f0c;color:var(--vt-ink);border-color:#5a4a3c}
.pp-join-page .sc-label{color:var(--vt-ink)}
.pp .pp-tuto video{object-fit:contain;background:#000}
.pp .pp-tuto-sec+.vt-paper{border-top:0}
.pp-tool-meta{display:flex;gap:14px;align-items:center}
.pp-tool-meta img{width:160px;height:90px;object-fit:cover;border-radius:10px;flex:none}
.pp-tool-meta span{display:flex;flex-direction:column;gap:4px;min-width:0}
.pp-tool-meta b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-tool-meta small,.pp-tool-note{color:var(--vt-ink2,#a8978a)}
@media (max-width:600px){.pp-tool-meta img{width:112px;height:63px}}
@media (max-width:900px){.pp .pp-tool-hero .pp-hero-grid{grid-template-columns:minmax(0,1fr)}.pp-tool-side{margin-top:24px}}