#reader-creation{position:fixed;inset:56px 0 35px auto;width:430px;max-width:96vw;height:calc(100dvh - 91px);max-height:none;margin:0;padding:0;border:0;border-left:1px solid #e1e5e2;border-radius:0;background:#fff;color:#303431;font:13px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;box-shadow:-8px 0 22px #00000009;overflow:hidden;}
#reader-creation::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;}
#reader-creation *,#reader-output-preview *{box-sizing:border-box;}
#reader-creation button,#reader-output-preview button{font:inherit;border:1px solid transparent;background:transparent;border-radius:3px;cursor:pointer;color:inherit;padding:5px 8px;min-height:30px;}
#reader-creation button:hover{background:#f1f3f1;}
#reader-creation button:disabled{opacity:.55;cursor:default;}
.rc-head{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:20px 20px 15px;border-bottom:1px solid #e3e6e3;}
.rc-head h2{font:600 17px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;margin:0 0 4px;}
.rc-head small{color:#7b817d;font-size:11px;display:block;max-width:335px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#reader-creation .rc-head>button{font-size:23px;color:#7c827d;}
.rc-tabs{display:flex;gap:12px;padding:8px 20px 0;border-bottom:1px solid #e3e6e3;}
#reader-creation .rc-tabs button{padding:7px 2px 10px;color:#767f78;font-size:12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;}
#reader-creation .rc-tabs [aria-pressed=true]{color:#39483e;border-bottom-color:#596b60;}
.rc-tabs small{font-size:10px;}
.rc-body{padding:19px 20px;overflow:auto;height:calc(100% - 132px);}
.rc-types{display:flex;gap:7px;}
#reader-creation .rc-types button{border-color:#dfe4df;flex:1;font-size:12px;padding:7px 3px;}
#reader-creation .rc-types [aria-pressed=true]{border-color:#617366;background:#f1f4f0;color:#394e40;}
.rc-caption{color:#7c837d;font-size:11px;line-height:1.8;margin:10px 0 17px;}
#rc-form>label{display:block;margin:17px 0 7px;font-size:12px;font-weight:550;}
#rc-form>label small{font-weight:400;color:#90968f;font-size:10px;}
#rc-form select,#rc-form textarea{width:100%;padding:8px 9px;border:1px solid #dde3dd;background:#fff;color:#3b433e;border-radius:3px;font:12px/1.7 inherit;}
#rc-form textarea{font:12px/1.7 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;resize:vertical;}
.rc-source-preview{margin:11px 0;padding:9px 11px;border-left:2px solid #d8dfd8;background:#f8f9f6;}
.rc-source-preview small,.rc-source-preview span{font-size:10px;color:#8a928a;}
.rc-source-preview p{font-size:12px;line-height:1.85;margin:5px 0 7px;max-height:120px;overflow:auto;white-space:pre-wrap;}
#rc-form .rc-check{display:flex;align-items:center;gap:6px;font-weight:400;}
.rc-check input{accent-color:#596b60;}
#reader-creation .rc-primary{background:#53665a;color:white;border-color:#53665a;width:100%;padding:9px 12px;font-size:12px;margin-top:14px;}
.rc-message{font-size:11px;color:#7c837d;line-height:1.8;margin:10px 0;}
.rc-message[data-state=error]{color:#ac3434;}
.rc-result-summary{display:flex;align-items:center;justify-content:space-between;color:#7b837c;font-size:11px;border-bottom:1px solid #e2e7e1;padding-bottom:10px;}
.rc-result-summary select{border:0;background:#fff;color:#667267;font:12px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;max-width:130px;}
.rc-job{display:block;margin:0;padding:16px 0;border-bottom:1px solid #e2e7e1;min-height:0;}
.rc-job-top{display:flex;justify-content:space-between;align-items:center;gap:9px;}
.rc-job-top strong{font-weight:550;font-size:13px;}
.rc-job-top span{font-size:10px;background:#eff2ee;color:#667467;padding:2px 5px;}
.rc-job-top [data-state=running]{color:#517694;background:#edf3f7;}
.rc-job-top [data-state=failed],.rc-job-top [data-state=interrupted]{color:#916d4d;background:#f7f1e9;}
.rc-job-scope{font-size:10px;color:#939991;margin:6px 0;}
.rc-job-detail{font-size:12px;line-height:1.8;margin:7px 0;color:#666f67;overflow-wrap:anywhere;}
.rc-job-files{padding-top:5px;}
.rc-job-files>div{display:flex;align-items:center;gap:9px;border-top:1px solid #eef0ed;padding:6px 0;font-size:11px;}
.rc-job-files span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rc-job-files a{color:#5c7568;text-decoration:none;white-space:nowrap;}
#reader-creation .rc-job-files button{font-size:11px;padding:0;min-height:24px;color:#5c7568;}
#reader-creation .rc-retry{font-size:11px;padding:5px 0;color:#6f7e71;}
.rc-empty{padding:30px 5px;color:#7b837b;font-size:12px;line-height:1.9;}
.rc-empty b{color:#4c594e;font-weight:500;}
#reader-output-preview{position:fixed;inset:0;width:min(1200px,94vw);height:88dvh;max-width:94vw;max-height:88dvh;padding:0;border:1px solid #e0e5df;border-radius:3px;background:#fff;overflow:hidden;color:#303431;font:13px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;}
#reader-output-preview::backdrop{background:#20282060;}
.rc-preview-head{height:47px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 16px;border-bottom:1px solid #e2e6e0;}
.rc-preview-head strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#reader-output-preview iframe{border:0;width:100%;height:calc(100% - 47px);background:#fafbf8;}
#reader-output-preview video{display:block;width:100%;height:calc(100% - 47px);background:#181d19;}
#reader-output-preview pre{padding:18px;overflow:auto;height:calc(100% - 47px);margin:0;font-size:12px;white-space:pre-wrap;}
@media(max-width:500px){#reader-creation{top:50px;height:calc(100dvh - 85px);}.rc-head{padding:15px 15px 12px;}.rc-body{padding:15px;}.rc-head small{max-width:280px;}.rc-tabs{padding-left:15px;}.rc-types{gap:5px;}}

#reader-creation .rc-types{flex-wrap:wrap;}#reader-creation .rc-types button{flex:1 0 calc(50% - 7px);}
#reader-creation .rc-save-diagram{border-color:#bacbbf;color:#3f6350;font-size:12px;margin-top:9px;}
#calm-reader #cr-selection{max-width:calc(100vw - 24px);flex-wrap:wrap;}
/* Outline workspace: keep the article available beside the editable plan. */
#reader-creation{width:460px;inset:56px 0 35px auto;height:calc(100dvh - 91px);z-index:20;display:none;}
#reader-creation[open]{display:flex;flex-direction:column;}
#reader-creation .rc-head{padding:13px 16px 10px;flex-shrink:0;}
#reader-creation .rc-tabs{padding:0 16px;flex-shrink:0;}
#reader-creation .rc-body{padding:12px 16px 20px;flex:1;min-height:0;height:auto;}
#reader-creation .rc-types{flex-wrap:nowrap;gap:4px;}
#reader-creation .rc-types button{flex:1;font-size:11px;white-space:nowrap;padding:5px 2px;}
#reader-creation .rc-caption{margin:7px 0 10px;}
#rc-form>label{margin:11px 0 5px;}
.rc-source-summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a837c;margin:4px 0;}
#reader-creation .rc-source-summary button{font-size:11px;color:#486250;}
.rc-paragraph-picker{border-bottom:1px solid #e3e7e2;padding:7px 0 10px;margin-bottom:12px;font-size:11px;}
.rc-paragraph-picker summary,.rc-slide-sources summary{cursor:pointer;color:#607367;}
.rc-paragraph-picker[open]{max-height:240px;overflow:auto;}
.rc-paragraph-picker p{color:#8a918b;margin:6px 0;}
.rc-paragraph-picker label{display:flex;gap:6px;align-items:start;padding:5px 0;line-height:1.6;}
.rc-paragraph-picker label span{flex:1;}
.rc-paragraph-picker b{font-weight:400;color:#8b938c;}
#reader-creation .rc-paragraph-picker button{font-size:12px;padding:0 4px;min-height:22px;}
.rc-outline-head{display:flex;align-items:center;justify-content:space-between;}
.rc-outline-head strong{font-size:13px;font-weight:600;}
.rc-outline-head small{font-weight:400;color:#7d877e;margin-left:5px;}
#reader-creation .rc-outline-head button{font-size:11px;color:#6c796e;}
.rc-outline-hint{font-size:11px;color:#828b83;margin:2px 0 7px;}
.rc-slide{border-top:1px solid #e1e6df;padding:9px 0 8px;}
.rc-slide-top{display:flex;gap:5px;align-items:center;margin-bottom:5px;}
.rc-slide-top b{font-size:11px;font-weight:500;color:#859087;width:21px;flex-shrink:0;}
#reader-creation .rc-slide-top input{min-width:0;flex:1;border:0;border-bottom:1px solid #edf0eb;background:transparent;font:500 13px/1.6 inherit;color:#35463b;padding:3px 0;}
#reader-creation .rc-slide-top button{padding:1px 4px;min-height:24px;font-size:12px;}
#rc-form .rc-slide textarea{font-size:12px;line-height:1.7;border-color:#e6eae3;padding:5px 7px;min-height:65px;background:#fcfdfb;}
.rc-slide-sources{font-size:10px;margin-top:2px;}
.rc-slide-sources label{display:flex;gap:5px;padding:4px 0;color:#788078;}
.rc-slide-sources input,.rc-paragraph-picker input{accent-color:#596b60;}
#reader-creation [data-rc=add-slide]{font-size:12px;color:#4d6957;padding-left:0;}
#calm-reader.cr-creation-open .cr-layout{grid-template-columns:216px minmax(0,1fr) 460px!important;}
#calm-reader.cr-creation-open #cr-scroll{grid-column:2;}
#calm-reader.cr-creation-open .cr-panel{visibility:hidden;pointer-events:none;}
#calm-reader.cr-creation-open .cr-margin-note{display:none;}
#calm-reader.cr-creation-open .cr-article{padding:28px 30px 100px;}
.cr-edit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0;}
.cr-edit-actions span{font-size:11px;color:#7c867e;flex:1;}
#calm-reader .cr-edit-actions button{border:1px solid #ccd5cd;border-radius:2px;padding:5px 9px;}
#calm-reader [data-body-save]{background:#53665a;color:#fff;}
.cr-body-editor textarea{box-sizing:border-box;width:100%;min-height:60vh;padding:16px;border:1px solid #dce2da;border-radius:2px;font:15px/1.9 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#303c34;background:#fff;resize:vertical;}
.cr-body-editor [role=status]{font-size:12px;color:#98664d;}
@media(min-width:801px) and (max-width:1250px){#calm-reader.cr-creation-open .cr-layout{grid-template-columns:minmax(0,1fr) 460px!important;}#calm-reader.cr-creation-open .cr-toc{display:none;}#calm-reader.cr-creation-open #cr-scroll{grid-column:1;}}
@media(max-width:800px){#reader-creation{inset:56px 0 35px auto;width:min(460px,100vw);max-width:100vw;}#calm-reader.cr-creation-open .cr-layout{grid-template-columns:minmax(0,1fr)!important;}#calm-reader.cr-creation-open #cr-scroll{grid-column:1;}}
@media(max-width:500px){#reader-creation{top:50px;height:calc(100dvh - 85px);}.cr-edit-actions span{flex-basis:100%;}}

/* Compact inline generation canvas, anchored below the source paragraph. */
#reader-creation:not(:modal){position:absolute;inset:60px 0 0 auto;margin:0;width:420px;max-width:calc(100% - 12px);height:calc(100% - 60px);max-height:none;z-index:25;border:0;border-left:1px solid #dfe4e0;border-radius:0;box-shadow:none}
#calm-reader.cr-creation-open .cr-layout{padding-right:420px}
.cr-inline-job{width:80%;margin:18px auto 24px!important;max-width:100%;user-select:none}
.cr-inline-canvas{position:relative;width:100%;display:grid;place-items:center;min-height:0;height:auto;aspect-ratio:var(--cr-image-ratio,16 / 9);max-height:560px;border:1px solid #d7dfdb;border-radius:3px;background:#fff;overflow:hidden;box-sizing:content-box}
.cr-inline-canvas.cr-inline-image{max-height:none}
.cr-inline-canvas img{border:0!important;margin:0}
.cr-image-placeholder{position:absolute;left:50%;top:50%;width:104px;height:44px;max-width:40%;transform:translate(-50%,-50%);background:url("/assets/brand/chuya-sprout-lockup-336.opt-v1.webp") center / contain no-repeat;pointer-events:none}
.cr-inline-status{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:8px;font:13px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#53685c;text-align:center}
.cr-inline-status progress{width:100%;height:6px;accent-color:#668a72;display:block}.cr-inline-status progress[hidden]{display:none}
.cr-inline-status button{justify-self:center;background:#fff;border:1px solid #bccac0;border-radius:3px;padding:5px 12px;color:#46634f;font:inherit;cursor:pointer}
.cr-inline-loaded{background:#fff}.cr-inline-loaded a{position:absolute;inset:0;display:block;width:100%;height:100%}.cr-inline-loaded img{display:block;width:100%;height:100%;max-height:none!important;object-fit:contain}
.cr-inline-job figcaption{font-size:12px!important;color:#65746b!important;margin-top:6px}.cr-inline-job figcaption a{display:inline!important;color:inherit;text-decoration:underline}
.cr-native-renderer{position:fixed;width:1200px;height:900px;left:-20000px;top:0;border:0;pointer-events:none}
@media(max-width:1000px){#calm-reader.cr-creation-open .cr-layout{padding-right:0}#reader-creation:not(:modal){width:360px;background:var(--cr-paper,#fff)}}
@media(max-width:500px){#reader-creation:not(:modal){width:100%;max-width:100%;top:50px;height:calc(100% - 50px)}.cr-inline-canvas{min-height:0}}

/* Keep creation actions legible through the generic reader hover rules. */
#reader-creation button.rc-primary:not(:disabled){background:#347cf1;color:#fff;border-color:#347cf1;opacity:1}
#reader-creation button.rc-primary:not(:disabled):hover{background:#2366d8;color:#fff;border-color:#2366d8}
#reader-creation button.rc-primary:not(:disabled):active{background:#1e56bc;color:#fff;border-color:#1e56bc}
#reader-creation button.rc-primary:focus-visible{outline:2px solid #1e56bc;outline-offset:3px}
#reader-creation button.rc-primary:disabled,#reader-creation button.rc-primary:disabled:hover{background:#e5ebf3;color:#5c6c82;border-color:#d0dae7;opacity:1;cursor:not-allowed}

/* List generation uses a centered native modal, independent of the reading drawer. */
#reader-creation.rc-standalone{inset:0;width:min(720px,calc(100vw - 32px));max-width:720px;height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);margin:auto;border:1px solid #dce3ed;border-radius:4px;box-shadow:0 16px 55px #12263c26;z-index:1000}
#reader-creation.rc-standalone::backdrop{background:#172a3c65}
#reader-creation.rc-standalone [hidden]{display:none!important}
#reader-creation.rc-standalone .rc-head{padding:16px 20px 12px}
#reader-creation.rc-standalone .rc-body{height:auto;max-height:calc(100% - 139px);padding:16px 20px;overflow:auto}
#reader-creation.rc-standalone .rc-head small{max-width:580px}
@media(max-width:550px){#reader-creation.rc-standalone{width:calc(100vw - 20px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px)}#reader-creation.rc-standalone .rc-body{padding:12px 14px}}

/* Selected-text works stay beside their source; explanation bubbles start collapsed. */
#calm-reader .rsw-bubble-block{margin:8px 0 14px}#calm-reader .rsw-bubble-block>.ri-block-tools{display:none}
#calm-reader .rsw-bubble>summary{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;color:var(--cr-accent);background:var(--cr-chrome);border:1px solid var(--cr-line);border-radius:4px;font-size:13px;cursor:pointer;list-style:none}
#calm-reader .rsw-bubble>summary::-webkit-details-marker{display:none}
#calm-reader .rsw-explanation{white-space:pre-wrap;font-size:14px;line-height:1.8;padding:10px 0;max-width:100%;overflow-wrap:anywhere}
#calm-reader .rsw-bubble button,#calm-reader .cr-inline-work button,#calm-reader .cr-inline-work a,#calm-reader .cr-inline-job figcaption button{font:inherit;font-size:13px;min-height:28px;padding:4px 8px;border:0;background:transparent;color:var(--cr-accent);cursor:pointer;text-decoration:none}
#calm-reader .cr-inline-work{margin:14px 0;padding:12px;border:1px solid var(--cr-line);border-radius:4px;background:var(--cr-bg)}#calm-reader .cr-inline-work>span{margin-left:8px;font-size:12px;color:var(--cr-muted)}#calm-reader .cr-inline-work p{margin:6px 0;font-size:13px}
.rc-work-edit{width:min(520px,calc(100vw - 24px));padding:18px;border:1px solid var(--cr-line);border-radius:4px;background:var(--cr-bg);color:var(--cr-text)}.rc-work-edit h2{font-size:18px;margin:0 0 8px}.rc-work-edit p{font-size:13px}.rc-work-edit label{display:grid;gap:6px;font-size:14px}.rc-work-edit textarea{width:100%;box-sizing:border-box;padding:8px;font:inherit;border:1px solid var(--cr-line);background:var(--cr-bg);color:var(--cr-text)}.rc-work-edit button{margin:8px 8px 0 0;padding:6px 12px;font:inherit;font-size:13px;border:1px solid var(--cr-line);border-radius:4px;background:var(--cr-bg);color:var(--cr-text)}

/* sprout-reader-image-actions:start */
/* Keep task controls outside the replaceable canvas, over its top-right corner. */
#calm-reader .cr-inline-job{position:relative}
#calm-reader .cr-inline-job>.cr-inline-job-actions{position:absolute;top:8px;right:8px;z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 8px * 2);margin:0;color:#303431;opacity:0;pointer-events:none}
#calm-reader .cr-inline-job:has(>.cr-inline-canvas:hover)>.cr-inline-job-actions,
#calm-reader .cr-inline-job>.cr-inline-job-actions:hover,
#calm-reader .cr-inline-job:focus-within>.cr-inline-job-actions{opacity:1;pointer-events:auto}
#calm-reader .cr-inline-job-actions button{display:inline-grid;place-items:center;box-sizing:border-box;width:32px;height:32px;min-height:32px;padding:0;color:inherit;background:rgba(255,255,255,0.64);border:1px solid rgba(48,52,49,0.18);border-radius:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}
#calm-reader .cr-inline-job-actions svg{display:block;width:18px;height:18px;opacity:0.68;pointer-events:none}
#calm-reader .cr-inline-job-actions button:is(:hover,:focus-visible){color:#303431;background:rgba(255,255,255,0.86);border-color:rgba(48,52,49,0.18)}
#calm-reader .cr-inline-job-actions button:is(:hover,:focus-visible) svg{opacity:1}
#calm-reader .cr-inline-job-actions button:focus-visible{outline:2px solid var(--cr-accent,#59606a);outline-offset:2px}
#calm-reader .cr-inline-job-actions button:disabled{opacity:.55;cursor:default}
@media(hover:none){#calm-reader .cr-inline-job>.cr-inline-job-actions{opacity:1;pointer-events:auto}}
@media(forced-colors:active){#calm-reader .cr-inline-job-actions button{background:ButtonFace;color:ButtonText;border-color:ButtonText}#calm-reader .cr-inline-job-actions svg{opacity:1}}
/* Loaded pictures also have an editing toolbar; keep its hover row below. */
#calm-reader .cr-inline-job:has(>.cr-inline-job-actions)>.rie-figure-actions{top:calc(8px + 32px + 6px)}
/* sprout-reader-image-actions:end */