/* The page stays the main surface; controls reveal one tool family at a time. */
body .reading-studio .rs-source{grid-template-rows:48px 52px minmax(0,1fr)}
body .reading-studio .rl-toolbar{grid-row:2}
body .reading-studio .rs-canvas-wrap{grid-row:3}
body .reading-studio .rl-toolbar{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid #d6dfd9;background:#fff;flex-wrap:wrap}
body .reading-studio .rl-toolbar button,body .reading-studio .rl-panel button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid #bdccc3;border-radius:8px;background:#fff;color:#193f34;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;cursor:pointer}
body .reading-studio .rl-toolbar svg,body .reading-studio .rl-panel svg{width:20px;height:20px;flex-shrink:0}
body .reading-studio .rl-toolbar .rl-launch{background:#e8f1e9;border-color:transparent;padding-inline:12px;margin-right:auto}
body .reading-studio .rl-toolbar button:disabled,body .reading-studio .rl-panel button:disabled{opacity:.4;cursor:default}
body .reading-studio .rl-toolbar button:hover:not(:disabled),body .reading-studio .rl-panel button:hover:not(:disabled){background:#e7f0e9}
body .reading-studio .rl-toolbar button:focus-visible,body .reading-studio .rl-panel :is(button,input,select,a,summary):focus-visible{outline:3px solid #307fbe;outline-offset:2px}
body .reading-studio .rs-source{position:relative}
body .reading-studio .rl-panel{position:absolute;right:0;top:0;bottom:0;width:340px;z-index:25;display:flex;flex-direction:column;background:#fff;border-left:1px solid #cfdbd3;box-shadow:-8px 0 24px #133b2612;color:#1c382e;overflow:hidden}
body .reading-studio.rl-open .rs-canvas-wrap,body .reading-studio.rl-open .rs-source-foot,body .reading-studio.rl-open .rl-toolbar,body .reading-studio.rl-open .rs-tools{margin-right:340px}
body .reading-studio .rl-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 16px 12px;gap:12px}
body .reading-studio .rl-panel h2{margin:0;font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
body .reading-studio .rl-experiment{display:inline-block;color:#526b5b;font-size:12px;margin-top:6px}
body .reading-studio .rl-panel header button{border:0;min-width:40px}
body .reading-studio .rl-tabs{display:flex;gap:0;padding:0 12px;border-bottom:1px solid #d7e2da}
body .reading-studio .rl-tabs button{flex:1;border:0;border-radius:0;background:transparent;padding:12px 4px;color:#52675c;min-width:0}
body .reading-studio .rl-tabs button[aria-selected=true]{color:#174b3c;box-shadow:inset 0 -3px #28634c}
body .reading-studio .rl-body{flex:1;min-height:0;overflow:auto;padding:16px;scrollbar-color:#8da899 #f1f5f1;scrollbar-width:thin;overscroll-behavior:contain}
body .reading-studio .rl-label,body .reading-studio .rl-range{display:block;position:relative;margin:0 0 20px;font-size:14px;font-weight:600;line-height:1.45}
body .reading-studio .rl-label select{display:block;width:100%;margin-top:7px;padding:9px 10px;border:1px solid #b7c8bd;border-radius:7px;background:#fff;color:#193b2e;font-family:inherit;font-size:16px;font-weight:400;line-height:1.3;min-height:42px}
body .reading-studio .rl-range output{float:right;font-size:13px;font-variant-numeric:tabular-nums;font-weight:400;color:#4c6858}
body .reading-studio .rl-range input[type=range]{display:block;width:100%;margin:5px 0 0;min-height:30px;padding:0;accent-color:#235b47;cursor:pointer}
body .reading-studio .rl-range small,body .reading-studio .rl-note{display:block;font-size:12px;font-weight:400;color:#52685b;line-height:1.5;margin:6px 0 18px}
body .reading-studio .rl-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 18px;cursor:pointer;min-height:32px}
body .reading-studio .rl-check input{width:18px;height:18px;accent-color:#235b47;flex-shrink:0}
body .reading-studio .rl-check svg{width:18px;height:18px}
body .reading-studio .rl-panel footer{padding:12px 16px 14px;border-top:1px solid #d9e3dc;flex-shrink:0;background:#f7faf7}
body .reading-studio .rl-status{font-size:12px;line-height:1.4;margin:0 0 10px;min-height:34px;color:#47614f}
body .reading-studio .rl-error{color:#983e2b}
body .reading-studio .rl-save-row{display:flex;gap:7px}
body .reading-studio .rl-save-row button{flex:1;font-size:12px;padding:9px 7px}
body .reading-studio .rl-save-row button.primary{color:#fff;background:#174b3c;border-color:#174b3c}
body .reading-studio .rl-panel .rl-reset{border:0;background:transparent;color:#526b5a;text-decoration:underline;text-underline-offset:3px;min-height:32px;margin-top:3px;padding-bottom:0;font-size:12px}
body .reading-studio .rl-brush-mode{display:flex;gap:6px;margin-bottom:18px}
body .reading-studio .rl-brush-mode button{flex:1;font-size:12px}
body .reading-studio .rl-brush-mode button[aria-pressed=true],body .reading-studio .rl-panel .rl-paint-button[aria-pressed=true]{background:#174b3c;color:#fff;border-color:#174b3c}
body .reading-studio .rl-paint-button{width:100%;margin-bottom:10px}
body .reading-studio .rl-copies{margin:26px 0 18px;font-size:13px;border-top:1px solid #d6e0d8;padding-top:14px}
body .reading-studio .rl-copies summary{cursor:pointer;font-weight:600;min-height:32px}
body .reading-studio .rl-copies article{padding:12px 0;border-bottom:1px solid #dbe5dd;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body .reading-studio .rl-copies article div{width:100%}.rl-copies small{display:block;margin-top:4px}
body .reading-studio .rl-copies a{color:#1e634c;text-underline-offset:3px;padding:10px}
body .reading-studio .rl-image{pointer-events:none;user-select:none;max-width:none!important;max-height:none!important;object-fit:fill!important;z-index:1}
body .reading-studio .rs-box{z-index:3}
body .reading-studio .rl-paint-layer{position:absolute;inset:0;z-index:16;touch-action:none;overflow:hidden;cursor:none}
body .reading-studio .rl-paint-layer>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body .reading-studio .rl-cursor{position:absolute;pointer-events:none;transform:translate(-50%,-50%);border:2px solid #154f8c;border-radius:50%;box-shadow:0 1px 3px #fff;background:#73b0e21c;min-width:5px;min-height:5px}
body .reading-studio .rl-cursor.rl-protect{border-color:#9c5b19;background:#eab25b22}
body .reading-studio .rl-guide{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden}
body .reading-studio .rl-guide>div{position:absolute;left:0;right:0;background:#10251b8c}
body .reading-studio .rl-guide>div:first-child{top:0;height:var(--rl-guide-top,45%);border-bottom:1px solid #efdb78}
body .reading-studio .rl-guide>div:last-child{bottom:0;height:var(--rl-guide-bottom,45%);border-top:1px solid #efdb78}
body .reading-studio .rl-loupe{position:absolute;z-index:18;pointer-events:none;top:14px;left:14px;width:180px;height:120px;border:2px solid #fff;border-radius:10px;box-shadow:0 5px 18px #152e3240;background:#f1eee5}
@media(max-width:760px){
 body .reading-studio .rs-source{grid-template-rows:44px 48px minmax(0,1fr)}
 body .reading-studio.rs-typing.rw-peek .rs-source{grid-template-rows:minmax(0,1fr)}
 body .reading-studio.rs-typing.rw-peek .rs-canvas-wrap{grid-row:1}
 body .reading-studio.rs-typing .rl-toolbar{display:none}
 body .reading-studio .rl-toolbar{padding:5px 10px;gap:3px;flex-wrap:nowrap}
 body .reading-studio .rl-toolbar button{min-height:38px;padding:6px 8px;flex-shrink:0}
 body .reading-studio .rl-toolbar button[data-rl-compare] span{display:none}
 body .reading-studio .rl-toolbar .rl-launch{font-size:13px;padding-inline:8px}
 body .reading-studio .rl-panel{top:auto;bottom:0;left:0;right:0;width:auto;height:min(420px,52dvh);max-height:none;border-left:0;border-top:1px solid #c8d7cd;box-shadow:0 -6px 20px #16362512}
 body .reading-studio.rl-open .rs-canvas-wrap{margin-right:0;margin-bottom:min(420px,52dvh);min-height:80px}
 body .reading-studio.rl-open .rs-source-foot{display:none}
 body .reading-studio.rl-open .rs-tools,body .reading-studio.rl-open .rl-toolbar{margin-right:0}
 body .reading-studio .rl-panel header{padding:8px 12px 4px;align-items:center}
 body .reading-studio .rl-panel header>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
 body .reading-studio .rl-panel h2{font-size:16px}.rl-experiment{margin:0!important}
 body .reading-studio .rl-tabs button{min-height:36px;padding:8px 4px}
 body .reading-studio .rl-body{padding:12px 16px}
 body .reading-studio .rl-panel footer{padding:7px 12px 8px}
 body .reading-studio .rl-status{margin:0 0 5px;min-height:0;max-height:34px;overflow:auto;font-size:11px}
 body .reading-studio .rl-panel .rl-reset{min-height:26px;margin-top:0}
 body .reading-studio .rl-panel .rl-save-row button{min-height:36px}
 body .reading-studio .rl-range{margin-bottom:16px}
 body .reading-studio.rl-painting .rl-panel{height:146px;max-height:none}
 body .reading-studio.rl-painting .rs-canvas-wrap{margin-bottom:146px}
 body .reading-studio.rl-painting .rl-panel header,body .reading-studio.rl-painting .rl-tabs,body .reading-studio.rl-painting .rl-panel footer,body .reading-studio.rl-painting .rl-copies,body .reading-studio.rl-painting .rl-note,body .reading-studio.rl-painting .rl-auto-link{display:none}
 body .reading-studio.rl-painting .rl-body{padding:8px 12px;overflow:hidden}
 body .reading-studio.rl-painting .rl-brush-mode{margin-bottom:2px}
 body .reading-studio.rl-painting .rl-brush-size{margin-bottom:2px;display:flex;align-items:center;gap:8px;font-size:12px}
 body .reading-studio.rl-painting .rl-brush-size input{flex:1;width:auto}
 body .reading-studio.rl-painting .rl-brush-size output{display:none}
 body .reading-studio.rl-painting .rl-paint-button{min-height:36px;margin-bottom:0}
 body .reading-studio .rl-loupe{width:135px;height:90px;top:8px;left:8px}
}
@media(prefers-reduced-motion:reduce){body .reading-studio .rl-image{transition:none}}

@media(max-width:760px){
 body .reading-studio:not(.rl-open) .rs-source{grid-template-rows:44px minmax(0,1fr)}
 body .reading-studio:not(.rl-open) .rs-canvas-wrap{grid-row:2}
 body .reading-studio:not(.rl-open) .rs-tools{padding-right:52px}
 body .reading-studio:not(.rl-open) .rl-toolbar{grid-row:auto;position:absolute;top:3px;right:6px;z-index:20;display:block;padding:0;border:0;background:transparent}
 body .reading-studio:not(.rl-open) .rl-toolbar button:not(.rl-launch),body .reading-studio:not(.rl-open) .rl-launch span{display:none}
 body .reading-studio:not(.rl-open) .rl-toolbar .rl-launch{min-width:38px;margin:0;padding:8px;background:#e8f1e9}
 body .reading-studio.rs-typing:not(.rl-open) .rl-toolbar{display:none!important}
}