/* Gesture: one persistent question strip, camera, then an independently scrolling guide. */
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session{display:flex;flex-direction:column;gap:10px;min-height:280px;height:min(860px,var(--ppl-camera-available,calc(var(--ppl-camera-vh,100dvh) - var(--ppl-camera-nav,0px) - var(--ppl-camera-top,0px) - 16px)));max-width:1400px;margin:0 auto;overflow:hidden;scroll-margin-top:calc(var(--ppl-camera-top,0px) + 6px)}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session>.ppl-gesture-quest{flex:none;padding:9px 14px;border:2px solid #c2daef;border-radius:16px;background:#e9f7ff;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-top{font-size:14px;line-height:1.3;display:flex;justify-content:space-between;gap:8px;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-problem{display:flex;align-items:center;justify-content:center;gap:10px;margin:3px 0 0;text-align:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-problem>img{display:block;width:40px;height:44px;object-fit:contain;align-self:center}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-prompt{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-question{font-size:42px;line-height:1.15;white-space:nowrap;margin:0;color:#213c86}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-rows:minmax(0,1fr);gap:12px;flex:1;min-height:0;padding:0;border:0;background:transparent;align-items:stretch;width:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-layout>.creative-sheet{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;max-width:none;width:100%;padding:12px;box-sizing:border-box;align-self:stretch;border-radius:18px;margin:0;overflow:hidden}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-sheet>.ppl-gesture-camera{flex:1 1 auto;min-height:0;height:auto;width:100%;margin:0;order:0;border:2px solid #bed6f1;border-radius:14px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-camera video{object-fit:contain;width:100%;height:100%}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-question{display:none}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-primary{display:flex;flex:none;gap:8px;margin:0;order:1}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-primary>.ppl-button{flex:1;min-height:44px;padding:8px;font-size:16px;line-height:1.2}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session [data-extra-gesture-size]{display:none!important}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-question-sheet{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-question-sheet>*{order:0;flex-shrink:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-only-note{font-size:16px;line-height:1.4;padding:10px;border-radius:12px;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-only-note strong{font-size:18px;margin-bottom:4px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-options>div{font-size:25px;padding:5px;line-height:1.15}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-options small{font-size:13px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .creative-feedback{font-size:15px;line-height:1.4;min-height:0;padding:8px;margin:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-question-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-question-actions>.ppl-button{flex:1 1 120px;min-height:44px;font-size:15px;padding:8px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-cameralabel{font-size:14px;line-height:1.3;max-width:calc(100% - 16px);bottom:6px;left:6px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-refined>.creative-content>.gesture-teacher-settings{max-width:1400px;margin:12px auto}
@media(max-width:700px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session{gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1.35fr) minmax(130px,1fr);gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-layout>.creative-sheet{padding:8px;gap:7px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-question{font-size:36px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-only-note{font-size:15px;padding:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-camera-only-note strong{font-size:17px}
}
@media(orientation:landscape) and (max-height:500px) and (min-width:600px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session{min-height:240px;gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session>.ppl-gesture-quest{padding:5px 10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .ppl-gesture-question{font-size:30px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-problem>img{width:28px;height:30px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr);gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .gesture-session .gesture-layout>.creative-sheet{padding:6px}
}
