.workspace #puzzleBody{grid-template-columns:minmax(0,1fr) 10px var(--solve-width,360px)}.workspace .questionintro{height:120px;max-height:none;flex:none;min-height:45px}.workspace .solvepanel{display:flex;flex-direction:column;padding:0;overflow:hidden;border-left:0}.solvetop{height:var(--answer-height,360px);min-height:0;flex:none;overflow:auto;padding:20px}.solvebottom{flex:1;min-height:70px;overflow:auto;padding:0 20px 16px}.wbdivider{position:relative;flex:none;z-index:3;background:#e4ddea;touch-action:none;user-select:none;transition:background .15s}.wbdivider:hover,.wbdivider:focus-visible,.wbdivider.dragging{background:#b69aca;outline:0}.wbdivider span{position:absolute;background:#a48ab7;border-radius:4px;pointer-events:none}.wbvertical{width:10px;cursor:col-resize}.wbvertical span{width:3px;height:38px;left:3px;top:calc(50% - 19px)}.wbhorizontal{height:10px;width:100%;cursor:row-resize}.wbhorizontal span{height:3px;width:38px;top:3px;left:calc(50% - 19px)}.resizing-layout,.resizing-layout *{user-select:none!important}.resizing-layout iframe{pointer-events:none}.layoutreset{margin-left:auto;color:#735b96}.solvebottom details:first-child{border-top:0}@media(max-width:850px){.solvetop{padding:14px}.solvebottom{padding:0 14px 12px}}@media(max-width:600px){.workspace .questionpanel{height:var(--question-height,70dvh);min-height:300px}.workspace #puzzleBody>.wbvertical{height:14px;width:100%;cursor:row-resize}.workspace #puzzleBody>.wbvertical span{height:3px;width:38px;left:calc(50% - 19px);top:5px}.workspace .solvepanel{height:650px;min-height:450px;flex:none}.workspace .solvetop{height:var(--answer-height,360px)}.workspace .questionintro{max-height:none}.workspace #wbStage{min-height:60px}.wbdivider{min-height:10px}}@media(pointer:coarse){.wbhorizontal{height:16px}.wbhorizontal span{top:6px}.wbvertical{width:16px}.wbvertical span{left:6px}.workspace #puzzleBody{grid-template-columns:minmax(0,1fr) 16px var(--solve-width,360px)}}

/* Keep the full-height canvas separate from all controls, including narrow screens. */
#puzzleDialog.workspace{overflow:hidden}.workspace #puzzleBody{display:grid;grid-template-columns:minmax(0,1fr) 10px var(--solve-width,340px);flex:1;overflow:hidden;min-height:0}.workspace .questionpanel{height:auto;min-height:0;overflow:hidden}.workspace #wbStage{height:100%;min-height:0}.workspace .solvepanel{height:auto;min-height:0;overflow:hidden;border:0}.workspace .wbcontrols{flex:none;min-height:80px;overflow:auto;background:#fff}.workspace .questionintro{height:auto;min-height:0;max-height:none;padding:12px 14px;overflow:visible}.workspace .questiontext h2{font-size:18px!important}.workspace .wbtoolbar{padding:10px;gap:6px}.workspace .wbtextbar{padding:8px 10px;display:block}.workspace .wbtextbar input{width:100%;box-sizing:border-box}.workspace .wbtextbar span{display:block;margin-top:4px}.workspace .solvetop{padding:12px;min-height:0}.workspace .solvebottom{min-height:60px;padding:0 12px 12px}.workspace #puzzleBody>.wbvertical{height:100%;min-height:0;width:10px;cursor:col-resize}.workspace #puzzleBody>.wbvertical span{width:3px;height:38px;left:3px;top:calc(50% - 19px)}.workspace .wbtip{max-width:calc(100% - 24px);font-size:10px}.workspace .helpbuttons{display:grid;grid-template-columns:1fr}.workspace .answerrow{flex-direction:column;flex-wrap:wrap}.workspace .answerrow input,.workspace .answerrow button{width:100%}.workspace .wbsize{display:flex}.workspace .dialogtop{position:static}.workspace .layoutreset{margin-left:0}
@media(max-width:600px){.workspace .dialogtop{padding:6px 10px}.workspace .wbtoolbar button{padding:5px 7px}.workspace .wbcontrols .questiontext h2{font-size:15px!important}.workspace .solvetop{padding:8px}.workspace .solvebottom{padding:0 8px 8px}.workspace .solvepanel .answerbox{padding:10px}.workspace .wbtip{font-size:9px;left:6px}}

@media(max-height:350px){.workspace .solvepanel{overflow-y:auto}.workspace .solvebottom{flex:none;min-height:100px}.workspace .wbtip{display:none}}