#red-writing-workspace .writing-ink-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--red-line,#d8d0c7);border-radius:999px;flex-shrink:0}
#red-writing-workspace .writing-ink-switch button{border:0;background:transparent;color:inherit;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer}
#red-writing-workspace .writing-ink-switch button[aria-pressed=true]{background:#a93842;color:#fff}
#red-writing-workspace .desk-bar .writing-ink-switch{background:var(--red-paper);border-color:color-mix(in srgb,var(--red-accent) 20%,var(--red-line));box-shadow:inset 0 1px 3px var(--red-shadow)}
#red-writing-workspace .desk-bar .writing-ink-switch button{min-height:38px;min-width:66px;padding:8px 15px;border-radius:999px;font-size:14px;font-weight:650}
#red-writing-workspace .desk-bar .writing-ink-switch button[aria-pressed=true]{background:#a93842;color:#fff;box-shadow:0 2px 4px var(--red-shadow)}
#red-writing-workspace .writing-ink{color:var(--red-ink,#302a2b);width:100%;min-width:0}
#red-writing-workspace .writing-ink[hidden],#red-writing-workspace .red-document[hidden]{display:none!important}
#red-writing-workspace .writing-ink-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid #cfc5b9;border-radius:18px;background:#fbf8f3;color:#332d2e;position:relative;z-index:2}
#red-writing-workspace .writing-ink button,#red-writing-workspace .writing-ink summary{font:inherit;font-size:13px;color:inherit;min-height:44px;border:0;border-radius:12px;background:transparent;padding:8px 12px;cursor:pointer}
#red-writing-workspace .writing-ink button[aria-pressed=true]{background:#eee3d7;color:#873039}
#red-writing-workspace .writing-ink button:disabled{opacity:.35;cursor:default}
#red-writing-workspace .writing-ink :is(button,summary,select,input):focus-visible,#red-writing-workspace .writing-ink-switch button:focus-visible{outline:3px solid #ab7b43;outline-offset:3px}
#red-writing-workspace .writing-ink-group{display:flex;gap:2px}
#red-writing-workspace .writing-ink-group [data-tool]{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;padding-inline:12px}
#red-writing-workspace .writing-ink-group [data-tool=erase]{border-color:#d8cec2;background:#fffdf9}
#red-writing-workspace .writing-ink-group [data-tool][aria-pressed=true]{border-color:#c28a8d;background:#eee3d7;color:#873039}
#red-writing-workspace .writing-ink-tools svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#red-writing-workspace .writing-ink-history{display:flex;align-items:center;gap:2px;border:1px solid #ddd4ca;border-radius:13px;padding:2px;background:#f3eee7}
#red-writing-workspace .writing-ink-history button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;padding:8px 10px;border-radius:10px}
#red-writing-workspace .writing-ink-history button:disabled{opacity:.4}
#red-writing-workspace .writing-ink-history button:not(:disabled):active{background:#e9ddd0;color:#873039}
@media(hover:hover){#red-writing-workspace .writing-ink-history button:not(:disabled):hover{background:#fffdf9;box-shadow:0 1px 3px #47322212}}
#red-writing-workspace .writing-ink-zoom{display:flex;margin-left:auto;align-items:center}
#red-writing-workspace .writing-ink-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 4px;font-size:12px;opacity:.8}
#red-writing-workspace .writing-ink-tool-menu{position:relative;display:flex}
#red-writing-workspace .writing-ink-pen-chevron{width:14px!important;height:14px!important;transition:transform .15s}
#red-writing-workspace [data-tool][aria-expanded=true] .writing-ink-pen-chevron{transform:rotate(180deg)}
#red-writing-workspace .writing-ink-options[hidden]{display:none}
#red-writing-workspace .writing-ink-options{position:absolute;top:calc(100% + 12px);left:var(--ink-options-left,0px);width:336px;max-width:calc(100vw - 36px);z-index:4;box-sizing:border-box;padding:20px;border:1px solid #d8cec2;border-radius:18px;background:#fffdf9;box-shadow:0 14px 40px #47322224,0 3px 8px #4732220a;display:grid;gap:20px;max-height:var(--ink-options-height,calc(100dvh - 300px));overflow-y:auto;overscroll-behavior:contain}
#red-writing-workspace .writing-ink-options-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px}
#red-writing-workspace .writing-ink-options-heading button{display:grid;place-items:center;width:44px;height:44px;padding:0}
#red-writing-workspace .writing-ink-options fieldset{border:0;padding:0;margin:0;min-width:0}
#red-writing-workspace .writing-ink-options legend{padding:0;margin:0 0 9px;font-size:13px;font-weight:650}
#red-writing-workspace .writing-ink-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#red-writing-workspace .writing-ink-choice{position:relative;min-width:0;cursor:pointer}
#red-writing-workspace .writing-ink-choice input{position:absolute;opacity:0;width:1px;height:1px}
#red-writing-workspace .writing-ink-choice>span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;border:1px solid #ded5ca;border-radius:11px;background:#fbf8f3;font-size:13px}
#red-writing-workspace .writing-ink-choice input:checked+span{border-color:#b6777c;background:#f6ebe7;color:#873039;box-shadow:inset 0 0 0 .5px #b6777c}
#red-writing-workspace .writing-ink-choice input:focus-visible+span{outline:3px solid #ab7b43;outline-offset:3px}
#red-writing-workspace .writing-ink-swatch{width:16px;height:16px;flex:none;border-radius:50%;background:var(--ink)}
#red-writing-workspace .writing-ink-toggles{display:grid;gap:18px;padding-top:18px;border-top:1px solid #e6ded5}
#red-writing-workspace .writing-ink-toggle{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:16px;cursor:pointer;min-height:44px}
#red-writing-workspace .writing-ink-toggle strong{display:block;font-size:13px;line-height:1.4;font-weight:600}
#red-writing-workspace .writing-ink-toggle small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#776c65}
#red-writing-workspace .writing-ink-toggle input{appearance:none;-webkit-appearance:none;width:38px;height:24px;margin:0;border:1px solid #bfb3a5;border-radius:99px;background:#d9d0c5;cursor:pointer}
#red-writing-workspace .writing-ink-toggle input::before{content:'';display:block;width:18px;height:18px;border-radius:50%;margin:2px;background:#fffdf9;box-shadow:0 1px 2px #0002}
#red-writing-workspace .writing-ink-toggle input:checked{background:#a93842;border-color:#a93842}
#red-writing-workspace .writing-ink-toggle input:checked::before{transform:translateX(14px)}
#red-writing-workspace .writing-ink button.writing-ink-download{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #ded5ca;color:#695f59;background:#fbf8f3}

@media(max-width:1350px){#red-writing-workspace .writing-ink-tools{gap:8px}#red-writing-workspace .writing-ink-history button span{display:none}}
@media(max-width:900px){#red-writing-workspace .writing-ink-tools{gap:6px;padding:8px}#red-writing-workspace .writing-ink-group [data-tool]{padding-inline:8px;gap:5px}#red-writing-workspace .writing-ink-history button span{display:none}#red-writing-workspace .writing-ink-history button{padding:8px}}
@media(max-width:600px){#red-writing-workspace .writing-ink-options{padding:12px 16px 16px;gap:14px}}
@media(forced-colors:active){#red-writing-workspace .writing-ink-choice input:checked+span{outline:2px solid Highlight}#red-writing-workspace .writing-ink-toggle input{appearance:auto;-webkit-appearance:auto}#red-writing-workspace .writing-ink-toggle input::before{display:none}}
#red-writing-workspace .writing-ink-viewport{height:calc(100dvh - 235px);min-height:380px;max-height:1100px;overflow:auto;overscroll-behavior:contain;border-radius:20px;background:#ddd4c8;position:relative;padding:20px;scrollbar-gutter:stable}
#red-writing-workspace .writing-ink-paper{position:relative;flex:none;background:#fffdf9;box-shadow:0 4px 22px #47322220;touch-action:none;cursor:crosshair;margin:0 auto}
#red-writing-workspace .writing-ink-paper[data-tool=hand]{cursor:grab}
#red-writing-workspace .writing-ink-paper[data-tool=erase]{cursor:none}
#red-writing-workspace .writing-ink-eraser-cursor{position:absolute;left:0;top:0;width:28px;height:28px;box-sizing:border-box;border:1.5px solid #a33b40;border-radius:50%;background:#fffdf950;pointer-events:none;will-change:transform;backface-visibility:hidden}
#red-writing-workspace .writing-ink-eraser-cursor[hidden]{display:none}
#red-writing-workspace .writing-ink-paper canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#red-writing-workspace .writing-ink [data-error],#red-writing-workspace .writing-ink [data-capacity]{font-size:14px;padding:12px;border-left:3px solid #ae3e46}
#red-writing-workspace .writing-ink-recovery{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
#red-writing-workspace .writing-ink-recovery[hidden]{display:none}
#red-writing-workspace.writing-ink-open .red-editor-area{padding:20px;overflow:auto}
@media(max-width:600px){#red-writing-workspace.writing-ink-open .red-editor-area{padding:10px}#red-writing-workspace .writing-ink-tools{gap:4px;padding:6px;border-radius:14px}#red-writing-workspace .writing-ink button{padding:7px 9px}#red-writing-workspace .writing-ink-viewport{padding:12px;height:calc(100dvh - 270px);min-height:350px}#red-writing-workspace .writing-ink-caption{font-size:11px}#red-writing-workspace .writing-ink-switch button{padding:7px 10px}}

#red-writing-workspace .writing-ink-title{font-size:20px;line-height:1.3;margin:0 4px 14px;font-weight:600}

#red-writing-workspace .writing-ink-paper-choice{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
#red-writing-workspace .writing-ink-paper-choice select{min-height:44px;max-width:145px;border:1px solid #cfc5b9;border-radius:12px;background:#fffdf9;color:#332d2e;padding:8px 12px;font:inherit}

/* Drawing chrome must not invite Safari selection/callouts under a resting palm.
   This is scoped to handwriting; typed drafts retain normal text selection. */
#red-writing-workspace .writing-ink{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#red-writing-workspace .writing-ink-viewport{touch-action:none}

#red-writing-workspace .writing-ink-check{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:4px 12px;margin:0 0 8px;border:1px solid #d8c49f;border-radius:12px;background:#fff8e9;font-size:12px;font-variant-numeric:tabular-nums;min-height:44px}
#red-writing-workspace .writing-ink-check button{margin-left:auto;text-decoration:underline}

/* Two views of the same editable ink, with a rose continuation preview. */
#red-writing-workspace .writing-lens-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8cec2;background:#fffdf9}
#red-writing-workspace .writing-lens[hidden],#red-writing-workspace .writing-lens-overlay[hidden],#red-writing-workspace .writing-lens-overlay [hidden]{display:none}
#red-writing-workspace .writing-lens{margin-bottom:8px;container-type:inline-size}
#red-writing-workspace .writing-lens-overview-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:0 4px 8px;color:#776c65}
#red-writing-workspace .writing-lens-overview-label strong{color:#473d39;font-weight:600}
#red-writing-workspace .writing-lens-overview{height:clamp(140px,21dvh,240px);overflow:auto;border:1px solid #d8cec2;border-radius:16px;background:#e7e0d5;padding:12px;box-sizing:border-box;touch-action:none;overscroll-behavior:contain;cursor:crosshair}
#red-writing-workspace .writing-lens-page{position:relative;background:#fffdf9;margin:0 auto;box-shadow:0 2px 10px #47322218}
#red-writing-workspace .writing-lens-page canvas{width:100%;height:100%;display:block}
#red-writing-workspace .writing-lens-frame{position:absolute;box-sizing:border-box;border:2px solid #a93842;border-radius:6px;background:#a9384210;pointer-events:none}
#red-writing-workspace .writing-lens-bridge{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;position:relative;margin-top:4px}
#red-writing-workspace .writing-lens-controls{display:flex;align-items:center;justify-self:end;grid-column:3;grid-row:1;gap:2px}
#red-writing-workspace .writing-lens-controls button{display:grid;place-items:center;padding:0;width:44px;height:44px;min-width:44px;border:0;background:transparent}
#red-writing-workspace .writing-lens-controls button:hover{background:#e9dfd3}
#red-writing-workspace .writing-lens-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#red-writing-workspace .writing-lens-controls label{display:flex;align-items:center;gap:6px;min-height:44px;font-size:13px;padding:0 8px}
#red-writing-workspace .writing-lens-controls input{accent-color:#a93842;width:17px;height:17px}
#red-writing-workspace .writing-lens-hint{font-size:12px;color:#776c65;line-height:1.5;min-width:0;margin:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#red-writing-workspace .writing-lens-write-wrap{position:relative}
#red-writing-workspace .writing-lens-open .writing-ink-viewport{height:clamp(240px,36dvh,460px);min-height:240px;max-height:none;border:1px solid #cbb9a4}
#red-writing-workspace .writing-lens-overlay{position:absolute;left:0;top:0;overflow:hidden;pointer-events:none;border-radius:20px}
#red-writing-workspace .writing-lens-edge{position:absolute;width:4px;border-radius:4px;background:linear-gradient(transparent,#bd8a4180 18%,#bd8a4180 82%,transparent)}
#red-writing-workspace .writing-lens-continue{position:absolute;overflow:hidden;border:0;border-radius:0;background:#fffdf9;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%)}
#red-writing-workspace .writing-lens-continue canvas{position:absolute;inset:0;width:100%;height:100%}
#red-writing-workspace .writing-lens-continue::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#c4536433,#c4536424 45%,#a9384212 72%,#a9384200);box-shadow:inset 12px 0 28px -12px #d26c7aa6;pointer-events:none;animation:writing-cue-arrive .7s ease-out both}
#red-writing-workspace .writing-lens-continue::before{content:'';position:absolute;z-index:1;left:2px;top:8px;bottom:8px;width:3px;border-radius:99px;background:linear-gradient(transparent,#dc8290 15%,#f2b3bb 50%,#dc8290 85%,transparent);box-shadow:0 0 9px 2px #ca536875,0 0 22px 5px #d97a8540;pointer-events:none;animation:writing-cue-arrive .7s ease-out both}
@keyframes writing-cue-arrive{from{opacity:.3}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#red-writing-workspace .writing-lens-continue::before,#red-writing-workspace .writing-lens-continue::after{animation:none}}
@media(max-width:600px){#red-writing-workspace .writing-lens-overview{height:130px}#red-writing-workspace .writing-lens-controls{gap:4px}#red-writing-workspace .writing-lens-overview-label span{font-size:10px}#red-writing-workspace .writing-lens-open .writing-ink-viewport{padding:20px;min-height:240px}}

/* Close-up uses the available screen; Close or Escape restores the workspace. */
#red-writing-workspace.writing-lens-mode[data-active-view=workspace] .red-topbar,
#red-writing-workspace.writing-lens-mode .desk-bar,
#red-writing-workspace.writing-lens-mode .red-room{display:none!important}
#red-writing-workspace.writing-lens-mode .red-workspace{display:block;height:100dvh;min-height:0;overflow:auto}
#red-writing-workspace.writing-lens-mode .red-editor-area{height:100%;padding:12px;box-sizing:border-box;overflow:auto}
#red-writing-workspace .writing-lens-open{display:flex;flex-direction:column;min-height:640px;height:calc(100dvh - 24px)}
#red-writing-workspace .writing-lens-open> *{flex-shrink:0}
#red-writing-workspace .writing-lens-open .writing-ink-title{font-size:16px;margin-bottom:8px}
#red-writing-workspace .writing-lens-open .writing-lens-toggle{display:none}
#red-writing-workspace .writing-lens-open .writing-lens-overview{height:clamp(110px,24dvh,280px)}
#red-writing-workspace .writing-lens-open .writing-lens-write-wrap{flex:1;min-height:200px}
#red-writing-workspace .writing-lens-open .writing-ink-viewport{height:100%;min-height:200px;box-sizing:border-box}
@media(max-width:600px){
 #red-writing-workspace .writing-lens-open{min-height:700px}
 #red-writing-workspace .writing-lens-open .writing-ink-paper-choice>span{display:none}
 #red-writing-workspace .writing-lens-open .writing-ink-paper-choice select{max-width:100px;padding-inline:8px}
 #red-writing-workspace .writing-lens-open .writing-lens-controls label{padding-inline:3px}
 #red-writing-workspace .writing-lens-open .writing-lens-overview{height:clamp(100px,20dvh,170px)}
}

#red-writing-workspace .writing-lens-continue{pointer-events:auto;touch-action:none;cursor:crosshair}
#red-writing-workspace .writing-lens-continue>*{pointer-events:none}
#red-writing-workspace .writing-ink-tool-options{display:flex;align-items:center;gap:6px;padding:4px 2px 0;flex-wrap:wrap}
#red-writing-workspace .writing-ink-tool-options button{min-height:40px;border:1px solid #d8cec2;background:#fffdf9}
#red-writing-workspace .writing-ink-paper[data-tool=lasso]{cursor:crosshair}

#red-writing-workspace .writing-ink-tool-options label{display:flex;align-items:center;gap:7px;font-size:12px;padding:0 5px}
#red-writing-workspace .writing-ink-tool-options select{font:inherit;min-height:40px;border:1px solid #d8cec2;border-radius:10px;background:#fffdf9;color:#332d2e;padding:6px 10px}
#red-writing-workspace .writing-ink-group{flex-wrap:wrap}
@media(max-width:600px){#red-writing-workspace .writing-ink-group [data-tool]{font-size:11px;padding-inline:6px;gap:4px}#red-writing-workspace .writing-ink-group [data-tool] svg{width:17px;height:17px}}

/* Notebook navigation stays beside the tools in both writing views. */
#red-writing-workspace .writing-ink-pages{display:flex;align-items:center;gap:3px;padding:0;flex-wrap:nowrap;font-size:12px}
#red-writing-workspace .writing-ink-pages label{display:flex;align-items:center;gap:7px}
#red-writing-workspace .writing-ink-pages select{font:inherit;min-height:40px;min-width:54px;border:1px solid #d8cec2;border-radius:10px;background:#fffdf9;color:inherit;padding:5px 8px}
#red-writing-workspace .writing-ink-pages button{display:inline-flex;align-items:center;gap:6px;min-width:40px;min-height:40px;padding:7px 9px}
#red-writing-workspace .writing-ink-pages svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#red-writing-workspace .writing-ink-caption [data-page-notice]{margin-left:auto;color:#776c65}
#red-writing-workspace .writing-ink-caption [data-page-notice]:empty{display:none}
#red-writing-workspace .writing-lens-open .writing-lens-toggle{display:inline-flex}
/* A centered, raised grip reads as a control before it is touched. */
#red-writing-workspace .writing-lens-divider{grid-column:2;grid-row:1;height:48px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:99px;outline-offset:-2px}
#red-writing-workspace .writing-lens-divider span{display:grid;place-items:center;box-sizing:border-box;width:96px;height:34px;border:1px solid #c89b97;border-radius:99px;color:#a93842;background:linear-gradient(#fffdf9,#f3e5df);box-shadow:0 2px 5px #47322216,inset 0 1px 0 #fffdf9;transition:background .15s,box-shadow .15s,transform .15s}
#red-writing-workspace .writing-lens-divider svg{width:64px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#red-writing-workspace .writing-lens-divider:hover span,#red-writing-workspace .writing-lens-divider:focus-visible span{background:#f1ddd7;box-shadow:0 3px 8px #47322226,inset 0 1px 0 #fffdf9;transform:translateY(-1px)}
#red-writing-workspace .writing-lens-divider:active span{background:#ecd1ca;box-shadow:inset 0 1px 3px #47322220;transform:translateY(0)}
#red-writing-workspace .writing-lens-divider:focus-visible{outline:2px solid #806750}
#red-writing-workspace .writing-lens-open{min-height:620px}
#red-writing-workspace .writing-ink-controls-home:empty{display:none}
#red-writing-workspace .writing-lens-tools{margin-top:4px}
#red-writing-workspace .writing-lens-tools .writing-ink-caption{margin-bottom:0}
@media(max-width:600px){#red-writing-workspace .writing-lens-open{min-height:680px}#red-writing-workspace .writing-ink-pages{gap:2px}#red-writing-workspace .writing-ink-pages button{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){#red-writing-workspace .writing-lens-divider span{transition:none}}

@media(prefers-reduced-motion:reduce){#red-writing-workspace .writing-ink-pen-chevron{transition:none}}

/* Hide secondary copy first; keep the grip on the full page centerline. */
@container(max-width:900px){
 #red-writing-workspace .writing-lens-hint{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);white-space:normal}
}
/* In small windows the navigation gets its own row instead of pushing the grip left. */
@container(max-width:560px){
 #red-writing-workspace .writing-lens-bridge{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:0 8px}
 #red-writing-workspace .writing-lens-controls{grid-column:1/-1;grid-row:2;justify-self:center}
}
/* Native range input keeps keyboard, touch and assistive controls intact. */
#red-writing-workspace .writing-ink-width-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#776c65}
#red-writing-workspace .writing-ink-width-preview svg{width:100px;height:18px;color:#29252b}
#red-writing-workspace .writing-ink-thickness input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;accent-color:#a93842}
#red-writing-workspace .writing-ink-thickness input::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,#a93842 var(--ink-width-progress,0%),#e0d6cb var(--ink-width-progress,0%))}
#red-writing-workspace .writing-ink-thickness input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border:2px solid #fffdf9;border-radius:50%;background:#a93842;box-shadow:0 1px 5px #47322240}
#red-writing-workspace .writing-ink-thickness input::-moz-range-track{height:6px;border-radius:99px;background:#e0d6cb}
#red-writing-workspace .writing-ink-thickness input::-moz-range-progress{height:6px;border-radius:99px;background:#a93842}
#red-writing-workspace .writing-ink-thickness input::-moz-range-thumb{width:20px;height:20px;border:2px solid #fffdf9;border-radius:50%;background:#a93842;box-shadow:0 1px 5px #47322240}
#red-writing-workspace .writing-ink-width-labels{display:grid;grid-template-columns:repeat(3,1fr);margin:0 12px;font-size:11px;color:#776c65}
#red-writing-workspace .writing-ink-width-labels span{position:relative;padding-top:5px}
#red-writing-workspace .writing-ink-width-labels span::before{content:'';position:absolute;top:-2px;left:0;width:1px;height:4px;background:#b9aa9a}
#red-writing-workspace .writing-ink-width-labels span:nth-child(2){text-align:center}
#red-writing-workspace .writing-ink-width-labels span:nth-child(2)::before{left:50%}
#red-writing-workspace .writing-ink-width-labels span:last-child{text-align:right}
#red-writing-workspace .writing-ink-width-labels span:last-child::before{left:auto;right:0}
@media(forced-colors:active){#red-writing-workspace .writing-ink-thickness input[type=range]{appearance:auto;-webkit-appearance:auto}}
/* Page actions stay beside the page picker; recoverable deletion uses one dialog. */
#red-writing-workspace .writing-ink-pages [data-action=page-options]{min-width:44px;min-height:44px}
#red-writing-workspace .writing-ink-pages [data-action=page-options] svg{stroke-width:4}
#red-writing-workspace .writing-ink-page-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;border:1px solid #d8cec2;border-radius:22px;padding:24px;background:#fffdf9;color:#302a2b;box-shadow:0 24px 80px #3f282b35}
#red-writing-workspace .writing-ink-page-dialog::backdrop{background:#302a2b50;backdrop-filter:blur(3px)}
#red-writing-workspace .writing-ink-page-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
#red-writing-workspace .writing-ink-page-dialog h2{font-size:20px;margin:0}
#red-writing-workspace .writing-ink-page-dialog h3{font-size:15px;margin:26px 0 12px}
#red-writing-workspace .writing-ink-page-dialog p{font-size:14px;line-height:1.5}
#red-writing-workspace .writing-ink-page-dialog button{min-width:44px;min-height:44px;border:1px solid #d8cec2;background:#faf7f1;padding:10px 14px}
#red-writing-workspace .writing-ink-page-dialog header button{border:0;font-size:24px;background:transparent}
#red-writing-workspace .writing-ink-page-dialog .danger{color:#a93842;border-color:#cb979a;background:#f8eeee}
#red-writing-workspace .writing-ink-page-dialog .muted{color:#81756d}
#red-writing-workspace .writing-ink-page-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
#red-writing-workspace .writing-ink-deleted-page{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eee4dc;padding:12px 0;font-size:13px}
#red-writing-workspace .writing-ink-page-dialog [role=alert]{color:#a93842}

#red-writing-workspace .writing-ink-heading{display:flex;align-items:center;gap:12px;margin:0 4px 10px;height:44px;min-height:44px}
#red-writing-workspace .writing-ink-heading .writing-ink-title{margin:0;min-width:0}
#red-writing-workspace .writing-ink-title button{display:inline-flex;align-items:center;gap:10px;text-align:left;font:inherit;padding:4px 0;min-height:36px;max-width:100%}
#red-writing-workspace .writing-ink-title [data-ink-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#red-writing-workspace .writing-ink-title svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
#red-writing-workspace .writing-ink-heading [data-title-status]{min-width:0;max-width:50%;font-size:12px;color:#786961;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){#red-writing-workspace .writing-ink-heading{display:grid;grid-template-rows:28px 16px;gap:0}#red-writing-workspace .writing-ink-heading [data-title-status]{max-width:100%;font-size:11px}#red-writing-workspace .writing-ink-heading .writing-ink-title{font-size:18px}#red-writing-workspace .writing-ink-title button{min-height:28px;padding:0}}
#red-writing-workspace .writing-ink-title-placeholder{position:absolute;pointer-events:none;color:#917a70;opacity:.7;font-weight:450;white-space:nowrap;line-height:1.4}
#red-writing-workspace .writing-ink-title-placeholder[hidden]{display:none}
#red-writing-workspace .writing-ink-name-field{display:grid;gap:8px;font-size:14px}
#red-writing-workspace .writing-ink-name-field input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d8cec2;border-radius:10px;font:inherit;color:#302a2b;background:#fffdf9;user-select:text;-webkit-user-select:text}
/* Handwriting is reviewed beside an immutable snapshot before an AI handoff. */
#red-writing-workspace .ink-review{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--red-line);border-radius:22px;background:var(--red-paper);color:var(--red-ink);box-shadow:0 20px 80px #0003;overflow:auto}
#red-writing-workspace .ink-review::backdrop{background:#17131280;backdrop-filter:blur(5px)}
#red-writing-workspace .ink-review header{display:flex;align-items:start;justify-content:space-between;gap:20px}
#red-writing-workspace .ink-review h2{margin:0;font-size:24px}
#red-writing-workspace .ink-review p{font-size:13px;line-height:1.6;color:var(--red-muted)}
#red-writing-workspace .ink-review-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:18px 0}
#red-writing-workspace .ink-review figure{margin:0;min-width:0}
#red-writing-workspace .ink-review figcaption,#red-writing-workspace .ink-review-copy>label{display:block;font-size:14px;font-weight:650;margin-bottom:12px}
#red-writing-workspace .ink-review img{width:100%;max-height:48dvh;object-fit:contain;object-position:top;background:#fff;border-radius:8px}
#red-writing-workspace .ink-review textarea{box-sizing:border-box;width:100%;min-height:280px;resize:vertical;border:1px solid var(--red-line);border-radius:12px;padding:14px;background:var(--red-canvas);color:var(--red-ink);font:16px/1.7 RedDeskSans,system-ui,sans-serif}
#red-writing-workspace .ink-review-text-wrap{position:relative;min-width:0}
#red-writing-workspace .ink-review-text-wrap textarea{display:block}
#red-writing-workspace .ink-review-spelling-clip{position:absolute;inset:1px;border-radius:11px;overflow:hidden;pointer-events:none}
#red-writing-workspace .ink-review-spelling-text{box-sizing:border-box;padding:14px;white-space:pre-wrap;overflow-wrap:break-word;color:transparent;font:16px/1.7 RedDeskSans,system-ui,sans-serif}
::highlight(red-review-spelling){color:transparent;text-decoration:underline wavy #b13646;text-decoration-thickness:1.4px;text-underline-offset:3px}
#red-writing-workspace .ink-review-spelling-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
#red-writing-workspace .ink-review-spelling-tools button{font-size:12px;padding:8px 10px}
#red-writing-workspace .ink-review-spelling-tools button[aria-pressed=true]{color:var(--red-accent);background:var(--red-panel)}
#red-writing-workspace .ink-review small{display:block;color:var(--red-muted);font-size:12px;line-height:1.5;margin-top:8px}
#red-writing-workspace .ink-review footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
#red-writing-workspace .ink-review button{border:1px solid var(--red-line);border-radius:12px;padding:10px 15px;min-height:44px;background:var(--red-canvas);color:var(--red-ink);font:inherit;cursor:pointer}
#red-writing-workspace .ink-review [data-send]{background:#a93842;color:#fff;border-color:#a93842}
#red-writing-workspace .ink-review button:disabled{opacity:.45;cursor:default}
#red-writing-workspace .ink-review [data-error]{color:var(--red-accent)}
#red-writing-workspace .ink-review .ink-review-privacy{font-size:12px;margin-bottom:0}
@media(max-width:650px){#red-writing-workspace .ink-review{padding:18px}#red-writing-workspace .ink-review-body{grid-template-columns:1fr}#red-writing-workspace .ink-review img{max-height:24dvh}#red-writing-workspace .ink-review textarea{min-height:190px}}

#red-writing-workspace .writing-ink-erase-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#red-writing-workspace .writing-ink-erase-modes button{border:1px solid #ded5ca;background:#fbf8f3}
#red-writing-workspace .writing-ink-erase-modes button[aria-pressed=true]{border-color:#b6777c;background:#f6ebe7;color:#873039}
#red-writing-workspace [data-eraser-help]{font-size:12px;line-height:1.5;color:#776c65;margin:10px 0 0}
#red-writing-workspace .writing-ink-eraser-size{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:650}
#red-writing-workspace .writing-ink-eraser-size select{font:inherit;min-height:44px;border:1px solid #ded5ca;border-radius:11px;background:#fbf8f3;color:#332d2e;padding:8px 12px}

/* Fit the paper scroller below the actual, wrapping navigation and tools.
   A viewport-height estimate left its bottom outside the screen on iPad. */
#red-writing-workspace.writing-ink-open:not(.writing-lens-mode) .red-workspace{height:calc(100dvh - var(--desk-navigation-height,156px));min-height:0;overflow:hidden}
#red-writing-workspace.writing-ink-open:not(.writing-lens-mode) .red-editor-area{height:100%;box-sizing:border-box;overflow:auto;padding:12px}
#red-writing-workspace .writing-ink:not(.writing-lens-open){display:flex;flex-direction:column;height:100%;min-height:420px}
#red-writing-workspace .writing-ink:not(.writing-lens-open)>*{flex-shrink:0}
#red-writing-workspace .writing-ink:not(.writing-lens-open) .writing-lens-write-wrap{flex:1;min-height:160px}
#red-writing-workspace .writing-ink:not(.writing-lens-open) .writing-ink-viewport{height:100%;min-height:160px;max-height:none;box-sizing:border-box;padding:20px}
#red-writing-workspace .writing-ink-tools [data-action=review]{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8cec2;background:#fffdf9}