/* Separate document editing from selection annotations. */
#calm-reader #cr-format-top.rf-toolbar{position:relative;inset:auto;z-index:8;display:flex;flex:none;width:100%;max-width:none;box-sizing:border-box;justify-content:center;min-height:44px;margin:0;padding:5px 12px;gap:2px 3px;border:0;border-bottom:1px solid color-mix(in srgb,var(--cr-line) var(--sprout-divider-strength,45%),transparent);border-radius:0;box-shadow:none;background:var(--cr-bg);font-size:14px;line-height:1}
#calm-reader #cr-format-top.rf-toolbar button{height:30px;min-height:30px;font-size:14px}
#calm-reader #cr-format-top.rf-toolbar input{height:30px;min-height:30px}
#calm-reader #cr-selection{display:none!important}
/* One shared selection surface; its editor expands only on request. */
#calm-reader #cr-composer{box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);padding:0;border:1px solid var(--cr-line);border-radius:4px;box-shadow:0 4px 18px #17251a16;background:var(--cr-bg);max-height:calc(100dvh - 100px);overflow:auto}
#calm-reader #cr-composer [hidden]{display:none!important}
#calm-reader .cr-annotation-tools{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px;width:max-content;max-width:100%;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;padding:7px 8px;margin:0;border:0}
#calm-reader .cr-annotation-tools :is(.cr-mark-palette,.cr-annotation-primary,.rsw-actions){display:flex;align-items:center;flex:none;gap:4px;margin:0;padding:0;border:0}
#calm-reader .cr-annotation-tools :is(.cr-annotation-primary,.rsw-actions){border-left:1px solid color-mix(in srgb,var(--cr-line) var(--sprout-divider-strength,45%),transparent);padding-left:7px;margin-left:3px}
#calm-reader .cr-rewrite-slot{display:flex}
#calm-reader .cr-annotation-tools button{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:30px;min-width:30px;height:30px;min-height:30px;padding:5px;border:0;border-radius:4px;box-shadow:none;background:transparent;color:var(--cr-text);font:14px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
#calm-reader .cr-annotation-tools [data-cr-mark]{width:24px;min-width:24px;height:24px;min-height:24px;padding:4px;background:var(--mark-color);border:1px solid #00000012;color:#35465c}
#calm-reader .cr-annotation-tools [data-cr-mark] svg{visibility:hidden}
#calm-reader .cr-annotation-tools [data-cr-mark][aria-pressed=true]{outline:1px solid #496b91;outline-offset:1px}
#calm-reader .cr-annotation-tools [data-cr-mark][aria-pressed=true] svg{visibility:visible}
#calm-reader .cr-annotation-tools [data-cr-compose=note][aria-expanded=true]{color:var(--cr-accent);background:color-mix(in srgb,var(--cr-accent) 10%,transparent)}
#calm-reader .cr-annotation-tools [data-cr=cancel-compose]{border-left:1px solid color-mix(in srgb,var(--cr-line) var(--sprout-divider-strength,45%),transparent);border-radius:0;margin-left:3px;color:var(--cr-muted)}
#calm-reader .cr-annotation-tools svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#calm-reader #cr-note-editor{padding:10px;border-top:1px solid color-mix(in srgb,var(--cr-line) var(--sprout-divider-strength,45%),transparent)}
#calm-reader #cr-composer textarea{display:block;box-sizing:border-box;width:100%;height:80px;min-height:70px;max-height:180px;margin:0;padding:9px;font-family:inherit;font-size:14px;line-height:1.6;border:1px solid var(--cr-line);border-radius:4px;resize:vertical;background:var(--cr-bg);color:var(--cr-text)}
#calm-reader #cr-composer .cr-compose-actions{display:flex;justify-content:flex-end;padding-top:8px}
#calm-reader #cr-composer .cr-compose-actions button{font-size:14px;font-weight:400;min-height:30px;border-radius:4px;padding:4px 12px}
#calm-reader #cr-composer .cr-compose-feedback{font-size:14px;padding:0 10px 8px;color:var(--cr-muted)}
#calm-reader #cr-composer .cr-compose-feedback:empty{display:none}
#calm-reader .cr-annotation-tools button:hover{background:var(--cr-chrome)}
#calm-reader .cr-annotation-tools [data-cr-mark]:hover{background:var(--mark-color);filter:brightness(.97)}
#calm-reader #cr-composer button:focus-visible{outline:2px solid var(--cr-accent);outline-offset:2px}
#calm-reader #cr-composer textarea:is(:focus,:focus-visible){outline:none;box-shadow:none;border-color:var(--cr-line)}
@media(max-width:700px){#calm-reader #cr-format-top.rf-toolbar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-inline:8px}}