/* Keep the primary settings short; sketch controls live in the right-hand rail. */
.study-layout{grid-template-columns:200px minmax(0,1fr) 280px}
.study-controls{padding:16px 14px}
.study-control-group{padding:0 0 12px 29px;margin-bottom:12px}
.study-step{width:21px;height:21px;border-radius:6px}
.study-control-group h3{margin:0 0 7px;font-size:11px}
.study-control-group p{margin-top:5px;font-size:9px;line-height:1.4}
.study-mode{padding:8px 9px;border-radius:8px}
.study-mode small{display:none}
.study-mode-buttons{gap:5px}
.study-grid-buttons{gap:5px}.study-grid-buttons button{padding:7px 3px}
.study-grid-opacity-title{margin-top:10px}
.study-workspace{padding:20px 24px;justify-content:safe center}
.study-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;width:min(100%,850px,calc((100dvh - 210px) * var(--study-ratio) * 2 + 24px));height:auto}
.study-sheet{width:100%;height:auto}.study-paper{width:100%;height:auto}
.study-crop-tip{font-size:9px;text-align:center;line-height:1.5}.study-save-status{font-size:10px}
.study-sketch-controls{min-width:0;padding:10px 12px;border-left:1px solid #d4dce8;background:#f9fbfd;overflow:auto;color:#213a65;line-height:1.2}
.study-sketch-controls>.study-eyebrow{display:none}
.study-sketch-controls h3{font-size:13px;margin:0 0 5px}
.study-sketch-note,#study-sketch-status{font-size:9px;line-height:1.4;color:#758197;margin:4px 0 8px}
.study-sketch-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.study-sketch-modes button,#study-sketch-reset{min-height:27px;padding:5px;border:1px solid #cdd6e3;border-radius:7px;background:#fff;color:#40506a;font-size:10px;font-weight:800;cursor:pointer}
.study-sketch-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.study-sketch-modes button.is-active{border-color:#294b7d;background:#e7edf6;color:#213a65}
.study-sketch-adjustments{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin:9px 0}
.study-sketch-adjustments label{display:flex;justify-content:space-between;font-size:10px;font-weight:800;margin:0}
.study-sketch-adjustments label:first-child{grid-column:1;grid-row:1}.study-sketch-adjustments input:nth-child(2){grid-column:1;grid-row:2}.study-sketch-adjustments label:nth-child(3){grid-column:2;grid-row:1}.study-sketch-adjustments input:nth-child(4){grid-column:2;grid-row:2}
.study-sketch-adjustments input{display:block;width:100%;accent-color:#213a65;margin:0}
.study-sketch-adjustments[data-disabled]{opacity:.5}
#study-sketch-reset{width:100%;font-size:10px}
.study-sketch-controls button:focus-visible,.study-sketch-controls input:focus-visible{outline:2px solid #294b7d;outline-offset:3px}
.study-opacity-control{margin:7px 0 9px}.study-opacity-control label{display:flex;justify-content:space-between;font-size:10px;font-weight:800;margin-bottom:3px}
.study-sketch-controls input[type=range]{width:100%;height:15px;margin:0;accent-color:#213a65}
.study-opacity-control[data-disabled]{opacity:.5}
.study-tone-panel{border-top:1px solid #d4dce8;padding-top:7px;margin:7px 0}
.study-tone-panel summary{font-size:10px;font-weight:800;cursor:pointer;list-style-position:inside;margin-bottom:6px}
.study-tone-sliders,.study-level-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:7px 0}
.study-tone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 3px;font-size:9px;line-height:1.15;color:#40506a}
.study-tone-row input{grid-column:1/-1}.study-tone-row output{font-weight:800;color:#213a65}
.study-level-sliders{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:5px;border-top:1px solid #d4dce8}
.study-tone-presets,.study-curve-presets,.study-tone-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.study-sketch-controls .study-tone-panel button,.study-tone-actions button{border:1px solid #cdd6e3;border-radius:6px;background:#fff;color:#213a65;font-size:9px;padding:5px 2px;min-height:25px;cursor:pointer}
.study-tone-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0}.study-tone-actions button:disabled{opacity:.45;cursor:default}
.study-tone-actions #study-sketch-reset{font-size:9px;min-height:25px}
#study-curve{display:block;width:100%;height:78px;border:1px solid #cdd6e3;border-radius:7px;touch-action:none;cursor:crosshair;background:#fff}
#study-curve-help{font-size:8px;color:#758197;margin:3px 0 6px;line-height:1.3}
@media(max-width:1150px) and (min-width:781px){.study-layout{grid-template-columns:175px minmax(0,1fr) 250px}.study-workspace{padding:16px}.study-sketch-controls{padding:10px}.study-controls{padding:16px 10px}.study-pair{gap:18px}}
@media(max-width:780px){
  .study-layout{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}
  .study-controls{grid-row:1;grid-template-columns:repeat(3,minmax(145px,1fr));padding:8px;gap:10px;max-height:none}
  .study-control-group{margin:0;padding:0 0 0 25px;border:0}
  .study-control-group h3{font-size:10px}.study-mode{padding:6px 7px}
  .study-grid-opacity-title{margin-top:5px}
  .study-sketch-controls{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 10px;overflow:auto;padding:9px;border:0;border-bottom:1px solid #d4dce8;align-items:center;max-height:min(380px,45dvh)}
  .study-sketch-controls>.study-eyebrow,.study-sketch-note,#study-sketch-status{display:none}
  .study-sketch-controls h3{font-size:11px;margin:0;grid-column:1;grid-row:1}
  .study-opacity-control{grid-column:2;grid-row:1;margin:0}
  .study-sketch-modes{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .study-sketch-modes button{min-height:29px;font-size:9px;padding:5px}
  .study-sketch-adjustments{grid-column:1/-1;grid-row:3;gap:4px 10px;align-items:center;margin:0}
  .study-sketch-adjustments label{font-size:9px;margin:0;gap:5px}
  .study-tone-panel{grid-column:1/-1;grid-row:4;margin:0}.study-tone-actions{grid-column:1/-1;grid-row:5;margin:0}
  #study-sketch-reset{min-height:25px;font-size:9px}
  .study-workspace{grid-row:3;padding:14px;gap:9px}
  .study-pair{width:100%;gap:14px;min-height:0;height:auto}
}

.study-control-group{min-width:0}.study-pair{margin:auto 0}.study-sheet{min-height:0}.study-sketch-controls button{font-family:inherit}

/* Keep full paper height in the scrollable phone workspace. */
.study-pair,.study-crop-tip,.study-save-status{flex-shrink:0}
@media(max-width:780px){.study-workspace{justify-content:flex-start}.study-pair{margin:0}}
.study-pair[data-layout="stacked"]{grid-template-columns:minmax(0,1fr);width:min(100%,680px,calc((100dvh - 300px) * var(--study-ratio) / 2));height:auto;gap:20px}
@media(max-width:780px){.study-pair[data-layout="stacked"]{width:100%;gap:18px}}