.ppl-app #pl-bm-lab *{box-sizing:border-box}
.ppl-app #pl-bm-lab{margin:0;background:#eef5f9;color:#173e54;font-family:'Trebuchet MS',Arial,sans-serif}
.ppl-app #pl-bm-lab button,.ppl-app #pl-bm-lab a,.ppl-app #pl-bm-lab select{-webkit-tap-highlight-color:transparent}
.ppl-app #pl-bm-lab button,.ppl-app #pl-bm-lab select{font:inherit}
.ppl-app #pl-bm-lab button,.ppl-app #pl-bm-lab a{touch-action:manipulation}
.ppl-app #pl-bm-lab button{cursor:pointer}
.ppl-app #pl-bm-lab button:focus-visible,.ppl-app #pl-bm-lab a:focus-visible,.ppl-app #pl-bm-lab summary:focus-visible{outline:3px solid #8856e8;outline-offset:3px}
.ppl-app #pl-bm-lab [hidden]{display:none!important}
.ppl-app #pl-bm-lab .pl-main{height:var(--studio-height,calc(100dvh - 202px));min-height:440px;max-height:850px;display:grid;grid-template-rows:108px minmax(0,1fr) 54px;border:2px solid white;border-radius:26px;overflow:hidden;background:white;box-shadow:0 16px 40px #21495c16;scroll-margin-top:8px}
.ppl-app #pl-bm-lab .studio-question{display:flex;gap:18px;align-items:center;padding:10px 22px;background:#fffdf8;border-bottom:1px solid #d9e7df}
.ppl-app #pl-bm-lab .pl-picture{width:128px;height:86px;flex:none;border-radius:15px;border:2px solid #dee9df;overflow:hidden;background:#f0f8ee}
.ppl-app #pl-bm-lab .pl-scene{height:100%;background:#dceee6}
.ppl-app #pl-bm-lab .pl-picture .bm-image{display:block;width:100%;height:100%;object-fit:contain}
.ppl-app #pl-bm-lab .question-text{min-width:0}
.ppl-app #pl-bm-lab .eyebrow{font-size:11px;letter-spacing:1.2px;color:#778b91;font-weight:bold}
.ppl-app #pl-bm-lab .pl-progress{margin-left:16px;color:#1a8d7c;letter-spacing:0}
.ppl-app #pl-bm-lab .question-text h2{font-size:29px;line-height:1.15;margin:5px 0}
.ppl-app #pl-bm-lab .pl-instruction{font-size:17px;margin:0;color:#597480}
.ppl-app #pl-bm-lab .listen{margin-left:auto;width:48px;height:48px;flex:none;border-radius:15px;border:1px solid #c9e0e6;background:#edf9fd;font-size:22px}
.ppl-app #pl-bm-lab .studio-canvas{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#e0f0e8,#c1ddd5);isolation:isolate}
.ppl-app #pl-bm-lab .studio-canvas:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:40px 40px}
.ppl-app #pl-bm-lab .bm-preview{position:absolute;inset:0;z-index:0;background:#263a3b}
.ppl-app #pl-bm-lab .bm-preview video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ppl-app #pl-bm-lab .pl-work{position:absolute;inset:12px 22px 14px;display:grid;grid-template-rows:auto minmax(30px,1fr) auto;gap:8px;z-index:2;pointer-events:none;min-width:0}
.ppl-app #pl-bm-lab .answer-panel{padding:10px 14px 12px;border-radius:20px;background:#fffdf2ed;border:2px solid #ffffff;box-shadow:0 4px 10px #314b4520;min-width:0;max-width:960px;width:100%;justify-self:center}
.ppl-app #pl-bm-lab .pl-label{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#627a79;font-size:13px}
.ppl-app #pl-bm-lab .pl-label strong{font-size:17px;color:#345456}
.ppl-app #pl-bm-lab .bm-drop-hint{font-size:13px;color:#829187;margin:2px 0 6px}
.ppl-app #pl-bm-lab .pl-slots{display:flex;flex-flow:row nowrap;align-items:stretch;gap:10px;min-height:88px;position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#84aa91 transparent;padding:3px}
.ppl-app #pl-bm-lab .pl-slot{display:flex;align-items:center;justify-content:center;position:relative;flex:1 0 88px;min-width:88px;min-height:80px;border:2px dashed #b9c0a5;border-radius:15px;background:#fcfff1;color:#849275;transition:background .12s,border .12s,box-shadow .12s}
.ppl-app #pl-bm-lab .pl-slot>span{font-size:26px;font-weight:bold}
.ppl-app #pl-bm-lab .pl-slot.filled{flex:1 0 auto;border:2px solid #b5cb8e;background:#f3fbd8;padding:3px}
.ppl-app #pl-bm-lab .pl-slot.target{border-color:#078c70;background:#c9f6db;box-shadow:0 0 0 5px #57ce9b70}
.ppl-app #pl-bm-lab .pl-dot{font-size:30px;align-self:center;padding:0 1px}
.ppl-app #pl-bm-lab .word-panel{max-width:960px;width:100%;justify-self:center;padding:10px 14px;border-radius:20px;background:#f9fcffed;border:2px solid white;box-shadow:0 4px 10px #314b4520;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;align-items:center}
.ppl-app #pl-bm-lab .word-panel>.pl-label{grid-column:1/-1}
.ppl-app #pl-bm-lab .pl-rack{display:flex;flex-flow:row wrap;gap:10px 8px;align-items:center;min-height:56px;align-content:center}
.ppl-app #pl-bm-lab .pl-word{border:2px solid #c7a65b;background:linear-gradient(#ffedaa,#f8d26c);border-radius:13px;color:#314b4f;font-family:inherit;font-size:26px;font-weight:bold;line-height:1.2;min-height:52px;white-space:nowrap;padding:9px 18px;box-shadow:0 5px #c49e45;position:relative;pointer-events:auto;user-select:none;touch-action:none;cursor:default;transition:box-shadow .12s,filter .12s}
.ppl-app #pl-bm-lab .pl-word:disabled{opacity:.9}
.ppl-app #pl-bm-lab .pl-word.held{opacity:.18}
.ppl-app #pl-bm-lab .pl-word.gs-hover{border-color:#078c70;box-shadow:0 0 0 5px #72d9ae90,0 5px #15855e;filter:brightness(1.08)}
.ppl-app #pl-bm-lab[data-mode=choose] .pl-word{background:linear-gradient(#e2f6eb,#bbdfc9);border-color:#92bca3;box-shadow:0 5px #7fae91}
.ppl-app #pl-bm-lab .pl-slot>.pl-word{margin:0;min-width:0;padding:8px 10px}
.ppl-app #pl-bm-lab .pl-actions{display:flex;justify-content:flex-end;align-items:center}
.ppl-app #pl-bm-lab .pl-check{border:2px solid #6240a8;border-radius:14px;background:linear-gradient(#8f62d9,#7046b8);color:white;font-size:19px;font-weight:bold;line-height:1.2;min-height:58px;padding:10px 18px;box-shadow:0 4px #57348f;pointer-events:auto;min-width:170px;max-width:240px}
.ppl-app #pl-bm-lab .pl-check:disabled{opacity:.5;cursor:default}
.ppl-app #pl-bm-lab .pl-check.gs-hover{outline:5px solid #7ae0b2;outline-offset:2px}
.ppl-app #pl-bm-lab .hand-space{display:flex;align-items:center;justify-content:center;min-height:0;color:#477365;pointer-events:none}
.ppl-app #pl-bm-lab .hand-space span{font-size:13px;background:#edf8f2b0;padding:6px 12px;border-radius:20px}
.ppl-app #pl-bm-lab.bm-camera-on .hand-space span{display:none}
.ppl-app #pl-bm-lab .camera-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ppl-app #pl-bm-lab .off-pill{position:absolute;top:158px;left:20px;font-size:12px;color:#4e7469;background:#effbf2b0;padding:5px 9px;border-radius:20px;display:flex;align-items:center;gap:5px}
.ppl-app #pl-bm-lab .off-pill>span{width:6px;height:6px;border-radius:50%;background:#95a9a0}
.ppl-app #pl-bm-lab .hand-outline{width:100px;opacity:.13;transform:rotate(-10deg)}
.ppl-app #pl-bm-lab .hand-outline img{width:100%}
.ppl-app #pl-bm-lab .camera-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:7px;white-space:nowrap;padding:12px 22px;border:1px solid #fff8;background:#edf8f3e8;border-radius:22px;box-shadow:0 7px 22px #41685a16}
.ppl-app #pl-bm-lab .camera-start p{font-size:21px;font-weight:bold;margin:0;color:#285d51}
.ppl-app #pl-bm-lab .camera-start>span{font-size:13px;color:#5a7d70}
.ppl-app #pl-bm-lab .camera-start small{font-size:11px;color:#739082}
.ppl-app #pl-bm-lab .camera-start button{min-height:48px;border:0;border-radius:13px;padding:11px 22px;color:white;background:#188c76;font-size:17px;font-weight:bold;box-shadow:0 4px #0d6d5b}
.ppl-app #pl-bm-lab.bm-camera-on .camera-start,.ppl-app #pl-bm-lab.bm-camera-on .camera-off{display:none}
.ppl-app #pl-bm-lab .studio-status{display:flex;align-items:center;gap:9px;padding:8px 18px;background:#fffdf8;border-top:1px solid #deeadf;position:relative;z-index:3;min-width:0}
.ppl-app #pl-bm-lab .status-copy{display:flex;gap:8px;align-items:center;min-width:0;flex:1}
.ppl-app #pl-bm-lab .tracking-dot{width:8px;height:8px;flex:none;background:#a1b2ac;border-radius:50%}
.ppl-app #pl-bm-lab.bm-camera-on .tracking-dot{background:#1aab80;box-shadow:0 0 0 4px #1aab8018}
.ppl-app #pl-bm-lab .studio-status p{margin:0;font-size:14px;line-height:1.25;overflow:hidden}
.ppl-app #pl-bm-lab .studio-status [data-bm-stop]{border:1px solid #c6d6d0;background:white;border-radius:9px;min-height:36px;font-size:13px;padding:5px 9px;color:#44685e}
.ppl-app #pl-bm-lab .pl-feedback{display:none}
.ppl-app #pl-bm-lab .pl-feedback.correct{display:block;position:absolute;bottom:64px;left:50%;transform:translateX(-50%);background:#f2fff1f5;padding:12px 16px;border-radius:15px;box-shadow:0 4px 15px #264b3d20;width:max-content;max-width:90%;color:#176648!important;font-weight:bold}
.ppl-app #pl-bm-lab .bm-reading{border-radius:14px;background:#efffda;padding:10px}
.ppl-app #pl-bm-lab .bm-reading>span{font-size:14px;color:#44804d}
.ppl-app #pl-bm-lab .bm-reading-line{white-space:nowrap;overflow:auto;font-size:29px;font-weight:bold;padding:8px 0;color:#285c3b}
.ppl-app #pl-bm-lab.bm-is-reading .hand-space{min-height:100px}
.ppl-app #pl-bm-lab.bm-is-reading .word-panel{grid-template-columns:1fr}
.ppl-app #pl-bm-lab .bm-camera-help{font-size:15px;color:#587584;margin:12px 4px;line-height:1.5}
.ppl-app #pl-bm-lab .bm-camera-help summary{cursor:pointer;font-size:14px;font-weight:bold;min-height:44px;display:flex;align-items:center}
.ppl-app #pl-bm-lab .bm-camera-help p{margin:8px 0;max-width:90ch}
.ppl-app #pl-bm-lab .bm-hand-guide{display:flex;gap:20px;flex-wrap:wrap}
.ppl-app #pl-bm-lab .bm-hand-guide>span{display:flex;align-items:center;gap:8px;max-width:50ch}
.ppl-app #pl-bm-lab .bm-hand-guide img{height:50px;width:40px}
.ppl-app #pl-bm-lab .bm-camera-help select{padding:9px;border:1px solid #a1b9c3;border-radius:8px;margin-left:7px}
.ppl-app #pl-bm-lab .bm-state{background:#fff6d9;border-radius:18px;padding:24px;margin:10px 0}
.ppl-app #pl-bm-lab .bm-state button{padding:12px;margin:10px;border:1px solid #d7b45c;background:white;border-radius:8px}
.ppl-app #pl-bm-lab .bm-cursor{position:absolute;z-index:50;width:48px;height:60px;transform:translate(-36%,-6%);pointer-events:none;filter:drop-shadow(0 1px 1px white) drop-shadow(0 2px 3px #263a3b55)}
.ppl-app #pl-bm-lab .bm-cursor img{position:absolute;inset:0;width:100%;height:100%}
.ppl-app #pl-bm-lab .bm-cursor .bm-hand-pinch{display:none}
.ppl-app #pl-bm-lab .bm-cursor.closed .bm-hand-point{display:none}
.ppl-app #pl-bm-lab .bm-cursor.closed .bm-hand-pinch{display:block}
.ppl-app #pl-bm-lab .bm-cursor.closed{transform:translate(-27%,-28%)}
.ppl-app #pl-bm-lab .bm-cursor.lost{opacity:.25}
.ppl-app #pl-bm-lab .bm-cursor-label{position:absolute;top:47px;left:38px;font-size:12px;white-space:nowrap;padding:3px 7px;border-radius:7px;background:white;color:#32634f}
.ppl-app #pl-bm-lab .pl-float{position:absolute;z-index:40;width:max-content;pointer-events:none;filter:drop-shadow(0 9px 7px #163e3b40)}
.ppl-app #pl-bm-lab .pl-float .pl-word{opacity:1;pointer-events:none}
.ppl-app #pl-bm-lab dialog{border:0;border-radius:26px;padding:24px;color:#244e53;max-width:580px;width:calc(100% - 28px);box-shadow:0 20px 90px #163e3b50}
.ppl-app #pl-bm-lab dialog::backdrop{background:#183a4966;backdrop-filter:blur(4px)}
.ppl-app #pl-bm-lab .demo-heading{display:flex;gap:16px;justify-content:space-between}
.ppl-app #pl-bm-lab .demo-heading h2{font-size:24px;margin:5px 0}
.ppl-app #pl-bm-lab .demo-heading button{width:40px;height:40px;border:1px solid #d5e3db;background:#f4faf6;border-radius:12px;font-size:18px;flex:none}
.ppl-app #pl-bm-lab .demo-board{height:220px;background:#e5f3e9;border-radius:18px;position:relative;margin-top:18px;overflow:hidden}
.ppl-app #pl-bm-lab .demo-pad{position:absolute;left:65%;top:24px;width:110px;height:75px;border:3px dashed #aac9a4;background:#f6f9e9;border-radius:13px;display:grid;place-items:center;font-size:28px;color:#88a084}
.ppl-app #pl-bm-lab .demo-brick{position:absolute;left:12%;top:140px;border:2px solid #c2a05a;border-radius:13px;background:#ffdf89;padding:13px 20px;font-weight:bold;font-size:26px;box-shadow:0 5px #b9933f}
.ppl-app #pl-bm-lab .demo-hand{width:55px;height:68px;position:absolute;left:calc(12% + 25px);top:152px;z-index:3;filter:drop-shadow(0 2px white)}
.ppl-app #pl-bm-lab [data-demo-step]{font-size:19px;font-weight:bold;min-height:48px}
.ppl-app #pl-bm-lab [data-demo-replay]{background:#148773;color:white;border:0;min-height:44px;border-radius:11px;padding:10px 16px;font-weight:bold}
.ppl-app #pl-bm-lab .demo-note{font-size:13px;color:#6d8688;line-height:1.5}
@media(max-width:700px){.ppl-app #pl-bm-lab .pl-main{border-radius:20px;grid-template-rows:98px minmax(0,1fr) 46px;min-height:450px}
.ppl-app #pl-bm-lab .studio-question{padding:8px 10px;gap:10px}
.ppl-app #pl-bm-lab .pl-picture{width:93px;height:80px;border-radius:12px}
.ppl-app #pl-bm-lab .question-text h2{font-size:23px;margin:3px 0}
.ppl-app #pl-bm-lab .pl-instruction{font-size:14px;line-height:1.25}
.ppl-app #pl-bm-lab .eyebrow{font-size:9px;letter-spacing:.7px}
.ppl-app #pl-bm-lab .pl-progress{margin-left:5px;font-size:10px}
.ppl-app #pl-bm-lab .listen{width:38px;height:42px;border-radius:12px;font-size:20px}
.ppl-app #pl-bm-lab .pl-work{inset:8px 9px 10px;gap:7px;grid-template-rows:auto minmax(24px,1fr) auto}
.ppl-app #pl-bm-lab .answer-panel{padding:7px 8px 8px;border-radius:16px}
.ppl-app #pl-bm-lab .pl-label{font-size:11px}
.ppl-app #pl-bm-lab .pl-label strong{font-size:15px}
.ppl-app #pl-bm-lab .bm-drop-hint{font-size:11px;margin:2px 0 4px}
.ppl-app #pl-bm-lab .pl-slots{gap:5px;min-height:84px;padding:2px}
.ppl-app #pl-bm-lab .pl-slot{min-width:80px;min-height:78px;flex-basis:80px;border-radius:12px}
.ppl-app #pl-bm-lab .pl-slot>span{font-size:25px}
.ppl-app #pl-bm-lab .pl-word{font-size:22px;min-height:48px;padding:9px 10px;border-radius:11px;line-height:1.15}
.ppl-app #pl-bm-lab .pl-slot .pl-word{font-size:22px;padding:7px 5px}
.ppl-app #pl-bm-lab .pl-dot{font-size:25px;padding:0}
.ppl-app #pl-bm-lab .word-panel{padding:8px 9px 10px;gap:7px;grid-template-columns:minmax(0,1fr);border-radius:16px}
.ppl-app #pl-bm-lab .pl-rack{justify-content:center;gap:9px 7px;min-height:52px}
.ppl-app #pl-bm-lab .pl-actions{justify-content:stretch}
.ppl-app #pl-bm-lab .pl-check{font-size:17px;min-height:45px;width:100%;max-width:none;min-width:0;padding:8px 12px}
.ppl-app #pl-bm-lab .hand-space span{font-size:10px;padding:4px 7px}
.ppl-app #pl-bm-lab .off-pill{top:144px;left:12px;font-size:10px}
.ppl-app #pl-bm-lab .camera-start{padding:11px 15px;gap:5px;border-radius:17px;top:49%}
.ppl-app #pl-bm-lab .camera-start p{font-size:18px}
.ppl-app #pl-bm-lab .camera-start>span{font-size:11px}
.ppl-app #pl-bm-lab .camera-start button{font-size:16px;min-height:44px;padding:10px 18px}
.ppl-app #pl-bm-lab .camera-start small{font-size:10px}
.ppl-app #pl-bm-lab .studio-status{padding:7px 10px;gap:7px}
.ppl-app #pl-bm-lab .studio-status p{font-size:12px;line-height:1.2;max-height:30px}
.ppl-app #pl-bm-lab .studio-status [data-bm-stop]{font-size:11px;padding:5px;min-height:32px}
.ppl-app #pl-bm-lab .bm-reading-line{font-size:24px}
.ppl-app #pl-bm-lab .bm-camera-help{margin:8px 7px}
.ppl-app #pl-bm-lab .demo-board{height:215px}
.ppl-app #pl-bm-lab .demo-pad{left:60%;width:90px}
.ppl-app #pl-bm-lab .demo-heading h2{font-size:21px}}
@media(max-width:390px){.ppl-app #pl-bm-lab .question-text h2{font-size:21px}
.ppl-app #pl-bm-lab .pl-picture{width:82px}
.ppl-app #pl-bm-lab .studio-question{gap:8px}
.ppl-app #pl-bm-lab .listen{width:34px}
.ppl-app #pl-bm-lab .question-text .eyebrow{font-size:8px}
.ppl-app #pl-bm-lab .pl-progress{display:block;margin:2px 0 0}
.ppl-app #pl-bm-lab .word-panel{padding-left:7px;padding-right:7px}
.ppl-app #pl-bm-lab .pl-word{padding-left:9px;padding-right:9px}
.ppl-app #pl-bm-lab .pl-rack{gap:9px 5px}
.ppl-app #pl-bm-lab .camera-start small{display:none}
.ppl-app #pl-bm-lab .camera-start{top:49%;padding:8px 13px}
.ppl-app #pl-bm-lab .camera-start>span{display:none}
.ppl-app #pl-bm-lab .camera-start p{font-size:16px}
.ppl-app #pl-bm-lab .camera-start button{min-height:40px;font-size:15px;padding:8px 12px}
.ppl-app #pl-bm-lab .hand-space>span{display:none}}
@media(orientation:landscape) and (max-height:550px){.ppl-app #pl-bm-lab .pl-main{grid-template-rows:70px minmax(0,1fr) 38px;min-height:270px;border-radius:16px}
.ppl-app #pl-bm-lab .studio-question{padding:5px 14px;gap:14px}
.ppl-app #pl-bm-lab .pl-picture{width:90px;height:58px}
.ppl-app #pl-bm-lab .question-text h2{font-size:22px;margin:2px 0}
.ppl-app #pl-bm-lab .pl-instruction{font-size:13px}
.ppl-app #pl-bm-lab .pl-progress{display:inline-block;margin-left:12px}
.ppl-app #pl-bm-lab .listen{height:40px;width:44px}
.ppl-app #pl-bm-lab .pl-work{inset:8px 12px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:20px;align-items:center}
.ppl-app #pl-bm-lab .answer-panel{padding:7px 9px}
.ppl-app #pl-bm-lab .pl-slots{min-height:85px}
.ppl-app #pl-bm-lab .pl-slot{min-width:80px;min-height:74px}
.ppl-app #pl-bm-lab .pl-word{font-size:22px;min-height:42px;padding:8px 11px}
.ppl-app #pl-bm-lab .pl-slot .pl-word{font-size:22px}
.ppl-app #pl-bm-lab .hand-space{display:none}
.ppl-app #pl-bm-lab .word-panel{grid-template-columns:1fr;padding:8px 10px;gap:6px}
.ppl-app #pl-bm-lab .pl-rack{min-height:44px;justify-content:center;gap:8px}
.ppl-app #pl-bm-lab .pl-check{font-size:16px;min-height:40px;max-width:none;width:100%;padding:7px}
.ppl-app #pl-bm-lab .pl-actions{justify-content:stretch}
.ppl-app #pl-bm-lab .pl-label strong{font-size:14px}
.ppl-app #pl-bm-lab .pl-label{font-size:11px}
.ppl-app #pl-bm-lab .bm-drop-hint{font-size:11px}
.ppl-app #pl-bm-lab .camera-start{top:50%;padding:8px 14px}
.ppl-app #pl-bm-lab .camera-start>span,.ppl-app #pl-bm-lab .camera-start>small,.ppl-app #pl-bm-lab .camera-start>p{display:none}
.ppl-app #pl-bm-lab .camera-start button{min-height:40px;font-size:15px}
.ppl-app #pl-bm-lab .camera-start{left:50%;z-index:5;box-shadow:0 0 0 5px #fff8}
.ppl-app #pl-bm-lab .studio-status{padding:5px 12px}
.ppl-app #pl-bm-lab .studio-status p{font-size:12px}
.ppl-app #pl-bm-lab .bm-camera-help{margin-top:8px}
.ppl-app #pl-bm-lab .off-pill{display:none}}
.ppl-app #pl-bm-lab .pl-rack,.ppl-app #pl-bm-lab .pl-slots{pointer-events:auto}
.ppl-app #pl-bm-lab [data-bm-rail-tools]{display:none!important}
.ppl-app #pl-bm-lab [data-bm-audio-status]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:95%;padding:7px 12px;background:#fff7d7;color:#6b663d;font-size:13px;border-radius:10px;z-index:8}
.ppl-app #pl-bm-lab .question-actions{margin-left:auto;display:flex;gap:7px;align-items:center;flex:none}
.ppl-app #pl-bm-lab .listen{font-size:0;overflow:hidden;margin-left:0}
.ppl-app #pl-bm-lab .listen:before{content:'🔊';font-size:22px}
.ppl-app #pl-bm-lab .demo-inline{height:48px;width:44px;border:1px solid #d9d3e4;border-radius:14px;background:#f4effc;display:grid;place-items:center;flex:none}
.ppl-app #pl-bm-lab .demo-inline img{height:34px;width:28px;object-fit:contain}
@media(max-width:700px){.ppl-app #pl-bm-lab .question-actions{gap:4px;flex-direction:column}
.ppl-app #pl-bm-lab .demo-inline{height:32px;width:34px;border-radius:9px}
.ppl-app #pl-bm-lab .demo-inline img{height:27px;width:23px}
.ppl-app #pl-bm-lab .listen{height:34px;width:34px;border-radius:9px}
.ppl-app #pl-bm-lab .listen:before{font-size:20px}}
@media(orientation:landscape) and (max-height:550px){.ppl-app #pl-bm-lab .question-actions{flex-direction:row}
.ppl-app #pl-bm-lab .listen,.ppl-app #pl-bm-lab .demo-inline{height:40px;width:40px}
.ppl-app #pl-bm-lab .demo-inline img{height:31px}}
@media(prefers-reduced-motion:reduce){.ppl-app #pl-bm-lab *,.ppl-app #pl-bm-lab *:before,.ppl-app #pl-bm-lab *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ppl-app #pl-bm-lab .hand-space{position:relative}
.ppl-app #pl-bm-lab .camera-start{pointer-events:auto;top:50%}
.ppl-app #pl-bm-lab .camera-start>span{background:transparent;padding:0}
.ppl-app #pl-bm-lab .hand-space>span{display:none}
@media(max-width:700px) and (max-height:720px){.ppl-app #pl-bm-lab .camera-start{padding:3px;background:#edf8f3f5;border-radius:14px}
.ppl-app #pl-bm-lab .camera-start p,.ppl-app #pl-bm-lab .camera-start>span,.ppl-app #pl-bm-lab .camera-start>small{display:none}
.ppl-app #pl-bm-lab .camera-start button{min-height:44px;padding:8px 14px}}
@media(orientation:landscape) and (max-height:550px){.ppl-app #pl-bm-lab .hand-space{display:block;position:absolute;left:50%;top:50%;width:1px;height:1px}
.ppl-app #pl-bm-lab .hand-space>span{display:none}}
.ppl-app #pl-bm-lab .studio-canvas>.bm-cursor,.ppl-app #pl-bm-lab .studio-canvas>.bm-cursor.closed{width:0;height:0;transform:none}
.ppl-app #pl-bm-lab .studio-canvas>.bm-cursor img{inset:auto;width:48px;height:58.5px;object-fit:contain;left:-17.25px;top:-3.2px;pointer-events:none}
.ppl-app #pl-bm-lab .studio-canvas>.bm-cursor .bm-hand-pinch{left:-17.25px;top:-18px}
.ppl-app #pl-bm-lab .studio-canvas>.bm-cursor .bm-cursor-label{left:22px;top:34px}
.ppl-app #pl-bm-lab .pl-slot.filled{border-color:#c5d4d2;background:#f3f7f2}
.ppl-app #pl-bm-lab[data-feedback=wrong] .answer-panel,.ppl-app #pl-bm-lab[data-feedback=incomplete] .answer-panel{border-color:#e6b957;background:#fff7e7ef}
.ppl-app #pl-bm-lab[data-feedback=wrong] .pl-slot.filled{border-color:#e1bd7c;background:#fff7df}
.ppl-app #pl-bm-lab[data-feedback=wrong] .studio-question,.ppl-app #pl-bm-lab[data-feedback=incomplete] .studio-question{background:#fff6e3}
.ppl-app #pl-bm-lab[data-feedback=wrong] .pl-instruction,.ppl-app #pl-bm-lab[data-feedback=incomplete] .pl-instruction{color:#956112;font-weight:bold}
.ppl-app #pl-bm-lab[data-feedback=wrong] .answer-panel .pl-label strong:after{content:'Cuba lagi';display:inline-block;margin-left:8px;padding:3px 7px;border-radius:6px;background:#ffe3a2;color:#8c5b0e;font-size:11px}
.ppl-app #pl-bm-lab[data-feedback=wrong] .studio-status,.ppl-app #pl-bm-lab[data-feedback=incomplete] .studio-status{background:#fff2d6;border-color:#e7c780}
.ppl-app #pl-bm-lab[data-feedback=correct] .studio-status{background:#e9f8e8;border-color:#aacba6}
.ppl-app #pl-bm-lab[data-feedback=checking] .studio-status{background:#f0eafa;border-color:#d3c2e9}
.ppl-app #pl-bm-lab[data-feedback=wrong] .studio-status .status-copy,.ppl-app #pl-bm-lab[data-feedback=incomplete] .studio-status .status-copy,.ppl-app #pl-bm-lab[data-feedback=correct] .studio-status .status-copy,.ppl-app #pl-bm-lab[data-feedback=checking] .studio-status .status-copy{display:none}
.ppl-app #pl-bm-lab[data-feedback=wrong] .studio-status>.pl-feedback,.ppl-app #pl-bm-lab[data-feedback=incomplete] .studio-status>.pl-feedback,.ppl-app #pl-bm-lab[data-feedback=correct] .studio-status>.pl-feedback,.ppl-app #pl-bm-lab[data-feedback=checking] .studio-status>.pl-feedback{display:block;position:static;transform:none;order:1;flex:1;min-width:0;width:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#79511b;font-size:16px;font-weight:bold;max-height:none;line-height:1.3}
.ppl-app #pl-bm-lab[data-feedback=correct] .studio-status>.pl-feedback{color:#236a3f}
.ppl-app #pl-bm-lab .studio-status>[data-bm-stop]{order:3;flex:none}
.ppl-app #pl-bm-lab .pl-check{position:relative;overflow:hidden}
.ppl-app #pl-bm-lab .pl-check:after{content:'';position:absolute;left:0;bottom:0;height:4px;width:calc(var(--pinch-progress,0) * 100%);background:#b6f7d1}
.ppl-app #pl-bm-lab .studio-audio-settings{margin:12px 4px;padding:16px 18px;border:1px solid #c9ddd6;background:#f5fbf7;border-radius:17px;color:#55766c;font-size:14px;line-height:1.5}
.ppl-app #pl-bm-lab .studio-audio-settings h3{margin:0 0 10px;font-size:18px;color:#285f51}
.ppl-app #pl-bm-lab .studio-audio-settings>div{display:flex;gap:8px;flex-wrap:wrap}
.ppl-app #pl-bm-lab .studio-audio-settings button{min-height:44px;border:1px solid #bed7cd;background:white;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:bold;color:#3c6e5f}
.ppl-app #pl-bm-lab .studio-audio-settings button[aria-pressed=true]{background:#dbf0e3;border-color:#8cbc9f}
.ppl-app #pl-bm-lab .studio-audio-settings p{margin:10px 0 0;max-width:85ch}
.ppl-app #pl-bm-lab .studio-audio-settings [data-bm-audio-status]{position:static;transform:none;width:auto;max-width:none;margin-top:10px;padding:10px 12px;background:#fff1ca;color:#825f18;z-index:auto}
.ppl-app #pl-bm-lab .listen.audio-warning{border-color:#e7b75b;background:#fff0c8;position:relative}
.ppl-app #pl-bm-lab .listen.audio-warning:after{content:'!';position:absolute;right:1px;top:0;font-size:11px;font-weight:bold;color:#8d5c0e;background:#ffe091;border-radius:50%;width:13px;height:13px}
@media(max-width:700px){.ppl-app #pl-bm-lab[data-feedback=wrong] .studio-status>.pl-feedback,.ppl-app #pl-bm-lab[data-feedback=incomplete] .studio-status>.pl-feedback,.ppl-app #pl-bm-lab[data-feedback=correct] .studio-status>.pl-feedback,.ppl-app #pl-bm-lab[data-feedback=checking] .studio-status>.pl-feedback{font-size:13px}
.ppl-app #pl-bm-lab .studio-audio-settings{padding:14px;font-size:13px}
.ppl-app #pl-bm-lab .studio-audio-settings button{font-size:13px}
.ppl-app #pl-bm-lab .studio-audio-settings h3{font-size:17px}}
@media(max-width:700px) and (orientation:portrait){.ppl-app #pl-bm-lab .pl-main{grid-template-rows:98px minmax(0,1fr) 52px}}
.ppl-app #pl-bm-lab .pl-main{grid-template-rows:72px minmax(0,1fr) 54px;max-height:900px}
.ppl-app #pl-bm-lab .studio-question{padding:9px 20px;gap:14px}
.ppl-app #pl-bm-lab .question-text h2{font-size:28px;margin:3px 0}
.ppl-app #pl-bm-lab .question-text .eyebrow{font-size:10px}
.ppl-app #pl-bm-lab .pl-instruction{font-size:16px}
.ppl-app #pl-bm-lab .question-actions{margin-left:auto}
.ppl-app #pl-bm-lab .studio-clue{position:absolute;z-index:3;left:12px;top:12px;bottom:12px;width:calc(30% - 18px);display:flex;flex-direction:column;gap:14px;padding:14px;border:2px solid white;border-radius:21px;background:#fffdf4f5;box-shadow:0 5px 14px #315e4d15;overflow:hidden}
.ppl-app #pl-bm-lab .studio-clue .pl-picture{width:100%;height:auto;min-height:0;border:0;border-radius:15px;flex:none;background:#edf4e7;overflow:visible}
.ppl-app #pl-bm-lab .picture-hit{display:block;position:relative;width:100%;height:auto;aspect-ratio:4/3;padding:0;border:2px solid #d6e3ce;border-radius:15px;overflow:hidden;background:#f5f9ec;cursor:pointer}
.ppl-app #pl-bm-lab .picture-hit .bm-image{display:block;width:100%;height:100%;object-fit:contain}
.ppl-app #pl-bm-lab .picture-hit .pl-scene{width:100%;height:100%}
.ppl-app #pl-bm-lab .picture-hit:after{content:'⤢';position:absolute;right:6px;bottom:6px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#327662;background:#ffffffed;font-size:23px;font-weight:bold;box-shadow:0 2px 5px #204c3d20}
.ppl-app #pl-bm-lab .picture-hit.gs-hover{outline:5px solid #72d9ae;outline-offset:0;border-color:#16875d}
.ppl-app #pl-bm-lab .clue-copy .eyebrow{font-size:10px;letter-spacing:1px}
.ppl-app #pl-bm-lab .clue-copy h3{font-size:22px;line-height:1.2;margin:8px 0;color:#315d51}
.ppl-app #pl-bm-lab .clue-copy p{font-size:16px;line-height:1.45;margin:0;color:#6b8272}
.ppl-app #pl-bm-lab .clue-copy small{display:block;font-size:13px;line-height:1.45;margin-top:16px;color:#56816c;background:#e7f2df;padding:9px 10px;border-radius:11px}
.ppl-app #pl-bm-lab .pl-work{left:calc(30% + 4px);right:12px;top:12px;bottom:12px;gap:8px;grid-template-rows:auto minmax(20px,1fr) auto}
.ppl-app #pl-bm-lab .answer-panel,.ppl-app #pl-bm-lab .word-panel{max-width:none}
.ppl-app #pl-bm-lab .word-panel{grid-template-columns:minmax(0,1fr);gap:8px}
.ppl-app #pl-bm-lab .pl-actions{justify-content:stretch}
.ppl-app #pl-bm-lab .pl-check{width:100%;max-width:none;min-height:48px}
.ppl-app #pl-bm-lab .pl-rack{justify-content:center}
.ppl-app #pl-bm-lab .pl-slot{min-height:88px}
.ppl-app #pl-bm-lab .pl-slots{min-height:94px}
.ppl-app #pl-bm-lab .picture-view{position:absolute;inset:0;z-index:20;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:10px;background:#f6f9f0f5;padding:16px 24px}
.ppl-app #pl-bm-lab .picture-view-heading{display:flex;gap:18px;align-items:center;justify-content:space-between;max-width:940px;width:100%;justify-self:center}
.ppl-app #pl-bm-lab .picture-view h3{font-size:24px;margin:0;color:#2c6050}
.ppl-app #pl-bm-lab .picture-view-heading p{font-size:14px;margin:0;color:#688575;max-width:44ch;text-align:right}
.ppl-app #pl-bm-lab .picture-full-image{display:block;max-width:100%;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:16px}
.ppl-app #pl-bm-lab .picture-view [data-bm-picture-close]{justify-self:center;min-width:220px;min-height:52px;border:2px solid #177e65;border-radius:15px;background:#218f73;color:white;font-size:19px;line-height:1.25;font-weight:bold;padding:11px 24px;box-shadow:0 4px #106c55;position:relative;overflow:hidden}
.ppl-app #pl-bm-lab .picture-view [data-bm-picture-close].gs-hover{outline:5px solid #9cdcb6;outline-offset:2px}
.ppl-app #pl-bm-lab.picture-open .studio-clue,.ppl-app #pl-bm-lab.picture-open .pl-work,.ppl-app #pl-bm-lab.picture-open .camera-off{visibility:hidden;pointer-events:none}
.ppl-app #pl-bm-lab.picture-open .picture-view{visibility:visible;pointer-events:auto}
.ppl-app #pl-bm-lab.picture-open .studio-status .status-copy{display:flex!important}
.ppl-app #pl-bm-lab.picture-open .studio-status>.pl-feedback{display:none!important}
@media(max-width:900px) and (orientation:portrait){.ppl-app #pl-bm-lab .pl-main{grid-template-rows:66px minmax(0,1fr) 54px}
.ppl-app #pl-bm-lab .studio-question{padding:7px 14px}
.ppl-app #pl-bm-lab .question-text h2{font-size:25px}
.ppl-app #pl-bm-lab .question-text .eyebrow{font-size:9px}
.ppl-app #pl-bm-lab .pl-instruction{font-size:14px}
.ppl-app #pl-bm-lab .studio-clue{top:9px;left:9px;right:9px;bottom:auto;width:auto;height:190px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;padding:9px;gap:14px;border-radius:17px}
.ppl-app #pl-bm-lab .studio-clue .pl-picture{height:100%;width:100%}
.ppl-app #pl-bm-lab .picture-hit{height:100%;width:100%;aspect-ratio:auto}
.ppl-app #pl-bm-lab .picture-hit .bm-image{height:100%}
.ppl-app #pl-bm-lab .clue-copy h3{font-size:22px;margin:5px 0}
.ppl-app #pl-bm-lab .clue-copy p{font-size:15px}
.ppl-app #pl-bm-lab .clue-copy small{margin-top:8px;padding:7px 8px;font-size:12px}
.ppl-app #pl-bm-lab .pl-work{left:9px;right:9px;top:210px;bottom:9px}
.ppl-app #pl-bm-lab .pl-rack{justify-content:center}}
@media(max-width:700px) and (orientation:portrait){.ppl-app #pl-bm-lab .pl-main{grid-template-rows:66px minmax(0,1fr) 52px;min-height:440px}
.ppl-app #pl-bm-lab .studio-question{padding:6px 12px;gap:7px}
.ppl-app #pl-bm-lab .question-text h2{font-size:23px;line-height:1.1}
.ppl-app #pl-bm-lab .pl-instruction{font-size:12px}
.ppl-app #pl-bm-lab .pl-progress{display:inline-block;margin:0 0 0 5px;font-size:10px}
.ppl-app #pl-bm-lab .question-actions{flex-direction:row;gap:4px}
.ppl-app #pl-bm-lab .question-actions button{width:34px;height:38px}
.ppl-app #pl-bm-lab .studio-clue{height:164px;gap:10px;padding:7px;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}
.ppl-app #pl-bm-lab .clue-copy h3{font-size:17px;margin:4px 0}
.ppl-app #pl-bm-lab .clue-copy .eyebrow{font-size:8px}
.ppl-app #pl-bm-lab .clue-copy p{display:none}
.ppl-app #pl-bm-lab .clue-copy small{font-size:12px;line-height:1.3;padding:6px;margin-top:6px}
.ppl-app #pl-bm-lab .picture-hit:after{width:25px;height:25px;font-size:20px}
.ppl-app #pl-bm-lab .pl-work{top:182px;left:9px;right:9px;bottom:8px;gap:7px;grid-template-rows:auto minmax(12px,1fr) auto}
.ppl-app #pl-bm-lab .answer-panel{padding:7px 8px}
.ppl-app #pl-bm-lab .pl-slot{min-height:88px}
.ppl-app #pl-bm-lab .pl-slots{min-height:92px}
.ppl-app #pl-bm-lab .word-panel{padding:7px 8px 9px;gap:6px}
.ppl-app #pl-bm-lab .pl-check{min-height:44px;font-size:17px}
.ppl-app #pl-bm-lab .pl-rack{gap:8px 6px}
.ppl-app #pl-bm-lab .pl-word{font-size:22px;min-height:46px;padding:8px 9px}
.ppl-app #pl-bm-lab .pl-slot .pl-word{font-size:22px}
.ppl-app #pl-bm-lab .picture-view{padding:10px 12px;gap:7px}
.ppl-app #pl-bm-lab .picture-view-heading{display:block;text-align:center}
.ppl-app #pl-bm-lab .picture-view h3{font-size:21px}
.ppl-app #pl-bm-lab .picture-view-heading p{font-size:12px;text-align:center;margin:4px auto 0;max-width:30ch}
.ppl-app #pl-bm-lab .picture-view [data-bm-picture-close]{min-height:48px;font-size:17px;padding:10px 18px}}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait){.ppl-app #pl-bm-lab .pl-main{grid-template-rows:62px minmax(0,1fr) 52px}
.ppl-app #pl-bm-lab .studio-clue{height:88px;top:6px;left:7px;right:7px;padding:4px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ppl-app #pl-bm-lab .clue-copy h3{font-size:15px;margin:2px 0}
.ppl-app #pl-bm-lab .clue-copy p{display:none}
.ppl-app #pl-bm-lab .clue-copy small{font-size:10px;margin-top:3px;padding:3px 5px}
.ppl-app #pl-bm-lab .clue-copy .eyebrow{font-size:8px}
.ppl-app #pl-bm-lab .picture-hit{border-radius:10px}
.ppl-app #pl-bm-lab .pl-work{top:102px;left:7px;right:7px;bottom:6px;gap:6px;grid-template-rows:auto minmax(8px,1fr) auto}
.ppl-app #pl-bm-lab .bm-drop-hint{display:none}
.ppl-app #pl-bm-lab .answer-panel{padding:5px 6px}
.ppl-app #pl-bm-lab .pl-label strong{font-size:14px}
.ppl-app #pl-bm-lab .pl-label{font-size:10px}
.ppl-app #pl-bm-lab .pl-slot{min-height:88px;min-width:80px}
.ppl-app #pl-bm-lab .pl-slots{min-height:92px}
.ppl-app #pl-bm-lab .word-panel{padding:5px 6px 7px;gap:5px}
.ppl-app #pl-bm-lab .pl-rack{gap:7px 5px;min-height:44px}
.ppl-app #pl-bm-lab .pl-word{min-height:44px;padding:7px 8px}
.ppl-app #pl-bm-lab .pl-check{min-height:44px;padding:7px;font-size:16px}
.ppl-app #pl-bm-lab .camera-start button{font-size:14px;min-height:40px;padding:7px 10px}
.ppl-app #pl-bm-lab .camera-start{padding:2px}}
@media(orientation:landscape) and (max-height:550px){.ppl-app #pl-bm-lab .pl-main{grid-template-rows:60px minmax(0,1fr) 38px}
.ppl-app #pl-bm-lab .studio-question{padding:5px 13px}
.ppl-app #pl-bm-lab .question-text h2{font-size:22px;margin:2px 0}
.ppl-app #pl-bm-lab .pl-instruction{font-size:12px}
.ppl-app #pl-bm-lab .studio-clue{width:calc(22% - 14px);top:7px;bottom:7px;left:7px;padding:6px;gap:5px;border-radius:13px}
.ppl-app #pl-bm-lab .studio-clue .pl-picture{flex:1;min-height:0}
.ppl-app #pl-bm-lab .picture-hit{height:100%;aspect-ratio:auto}
.ppl-app #pl-bm-lab .clue-copy h3{font-size:14px;margin:2px 0}
.ppl-app #pl-bm-lab .clue-copy .eyebrow,.ppl-app #pl-bm-lab .clue-copy p{display:none}
.ppl-app #pl-bm-lab .clue-copy small{font-size:10px;line-height:1.2;padding:4px;margin-top:3px}
.ppl-app #pl-bm-lab .picture-hit:after{width:22px;height:22px;font-size:18px}
.ppl-app #pl-bm-lab .pl-work{left:calc(22% + 3px);right:8px;top:7px;bottom:7px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px}
.ppl-app #pl-bm-lab .answer-panel{padding:6px}
.ppl-app #pl-bm-lab .word-panel{padding:6px;gap:5px}
.ppl-app #pl-bm-lab .pl-label{font-size:10px}
.ppl-app #pl-bm-lab .pl-label strong{font-size:13px}
.ppl-app #pl-bm-lab .pl-slot{min-height:80px;min-width:72px;flex-basis:72px}
.ppl-app #pl-bm-lab .pl-slots{min-height:84px;gap:4px}
.ppl-app #pl-bm-lab .pl-word{font-size:22px;min-height:40px;padding:7px 8px}
.ppl-app #pl-bm-lab .pl-check{min-height:40px;font-size:15px;padding:6px}
.ppl-app #pl-bm-lab .pl-rack{gap:6px;min-height:40px}
.ppl-app #pl-bm-lab .bm-drop-hint{display:none}
.ppl-app #pl-bm-lab .picture-view{padding:7px 14px;gap:5px}
.ppl-app #pl-bm-lab .picture-view h3{font-size:18px}
.ppl-app #pl-bm-lab .picture-view-heading p{font-size:11px}
.ppl-app #pl-bm-lab .picture-view [data-bm-picture-close]{min-height:40px;padding:7px 18px;font-size:16px}}
.ppl-app #pl-bm-lab{position:relative;isolation:isolate;color:#173e54;font:500 18px/1.3 'Trebuchet MS',Arial,sans-serif;background:#eef5f9;color-scheme:light;border-radius:20px;overflow:hidden}
.ppl-app #pl-bm-lab .pl-content{padding:12px}
.ppl-app #pl-bm-lab .pl-main{height:min(900px,var(--ppl-camera-available,calc(100dvh - 92px)));grid-template-columns:minmax(0,1fr);gap:0;scroll-margin-top:calc(var(--ppl-camera-top,0px) + 8px)}
.ppl-app #pl-bm-lab .pl-top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(110deg,#17b6f6,#008fe9);color:white}
.ppl-app #pl-bm-lab .bm-back{width:44px;min-height:44px;background:#fff;border:0;border-radius:12px;color:#174c91;font-size:30px}
.ppl-app #pl-bm-lab .pl-brickmark{display:none}
.ppl-app #pl-bm-lab .pl-logo{font-size:24px;font-weight:bold}.ppl-app #pl-bm-lab .pl-logo b{color:#ffe466}.ppl-app #pl-bm-lab .pl-sub{font-size:13px}.ppl-app #pl-bm-lab .pl-bm{margin-left:auto;font-size:13px;text-align:right}
.ppl-app #pl-bm-lab .pl-nav{display:flex;gap:8px;padding:10px 12px 0}.ppl-app #pl-bm-lab .pl-nav button{flex:1;min-height:44px;border:2px solid #d5e4e1;background:#fff;border-radius:12px;padding:8px;color:#335d58}.ppl-app #pl-bm-lab .pl-nav button[aria-pressed=true]{background:#e2f4e9;border-color:#299c80}.ppl-app #pl-bm-lab .pl-nav strong{font-size:17px}.ppl-app #pl-bm-lab .pl-nav small{display:none}
.ppl-app #pl-bm-lab .pl-rack{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:0 6px 7px;scrollbar-width:thin;scrollbar-color:#96b9a7 transparent;scroll-behavior:auto}
.ppl-app #pl-bm-lab[data-rack-overflow=true] .pl-rack{justify-content:start}
.ppl-app #pl-bm-lab .pl-slot{overflow:visible}.ppl-app #pl-bm-lab .pl-word{flex:none}
.ppl-app #pl-bm-lab .studio-clue .pl-picture{display:block;margin:0;max-width:none;box-shadow:none;position:relative}
.ppl-app #pl-bm-lab .pl-scene{display:grid;place-items:center;padding:12px;background:#f5f9ec;color:#55766c;font-size:16px;text-align:center}
.ppl-app #pl-bm-lab .pl-caption{display:none}
@media(max-width:700px){.ppl-app #pl-bm-lab .pl-content{padding:7px}.ppl-app #pl-bm-lab .pl-nav{padding:7px 7px 0}.ppl-app #pl-bm-lab .pl-top{padding:9px 12px}}


/* One row on wider screens, two rows on portrait phones; AI pans long trays. */
.ppl-app #pl-bm-lab .pl-rack{display:flex;flex-flow:row nowrap}
@media(max-width:700px) and (orientation:portrait){.ppl-app #pl-bm-lab .pl-rack{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content}}