/* BP client theme tokens: default colours retained; scene artwork untouched. */
/* One preview frame for every question. Additional inputs scroll below it. */
html,body{overflow:hidden;}
.shell{height:100dvh;min-height:0;}
.workspace,
.workspace:has(.wd-dimension-question){
 display:grid;
 grid-template-rows:minmax(0,1fr) 320px;
 min-height:0;
 overflow:hidden;
}
.workspace>.scene-card{min-height:0;overflow:hidden;}
.workspace>.question-card{min-height:0;overflow:hidden;}
.question-card>.question{
 flex:1 1 0;
 min-height:0;
 overflow-x:hidden;
 overflow-y:auto;
 overscroll-behavior:contain;
 overflow-anchor:none;
 scroll-padding-block:12px;
}
.question-footer{flex-shrink:0;}
.wd-overview-control{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex:0 0 38px;
 width:38px;
 height:38px;
 padding:9px;
 border:1px solid var(--line,#e5e3de);
 border-radius:10px;
 background:#faf9f6;
 color:var(--muted,#657080);
 transition:background var(--qr-t1) var(--qr-e-io),color var(--qr-t1) var(--qr-e-io),border-color var(--qr-t1) var(--qr-e-io);
}
.wd-overview-control svg{display:block;width:19px;height:19px;flex:none;}
.wd-overview-control[aria-pressed=true]{background:var(--orange-soft,#fff4ec);color:var(--orange-deep,#c2410c);border-color:#efbea0;}@media(hover:hover){.wd-overview-control:hover{background:var(--orange-soft,#fff4ec);color:var(--orange-deep,#c2410c);border-color:#efbea0;}}
.wd-overview-control:focus-visible{outline:2px solid var(--orange,#ea580c);outline-offset:2px;}
.question-footer #step-note{flex-shrink:0;white-space:nowrap;}

@media(min-width:1001px) and (max-height:819px){
 .workspace,.workspace:has(.wd-dimension-question){grid-template-rows:minmax(0,1fr) 280px;}
}
@media(max-width:1000px){
 .shell{height:calc(100dvh - 62px);min-height:0;}
 .workspace,.workspace:has(.wd-dimension-question){grid-template-rows:clamp(160px,34dvh,300px) minmax(0,1fr);height:100%;}
 .question-card>.question{scroll-padding-block:10px;}
 .wd-overview-control{flex-basis:36px;width:36px;height:36px;padding:8px;}
}
@media(max-width:380px){
 .question-footer{gap:6px;}
 .question-footer .continue-button{padding-inline:10px;gap:8px;font-size:12px;}
 .question-footer .back-button{font-size:12px;gap:6px;}
 .question-footer #step-note{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){.wd-overview-control{transition:none;}}