/* One stage, four states. Drawing owns gestures only inside its canvas. */
.therapy-root .motion-heading{max-width:640px;margin:8px auto 22px}
.therapy-root .motion-heading h1{font-size:clamp(26px,6vw,38px);line-height:1.16;letter-spacing:-1.3px;margin:0 0 10px}
.therapy-root .motion-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:46ch}
.therapy-root .scribble-host{max-width:640px;margin:0 auto 22px}
.therapy-root .scribble-studio{border:1px solid var(--stroke);border-radius:24px;background:var(--ink);color:var(--paper);padding:12px;isolation:isolate}
.scribble-studio [hidden]{display:none!important}
.scribble-studio .ts-product{padding:0 8px;background:var(--ink);color:var(--paper)}
.therapy-root .scribble-studio .ts-stage,.therapy-root .scribble-studio .ink-stage{position:relative;display:block;width:100%;height:330px;padding:0;border:0;margin:0;background:var(--ink);color:var(--paper);border-radius:18px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;transition:none;transform:none}
.scribble-studio .ts-stage:active{cursor:grabbing}
.scribble-studio .ts-sketch[data-phase=empty] .ink-stage,.scribble-studio .ts-sketch[data-phase=drawing] .ink-stage{cursor:crosshair}
.scribble-studio canvas{display:block;width:100%;height:100%;pointer-events:none}
.scribble-studio .ink-guide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--muted);font-size:12px}
.scribble-studio .ts-copy,.scribble-studio .ink-copy{text-align:center;min-height:82px;padding:6px 0 10px}
.scribble-studio .ts-title,.scribble-studio .ink-title{font-family:inherit;font-size:18px;font-weight:500;line-height:1.45;letter-spacing:-.55px;margin:0;color:var(--paper)}
.scribble-studio .ts-description,.scribble-studio .ink-description{font-size:12px;line-height:1.65;margin:7px 0 0;color:var(--muted)}
.scribble-studio .ts-bottom,.scribble-studio .ink-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;border-top:1px solid var(--stroke);font-size:10px;color:var(--muted)}
.scribble-studio .ts-state-label{color:var(--paper)}
.scribble-studio .ink-actions{justify-content:center;padding:8px 0}
.therapy-root .scribble-studio .ink-action{min-height:48px;padding:10px 18px;min-width:180px;border:1px solid var(--stroke);background:var(--paper);color:var(--ink);font-size:12px}
.scribble-studio .ts-demo-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:10px;margin-top:4px;border-top:1px solid var(--stroke)}
.therapy-root .scribble-studio .btn{padding:8px 3px;min-height:48px;min-width:0;border:1px solid var(--stroke);border-radius:13px;background:var(--surface);color:var(--muted);font:inherit;font-size:11px;line-height:1.35}
.therapy-root .scribble-studio .btn[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.therapy-root .scribble-studio .btn-ghost{grid-column:1/-1;min-height:44px;border-color:transparent;background:transparent;font-size:11px}
.therapy-root .scribble-studio button:disabled{opacity:.45;cursor:default}
.therapy-root .scribble-studio button:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.therapy-root .motion-settings{max-width:640px;margin:0 auto 24px;border:1px solid var(--stroke);border-radius:20px;padding:0 16px;background:var(--surface);color:var(--paper)}
.therapy-root .motion-settings summary{min-height:54px;cursor:pointer;padding:17px 0;font-size:12px}
.therapy-root .motion-settings .motion-modes{border-color:var(--stroke);margin-top:6px}
.therapy-root .motion-settings .motion-modes button,.therapy-root .motion-settings .speed-switch button{color:var(--paper)}
.therapy-root .motion-settings .motion-modes button[aria-pressed=true],.therapy-root .motion-settings .speed-switch button[aria-pressed=true]{color:var(--ink);background:var(--paper)}
.therapy-root .motion-settings .motion-option,.therapy-root .motion-settings .speed-options{border-color:var(--stroke)}
.therapy-root .motion-settings input{accent-color:var(--paper);width:20px;height:20px}
.therapy-root .motion-settings .mode-description{color:var(--muted)}
.therapy-root .motion-settings .quiet-button{color:var(--paper);margin-bottom:12px}
.therapy-root .draw-shortcut{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;background:transparent;color:inherit;font-size:11px;padding:12px 0 0;text-align:left}
.therapy-root .session-ink-gesture{background:transparent;color:inherit;padding:0;border:0;width:85px;height:85px;flex-shrink:0}
.therapy-root .session-ink-gesture svg{display:block;width:100%;height:100%}
.therapy-root [data-ink-gesture]{-webkit-touch-callout:none}
.therapy-root .card-art{right:12px;width:120px;height:120px;top:58px}
.therapy-root .card-art svg{overflow:hidden}
.therapy-root .ink-filament,.therapy-root .ink-depth,.therapy-root .ink-beam{stroke-dasharray:none;stroke-dashoffset:0}
.therapy-root .ink-beam{opacity:0;stroke-width:1.9px}
/* Small decoration allows vertical page scrolling; the drawing studio captures it. */
.therapy-root button[data-ink-gesture]{touch-action:pan-y pinch-zoom}
.therapy-root .setup-art,.therapy-root .session-ink-gesture{touch-action:none!important}
@media(max-width:600px){
 .therapy-root .scribble-studio .ts-stage,.therapy-root .scribble-studio .ink-stage{height:280px;height:clamp(220px,calc(100svh - 390px),340px)}
 .therapy-root .motion-heading{margin-top:4px;margin-bottom:16px}
 .therapy-root .motion-heading h1{font-size:26px}
}
@media(min-width:1024px){.therapy-root:not([data-inline]) .reflection-card .card-art{width:178px;height:178px;right:45px;top:25px}.therapy-root .reflection-card .draw-shortcut{max-width:335px}}