/* Resizable desktop workspace. Paper dimensions stay independent of pane sizes. */
@media(min-width:1000px){
 .three-pane-layout{display:grid;grid-template-columns:minmax(240px,31fr) 12px minmax(310px,36fr) 12px minmax(230px,33fr);gap:0;align-items:stretch;overflow:hidden}
 .three-pane-layout>.resizable-pane{min-width:0;width:auto;max-width:none;height:calc(100dvh - 180px);min-height:500px;overflow:auto;position:relative;top:auto;margin:0;padding:18px;box-sizing:border-box;container-type:inline-size}
 .three-pane-layout>.library{display:block;background:#fff;border-right:0}
 .three-pane-layout>.builder-pane{background:#f3f7f7}
 .three-pane-layout>.preview-panel{background:#e7eeef;border-left:0}
 .three-pane-layout .workspace-top{display:block;margin-bottom:18px}
 .three-pane-layout .workspace-top h2{font-size:22px}
 .three-pane-layout .workspace-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:14px;gap:6px}
 .three-pane-layout .workspace-actions button{padding:10px;flex:1;white-space:nowrap;font-size:12px}
 .three-pane-layout .exercise-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;gap:12px}
 .three-pane-layout .exercise-card{display:grid;grid-template-columns:minmax(0,1fr) 38px;min-height:0;padding:10px;gap:7px}
 .three-pane-layout .exercise-card svg{width:100%;height:clamp(130px,38cqw,420px);display:block;grid-column:1/-1}
 .three-pane-layout .exercise-card strong{font-size:13px}
 .three-pane-layout .selected-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(85px,.9fr);padding:12px;gap:10px}
 .three-pane-layout .selected-art svg{width:100%;max-height:clamp(100px,30cqw,240px)}
 .three-pane-layout .selected-copy textarea{height:120px;font-size:14px}
 .three-pane-layout .dose-fields{gap:6px}.three-pane-layout .dose-fields input{padding:7px;min-width:0}
 .three-pane-layout .dose-fields label{font-size:10px}
 .three-pane-layout .selected-head{padding:12px;gap:6px}.three-pane-layout .selected-name-button{font-size:13px}
 .three-pane-layout .preview-pages,.three-pane-layout .paper-frame{width:100%;max-width:none}
 .three-pane-layout .preview-heading>div{flex-wrap:wrap}.three-pane-layout .preview-heading small{font-size:10px}
 .three-pane-layout .details-row{flex-direction:column}.three-pane-layout .layout-select{width:100%}
}
@container(max-width:390px){.three-pane-layout .exercise-library{grid-template-columns:1fr}}
.pane-divider{display:flex;align-items:center;justify-content:center;position:relative;cursor:col-resize;touch-action:none;user-select:none;background:#cfdddf;color:#42646a;min-width:12px;outline-offset:-2px}
.pane-divider:before{content:'';position:absolute;inset:0 -6px;z-index:1}
.pane-divider:hover,.pane-divider:focus-visible,.pane-divider.dragging{background:#087e82;color:white;outline:3px solid #075b61}
.pane-divider span{position:sticky;top:50%;font-size:24px}
@media(max-width:999px){.three-pane-layout{display:block!important}.three-pane-layout>.pane-divider{display:none}.three-pane-layout>.library{position:static;height:auto;width:100%}.three-pane-layout>.builder-pane{padding:20px;width:100%;min-width:0}.three-pane-layout>.preview-panel{padding:20px;width:100%;min-width:0}.three-pane-layout .exercise-library{grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px}.three-pane-layout .exercise-card svg{height:clamp(110px,24vw,200px)}}
@media print{.pane-divider{display:none!important}}