[hidden]{display:none!important}.card-preview{display:block;color:inherit;text-decoration:none;cursor:zoom-in}.card-preview:focus-visible{outline-offset:-4px}.choose-template{display:block;width:calc(100% - 36px);margin:0 18px 18px;background:#edf3eb;color:#315f48;font-size:13px;min-height:38px;padding:8px}.choose-template:hover{background:#dce9da}.editor-heading{display:flex;align-items:center;gap:18px;margin:16px 0 25px}.editor-heading #save-state{margin-left:auto}.selected-template{display:flex;align-items:center;gap:18px;padding:18px 22px;background:white;border:1px solid #dfe7dc;border-radius:14px}.selected-template img{width:50px;height:66px;object-fit:cover;object-position:top;border-radius:5px}.selected-template h2{font-size:15px;line-height:1.7;margin:3px 0}.selected-template a{margin-left:auto;white-space:nowrap;font-size:12px;color:#668070}.workspace{margin-top:26px}.material-panel{max-width:760px;margin:auto}.material-panel>label{margin-bottom:20px}textarea{font:inherit;display:block;width:100%;margin-top:9px;border:1px solid #dbe3d9;border-radius:9px;padding:12px;resize:vertical;line-height:1.7;background:#fff;color:#314238}textarea:focus-visible{outline:3px solid #a3c7b1;outline-offset:2px}.block-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px}h3{font-size:15px}.content-block{border:1px solid #dce5d8;border-radius:12px;background:#fff;padding:17px;margin-bottom:14px}.content-block.dragging{opacity:.4}.content-block.drop-over{border-color:#315f48;box-shadow:0 0 0 2px #bfd2bf}.block-controls{display:flex;align-items:center;gap:7px}.block-controls .block-handle{cursor:grab;flex:1;text-align:left;background:transparent;color:#758474;min-height:30px;padding:3px 0;font-size:12px}.block-controls select{width:92px;min-height:32px;font-size:12px;margin:0;padding:5px}.block-controls .quiet{padding:3px 6px;min-height:30px;font-size:14px}.block-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.block-image{position:relative;min-width:0;border:1px solid #e2e8dd;border-radius:8px;padding:7px}.block-image img{width:100%;height:110px;object-fit:contain;background:#f5f7f2;border-radius:4px}.block-image input{font-size:12px;min-height:32px;padding:6px;margin-top:6px}.block-image button{position:absolute;right:8px;top:8px;padding:2px 7px;min-height:25px;background:#fff;color:#607368;box-shadow:0 1px 4px #0002}.upload-label{display:block;margin-top:12px;padding:14px;border:1px dashed #bccfb8;border-radius:8px;text-align:center;cursor:pointer;font-size:12px;color:#6c806d;font-weight:400}.upload-label input{width:1px;height:1px;opacity:0;position:absolute;min-height:0;padding:0}.upload-label:focus-within{outline:3px solid #a3c7b1}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.preview-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:42px;align-items:start;min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between}#fine-submit{margin-top:12px;font-size:13px;width:100%}#revision-panel>label{margin-top:20px}#draft-list button{display:block;text-align:left;width:100%;margin:10px 0;background:#eef4eb;color:#315f48}.preview-panel #version-select{font-size:12px}#editor-error:empty{display:none}@media(max-width:800px){.workspace{grid-template-columns:1fr}.preview-panel{position:static}.selected-template{flex-wrap:wrap}.selected-template>div{flex:1 1 calc(100% - 68px);min-width:0}.selected-template a{margin-left:68px}.block-images{grid-template-columns:repeat(2,minmax(0,1fr))}}

#native-preview{display:block;width:100%;max-width:390px;height:65vh;min-height:400px;margin:auto;border:1px solid #e0e7dc;border-radius:12px;background:white}#production-state:empty{display:none}


.intro{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:40px}.creation-flow{display:flex;align-items:flex-start;justify-content:flex-end;gap:15px;margin:0;padding:0;list-style:none;color:#315f48}.creation-flow strong{display:block;font-size:24px;line-height:1.5;font-weight:650;white-space:nowrap}.creation-flow small{display:block;margin-top:8px;font-size:15px;line-height:1.6;color:#718076}.creation-flow .flow-arrow{font-size:29px;line-height:36px;color:#92a994}@media(max-width:1050px){.intro{grid-template-columns:1fr;gap:12px}.creation-flow{justify-content:flex-start;margin-bottom:16px}}@media(max-width:600px){.creation-flow{flex-direction:column;gap:8px}.creation-flow strong{font-size:24px}.creation-flow .flow-arrow{transform:rotate(90deg);line-height:30px;margin-left:22px}}
.block-heading-field{display:block;margin:14px 0 12px;font-size:12px;color:#6c806d}.block-heading-field input{margin-top:7px;font-weight:500}
#add-block{background:#315f48;color:#fff;font-size:16px;font-weight:600;min-height:52px;min-width:180px;padding:14px 22px;box-shadow:0 3px 10px #315f4824}#add-block:hover{background:#254d39}

#generate-draft{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;padding:13px 24px;font-weight:600}#generate-draft .generation-cost{font-size:12px;line-height:1.4;font-weight:400;color:#fff;opacity:.88}
#rough-dialog{width:min(94vw,440px)}#rough-recipient{font-size:20px;letter-spacing:1px;min-height:54px}.rough-confirm-cost{display:flex;align-items:center;justify-content:space-between;padding:18px 0;margin:12px 0;border-top:1px solid #e3e9df;font-size:14px}.rough-confirm-cost strong{font-size:24px;color:#315f48}#rough-confirm-submit,#cancel-rough-dialog{width:100%;margin-top:9px}#rough-dialog-error:empty{display:none}#delivery-form{margin-top:24px;padding:20px;border:1px solid #dfe7dc;border-radius:12px;background:white}

#recharge-dialog{width:min(94vw,560px)}#recharge-form{padding:0;border:0}#recharge-choices{padding:0;margin:20px 0;border:0}#recharge-choices legend{font-size:13px;font-weight:600;margin-bottom:14px}.recharge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recharge-choice{position:relative;display:flex;flex-direction:column;gap:9px;padding:19px 8px;text-align:center;border:1px solid #dbe3d9;border-radius:12px;cursor:pointer}.recharge-choice strong{font-size:20px}.recharge-choice span{font-size:12px;font-weight:400;color:#718076}.recharge-choice input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;margin:0;padding:0}.recharge-choice:has(:checked){border-color:#315f48;background:#edf4eb;box-shadow:0 0 0 1px #315f48}.recharge-choice:focus-within{outline:3px solid #a3c7b1;outline-offset:3px}.recharge-custom{display:flex;align-items:center;gap:9px;margin-top:20px}.recharge-custom input{width:18px;min-height:18px;height:18px;margin:0;accent-color:#315f48}.recharge-total{display:flex;align-items:center;justify-content:space-between;margin:20px 0;color:#718076;font-size:13px}.recharge-total strong{font-size:28px;color:#315f48}#recharge-submit,#recharge-pay{display:block;width:100%;text-align:center;min-height:50px}#recharge-pay{background:#315f48;color:#fff;border-radius:9px;text-decoration:none;padding:14px;font-weight:600}#recharge-order-id{overflow-wrap:anywhere}#recharge-order .balance{font-size:26px}#recharge-error:empty,#recharge-validation:empty{display:none}#recharge-history{border-top:1px solid #dbe3d9;margin-top:22px;padding-top:18px;font-size:13px}#recharge-history summary{cursor:pointer;color:#667b6c}#recharge-orders button{display:block;text-align:left;width:100%;font-size:12px;margin-top:7px}@media(max-width:540px){header{flex-wrap:wrap;gap:12px}.account-bar{flex-wrap:wrap;gap:6px}.recharge-grid{gap:8px}.recharge-choice strong{font-size:17px}}
.auto-images{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:14px;cursor:pointer}.auto-images input{width:20px;height:20px;min-height:20px;margin:0;accent-color:#315f48}.auto-images+p{margin:6px 0 0 30px}.global-auto-images{margin:18px 0 22px}

.delivery-approval{display:flex;gap:10px;align-items:center;margin:16px 0;line-height:1.6}.delivery-approval input{width:20px;height:20px;min-height:20px;margin:0;accent-color:#315f48}

.annotation-guide{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:16px;background:#fff8de;border:1px solid #ad923b;border-radius:10px;color:#334a36}.annotation-guide-icon{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:#315f48;color:#fff;font-size:21px}.annotation-guide strong{display:block;font-size:15px;line-height:1.6}.annotation-guide p{margin:5px 0 0;font-size:12px;line-height:1.7;color:#555c42}.refinement-help{font-size:13px;line-height:1.8;margin:10px 0 18px;color:#526657}.annotation-card{background:white;border:1px solid #cbdccc;border-radius:10px;padding:14px;margin:12px 0}.annotation-card strong{font-size:13px;color:#315f48}.annotation-card blockquote{margin:10px 0;color:#718076;font-size:12px;line-height:1.6;border-left:3px solid #cbdccc;padding-left:10px}.annotation-card img{display:block;max-width:100%;height:90px;object-fit:contain;margin:10px 0}.annotation-card textarea{font-size:13px}

/* The result is a separate workbench view; only verified HTML enters the preview. */
.result-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:12px 0 28px}.result-heading h1{margin:10px 0;font-size:30px}.result-heading p{margin:0;font-size:14px}.result-heading button{white-space:nowrap;border:1px solid #cad9ca;background:white}.article-preview{position:sticky;top:20px;padding:20px 24px 24px;background:#eaf0e7;border:1px solid #dce5d8;border-radius:20px;min-width:0}.article-preview .preview-heading{margin-bottom:14px;gap:10px}.article-preview h3{margin:0}.article-preview #native-preview{height:72vh;min-height:480px;box-shadow:0 8px 28px #315f4810}.result-controls{min-width:0;padding-top:4px}.result-controls #delivery-form{margin-top:26px}.generation-progress{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;border:1px solid #dce5d8;border-radius:20px;background:#fff;padding:64px 24px;margin-bottom:28px}.generation-progress h2{font-size:20px}.generation-progress p{margin:12px 0 0}.generation-progress.compact{flex-direction:row;text-align:left;padding:22px 28px;gap:24px}.generation-progress.compact h2{font-size:16px}.generation-progress.compact .paper-loader{width:44px;height:58px;padding:12px 8px;gap:6px;flex-shrink:0}.generation-progress:not(.is-loading) .paper-loader{display:none}.paper-loader{width:78px;height:100px;border:1px solid #c4d7c7;border-radius:9px;background:#f2f7ef;box-shadow:5px 6px 0 #e7efe4;display:flex;flex-direction:column;gap:10px;padding:22px 14px}.paper-loader span{height:4px;border-radius:4px;background:#9cbba2;transform-origin:left;animation:write-line 1.8s ease-in-out infinite}.paper-loader span:first-child{width:64%;background:#315f48}.paper-loader span:nth-child(2){animation-delay:.15s}.paper-loader span:nth-child(3){animation-delay:.3s}.paper-loader span:last-child{width:76%;animation-delay:.45s}.preview-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:260px;font-size:14px;color:#667b6c}.loading-spinner{width:22px;height:22px;flex-shrink:0;border:2px solid #c9d9c8;border-top-color:#315f48;border-radius:50%;animation:loading-spin .9s linear infinite}#retry-preview{display:block;margin:60px auto}#result-title:focus{outline:none}#editor-error{padding:16px 20px;background:#fff1ed;border-radius:9px}
@keyframes write-line{0%,100%{transform:scaleX(.35);opacity:.45}50%{transform:scaleX(1);opacity:1}}@keyframes loading-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.preview-panel{grid-template-columns:1fr;gap:24px}.article-preview{position:static;max-width:470px;width:100%;margin:auto}.result-heading{align-items:flex-start;flex-direction:column;gap:16px}.result-heading h1{font-size:26px}.article-preview #native-preview{min-height:380px;height:65vh}.editor-heading{flex-wrap:wrap;gap:10px}.generation-progress.compact{padding:20px;gap:18px}.article-preview{padding:16px}}
@media(prefers-reduced-motion:reduce){.paper-loader span,.loading-spinner{animation:none}.paper-loader span{transform:none;opacity:1}}