:root{--bg:#f5f6f8;--surface:#fff;--soft:#f0f2f4;--ink:#1e2228;--muted:#747d89;--line:#e3e6ea;--line2:#d7dbe0;--brand:#c7473b;--brand2:#a9332b;--brand-soft:#fbe9e6;--nav:#202329;--success:#25825c;--success-soft:#e8f5ef;--amber:#a96618;--amber-soft:#fff3dd;--blue:#3173a9;--blue-soft:#e9f2f9;--violet:#7454a5;--violet-soft:#f0ebf8;--shadow:0 18px 48px rgba(24,29,36,.14);--ui:"Microsoft YaHei UI","PingFang SC",sans-serif;--serif:"Source Han Serif SC","Songti SC",SimSun,serif}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100%}body{overflow:hidden;color:var(--ink);background:var(--bg);font:13px var(--ui)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid rgba(199,71,59,.38);outline-offset:2px}svg{width:17px;height:17px;stroke-width:1.8}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);height:100vh}.sidebar{position:relative;z-index:40;display:flex;min-height:0;flex-direction:column;color:#d2d6dc;background:var(--nav);border-right:1px solid #2f333a}.brand{display:flex;height:66px;align-items:center;gap:10px;padding:0 16px}.brand>span{display:grid;width:34px;height:34px;place-items:center;border-radius:6px;color:#fff;background:var(--brand);font:700 18px var(--serif)}.brand div{display:flex;flex-direction:column;gap:1px}.brand strong{color:#fff;font-size:15px}.brand small{color:#858d98;font-size:9px}.workspace-switch{display:grid;grid-template-columns:32px minmax(0,1fr) 15px;align-items:center;gap:9px;margin:0 10px 10px;padding:9px;border:1px solid #3a3e45;border-radius:6px;text-align:left;background:#292d33}.workspace-switch:hover{background:#31353c}.workspace-switch>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.workspace-switch b{overflow:hidden;color:#f3f4f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workspace-switch small{color:#9299a4;font-size:9px}.workspace-switch>svg{width:13px;color:#8f96a0}.book-cover{display:grid;width:28px;height:34px;place-items:center;border-radius:3px 5px 5px 3px;color:#f4e5df;background:#2d444b;font:700 14px var(--serif);box-shadow:2px 2px 6px rgba(0,0,0,.25)}.main-nav{min-height:0;flex:1;padding:0 8px 12px;overflow-y:auto}.main-nav p{margin:15px 9px 5px;color:#6f7783;font-size:9px}.nav-item{position:relative;display:grid;width:100%;height:36px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:5px;color:#aeb4bd;text-align:left;background:transparent;font-size:11px}.nav-item:hover{color:#fff;background:#2c3036}.nav-item.active{color:#fff;background:#353940;font-weight:650}.nav-item.active:before{position:absolute;left:-8px;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--brand);content:""}.nav-item svg{width:15px}.nav-item em{color:#747d88;font-size:9px;font-style:normal}.new-dot{padding:2px 4px;border-radius:3px;color:#ffc8c2;background:#68302d;font-size:8px}.plan-usage{margin:0 10px 10px;padding:10px;border:1px solid #383d44;border-radius:6px;background:#292d33}.plan-usage>div:first-child{display:flex;justify-content:space-between;font-size:9px}.plan-usage b{color:#f1d1cd}.usage-track{height:4px;margin:8px 0 6px;overflow:hidden;border-radius:4px;background:#40454d}.usage-track i{display:block;width:64%;height:100%;background:var(--brand)}.plan-usage small{color:#858d98;font-size:8px}.plan-usage button{float:right;margin-top:6px;padding:0;border:0;color:#e2aaa4;background:transparent;font-size:8px}.sidebar-user{display:grid;min-height:56px;grid-template-columns:30px minmax(0,1fr) 25px;align-items:center;gap:8px;padding:0 13px;border-top:1px solid #343840}.sidebar-user>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#f6ddd8;background:#503632;font-weight:700}.sidebar-user div{display:flex;min-width:0;flex-direction:column;gap:2px}.sidebar-user b{overflow:hidden;color:#e6e8eb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:#818996;font-size:8px}.sidebar-user button{padding:0;border:0;color:#858d98;background:transparent}.main-area{display:flex;min-width:0;min-height:0;flex-direction:column}.topbar{position:relative;z-index:20;display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.top-left,.top-actions{display:flex;min-width:0;align-items:center;gap:9px}.top-left>div{display:flex;flex-direction:column;gap:2px}.top-left h1{margin:0;font-size:14px}.top-left p{margin:0;color:var(--muted);font-size:9px}.top-actions{flex:0 0 auto}.icon-button{position:relative;display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:5px;color:var(--muted);background:transparent}.icon-button:hover{color:var(--ink);background:var(--soft)}.search-button{display:flex;width:245px;height:32px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted);text-align:left;background:var(--bg);font-size:9px}.search-button span{flex:1}.search-button svg{width:14px}.search-button kbd{font:8px var(--ui)}.model-status{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.model-status i{width:6px;height:6px;border-radius:50%;background:var(--success)}.notice-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--brand)}.mobile-menu{display:none}.pages{min-height:0;flex:1;overflow-y:auto}.page{display:none;min-height:100%;padding:26px 28px 54px}.page.active{display:block}.page.writer-page{height:100%;padding:0;overflow:hidden}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading.compact{align-items:center}.page-heading h2{margin:3px 0 5px;font-size:25px;letter-spacing:0}.page-heading p{margin:0;color:var(--muted);font-size:11px}.eyebrow{color:var(--brand);font-size:9px;font-weight:700}.eyebrow.hot{color:var(--amber)}.heading-actions{display:flex;align-items:center;gap:8px}.button{display:inline-flex;height:34px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:650}.button svg{width:14px}.button.primary{color:#fff;border-color:var(--brand);background:var(--brand)}.button.primary:hover{background:var(--brand2)}.button.secondary{border-color:var(--line2);background:var(--surface)}.button.secondary:hover{background:var(--soft)}.button.wide{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-grid article,.learning-metrics article{padding:15px 16px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.metric-grid article>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.metric-grid article>div svg{width:15px}.metric-grid strong{display:block;margin:10px 0 7px;font-size:23px}.metric-grid strong em{color:var(--muted);font-size:11px;font-style:normal;font-weight:400}.metric-grid small{color:var(--muted);font-size:8px}.metric-grid small b{color:var(--success)}.panel{border:1px solid var(--line);border-radius:6px;background:var(--surface)}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h3{margin:0 0 3px;font-size:12px}.section-head p{margin:0;color:var(--muted);font-size:9px}.project-progress,.task-queue{padding:16px}.text-button{display:inline-flex;align-items:center;gap:4px;padding:3px;border:0;color:var(--brand);background:transparent;font-size:9px}.text-button svg{width:12px}.pipeline{display:flex;align-items:flex-start;margin:20px 4px}.pipeline>i{height:1px;flex:1;margin-top:14px;background:var(--line2)}.pipeline button{display:flex;min-width:92px;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;text-align:center;background:transparent}.pipeline button>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--muted);background:var(--surface);font-size:9px}.pipeline button>span svg{width:13px}.pipeline .done>span{color:#fff;border-color:var(--success);background:var(--success)}.pipeline .current>span{color:#fff;border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.pipeline button div{display:flex;flex-direction:column;gap:2px}.pipeline b{font-size:9px}.pipeline small{color:var(--muted);font-size:7px}.current-chapter{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-radius:5px;background:var(--bg)}.chapter-art{display:flex;width:42px;height:52px;flex-direction:column;align-items:center;justify-content:center;border-radius:3px 6px 6px 3px;color:#f2e9e5;background:#293c43}.chapter-art b{font:700 18px var(--serif)}.chapter-art small{font-size:6px}.current-chapter>div:nth-child(2){min-width:0}.current-chapter span{color:var(--brand);font-size:8px}.current-chapter h4{overflow:hidden;margin:3px 0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.current-chapter p{margin:0;color:var(--muted);font-size:8px}.task{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid var(--line)}.task:last-child{border:0}.task>span{display:grid;width:25px;height:25px;place-items:center;border-radius:5px;color:var(--success);background:var(--success-soft)}.task>span svg{width:13px}.task.running>span{color:var(--brand);background:var(--brand-soft)}.task.running>span svg,.status-tag.running svg{animation:spin 1.2s linear infinite}.task>div{display:flex;min-width:0;flex-direction:column;gap:3px}.task b{font-size:9px}.task small,.task em{color:var(--muted);font-size:7px;font-style:normal}.task>div>div{height:3px;margin-top:2px;border-radius:3px;background:var(--soft)}.task>div>div i{display:block;height:100%;background:var(--brand)}.module-section{margin-top:24px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}.module-grid>button{display:grid;min-height:76px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:6px;text-align:left;background:var(--surface)}.module-grid>button:hover{border-color:#d9aaa4;box-shadow:0 5px 15px rgba(34,38,44,.06)}.module-grid>button>div{display:flex;min-width:0;flex-direction:column;gap:4px}.module-grid b{font-size:10px}.module-grid small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.module-grid>button>svg{width:14px;color:var(--muted)}.module-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:6px}.module-icon svg{width:16px}.module-icon.red{color:var(--brand);background:var(--brand-soft)}.module-icon.amber{color:var(--amber);background:var(--amber-soft)}.module-icon.blue{color:var(--blue);background:var(--blue-soft)}.module-icon.green{color:var(--success);background:var(--success-soft)}.module-icon.violet{color:var(--violet);background:var(--violet-soft)}.module-icon.slate{color:#536373;background:#edf0f3}
/* writer */.writer-shell{display:grid;height:100%;grid-template-columns:220px minmax(440px,1fr) 310px}.chapter-panel,.writer-ai{display:flex;min-height:0;flex-direction:column;background:var(--surface)}.chapter-panel{border-right:1px solid var(--line)}.writer-ai{border-left:1px solid var(--line);padding-bottom:12px;overflow-y:auto}.mini-head{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line)}.mini-head>span{display:flex;align-items:center;gap:7px}.mini-head>span svg{color:var(--brand)}.chapter-search{position:relative;margin:10px}.chapter-search svg{position:absolute;top:8px;left:9px;width:13px;color:var(--muted)}.chapter-search input{width:100%;height:30px;padding:0 8px 0 28px;border:1px solid transparent;border-radius:4px;background:var(--soft);font-size:9px}.volume-row{display:grid;height:35px;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:3px;padding:0 10px;border:0;background:transparent;text-align:left;font-size:9px}.volume-row svg{width:12px}.volume-row.open svg{transform:rotate(90deg)}.volume-row span{color:var(--muted);font-size:8px}.chapter-list{padding:0 7px 8px 20px}.chapter-list button{display:grid;width:100%;height:34px;grid-template-columns:25px minmax(0,1fr) 15px;align-items:center;gap:3px;padding:0 8px;border:0;border-radius:4px;color:var(--muted);text-align:left;background:transparent;font-size:9px}.chapter-list button b{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.chapter-list button svg{width:12px}.chapter-list .done svg{color:var(--success)}.chapter-list .active{color:var(--brand);background:var(--brand-soft)}.chapter-list .active b,.chapter-list .active svg{color:var(--brand)}.outline-action{margin:auto 10px 0;color:var(--brand);border-color:#e8b9b4;background:var(--brand-soft)}.editor-panel{min-width:0;overflow-y:auto}.editor-toolbar{position:sticky;z-index:4;top:0;display:grid;height:48px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.editor-toolbar>div:nth-child(2){display:flex}.editor-toolbar>span{display:flex;align-items:center;gap:5px;justify-self:end;color:var(--muted);font-size:8px}.editor-toolbar>span svg{width:12px;color:var(--success)}.segmented{display:inline-flex;width:max-content;padding:3px;border-radius:5px;background:var(--soft)}.segmented button{height:26px;padding:0 11px;border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:9px}.segmented button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px rgba(20,25,30,.12);font-weight:650}.writing-page{width:min(680px,calc(100% - 48px));margin:auto;padding:42px 5px 90px}.chapter-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.chapter-meta span:first-child{color:var(--brand);font-weight:700}.writing-page h2{margin:15px 0 20px;font:700 29px var(--serif)}.writing-page h2:focus,.prose:focus{outline:none}.section-goal{display:grid;grid-template-columns:16px 1fr;gap:7px;margin-bottom:26px;padding:10px;border-left:3px solid var(--brand);border-radius:0 4px 4px 0;color:#5e6670;background:var(--brand-soft);font-size:10px;line-height:1.7}.section-goal svg{width:13px;margin-top:2px;color:var(--brand)}.section-goal p{margin:0}.section-goal b{margin-right:6px;color:var(--brand2)}.prose{min-height:500px;font:16px/2.05 var(--serif)}.prose p{margin:0 0 14px;text-indent:2em}.prose p:first-child,.prose p:nth-child(3),.prose p:nth-child(6){text-indent:0}.writer-ai>label,.form-panel>label,.scale-panel>label,.new-story-form>label,.fusion-panel>label,.policy-panel>label,.tool-runner>label{display:flex;flex-direction:column;gap:5px;margin:11px 12px 0;color:var(--muted);font-size:8px}.writer-ai input,.writer-ai select,.writer-ai textarea,.form-panel input,.form-panel select,.form-panel textarea,.scale-panel input,.scale-panel select,.new-story-form input,.new-story-form textarea,.fusion-panel input,.fusion-panel select,.policy-panel textarea,.tool-runner textarea,.top-actions select,.heading-actions select{width:100%;border:1px solid var(--line2);border-radius:4px;color:var(--ink);background:var(--surface);font-size:9px}.writer-ai input,.writer-ai select,.form-panel input,.form-panel select,.scale-panel input,.scale-panel select,.new-story-form input,.fusion-panel input,.fusion-panel select,.top-actions select,.heading-actions select{height:31px;padding:0 8px}.writer-ai textarea,.form-panel textarea,.new-story-form textarea,.policy-panel textarea,.tool-runner textarea{resize:vertical;padding:8px;line-height:1.6}.mode-toggles{display:flex;flex-wrap:wrap;gap:5px;margin:10px 12px 0}.mode-toggles button{padding:4px 6px;border:1px solid var(--line);border-radius:3px;color:var(--muted);background:var(--surface);font-size:8px}.mode-toggles button.active{color:var(--brand);border-color:#e5b5b0;background:var(--brand-soft)}.generate-button{margin:12px}.quality-tools{margin:4px 12px;padding-top:11px;border-top:1px solid var(--line)}.quality-tools>b{font-size:9px}.quality-tools>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.quality-tools button{display:flex;align-items:center;gap:5px;padding:7px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font-size:8px}.quality-tools button:hover{background:var(--soft)}.quality-tools svg{width:12px;color:var(--brand)}.feedback-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:10px 12px}.feedback-row span{margin-right:4px;color:var(--muted);font-size:8px}.feedback-row button{padding:3px 5px;border:0;border-radius:3px;background:var(--soft);font-size:7px}
/* shared workbenches */.workbench-grid{display:grid;gap:14px}.outline-workbench{grid-template-columns:310px minmax(0,1fr)}.form-panel,.scale-panel,.new-story-form,.fusion-panel,.policy-panel,.tool-runner{padding:15px}.status-tag{padding:4px 7px;border-radius:3px;color:var(--muted);background:var(--soft);font-size:8px}.status-tag.success{color:var(--success);background:var(--success-soft)}.status-tag.running{display:flex;align-items:center;gap:4px;color:var(--brand);background:var(--brand-soft)}.field-row{display:flex;gap:8px;margin:11px 12px 0}.field-row>label{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;gap:5px;color:var(--muted);font-size:8px}.field-row>label small{position:absolute;right:8px;bottom:8px;color:var(--muted);font-size:7px}.check-row{display:flex;align-items:center;gap:12px;margin:13px 12px 0}.check-row label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.outline-canvas{min-width:0;padding:15px}.canvas-head{display:flex;align-items:center;justify-content:space-between}.canvas-head h3{margin:0 0 4px;font-size:13px}.canvas-head p{margin:0;color:var(--muted);font-size:8px}.outline-health{display:flex;gap:15px;align-items:center;margin:13px 0;padding:8px 10px;border-radius:4px;background:var(--success-soft);color:var(--success);font-size:8px}.outline-health span{display:flex;align-items:center;gap:4px}.outline-health svg{width:11px}.outline-health button{margin-left:auto;padding:0;border:0;color:var(--success);background:transparent;font-size:8px}.volume-card{margin-bottom:7px;border:1px solid var(--line);border-radius:5px}.volume-card header{display:grid;min-height:56px;grid-template-columns:40px minmax(0,1fr) auto 20px;align-items:center;gap:8px;padding:9px 11px}.volume-card header>span{display:grid;width:34px;height:34px;place-items:center;border-radius:5px;color:var(--brand);background:var(--brand-soft);font-size:9px;font-weight:700}.volume-card header>div{display:flex;min-width:0;flex-direction:column;gap:3px}.volume-card header b{font-size:10px}.volume-card header small,.volume-card header em{color:var(--muted);font-size:8px;font-style:normal}.volume-card header>svg{width:13px;color:var(--muted)}.volume-chapters{padding:0 10px 8px 50px}.volume-chapters button{display:grid;width:100%;min-height:43px;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:5px;padding:5px 9px;border:0;border-top:1px solid var(--line);text-align:left;background:transparent}.volume-chapters button>div{display:flex;flex-direction:column;gap:3px}.volume-chapters b{font-size:9px}.volume-chapters small,.volume-chapters>button>span{color:var(--muted);font-size:8px}.volume-chapters svg{width:13px}.volume-chapters .done svg{color:var(--success)}.volume-chapters .active{background:var(--brand-soft)}.stepper{display:flex;align-items:center;margin-bottom:16px;padding:12px 18px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.stepper>i{height:1px;flex:1;background:var(--line2)}.stepper button{display:flex;align-items:center;gap:8px;padding:0;border:0;text-align:left;background:transparent}.stepper button>span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--muted);font-size:9px}.stepper button>div{display:flex;flex-direction:column;gap:2px}.stepper b{font-size:9px}.stepper small{color:var(--muted);font-size:7px}.stepper .active>span{color:#fff;border-color:var(--brand);background:var(--brand)}.stepper .done>span{color:#fff;border-color:var(--success);background:var(--success)}.stepper .done svg{width:13px}.hotbook-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.25fr) 280px;gap:14px}.upload-panel,.report-panel,.scale-panel,.source-analysis,.dna-preview,.new-story-form,.original-list,.source-text,.original-output{padding:15px}.file-card{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:8px;margin:14px 0;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--bg)}.file-icon{display:grid;width:32px;height:36px;place-items:center;border-radius:4px;color:var(--brand);background:var(--brand-soft)}.file-card>div{display:flex;min-width:0;flex-direction:column;gap:3px}.file-card b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.file-card small{color:var(--muted);font-size:7px}.upload-panel>label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:8px}.upload-panel input{height:31px;padding:0 8px;border:1px solid var(--line2);border-radius:4px;background:var(--surface);font-size:9px}.text-preview{height:175px;margin:12px 0;padding:10px;overflow:hidden;border:1px solid var(--line);border-radius:4px;color:#626a74;background:var(--bg);font:10px/1.8 var(--serif)}.report-summary{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.report-summary span,.risk-tags span{padding:4px 6px;border-radius:3px;color:var(--brand);background:var(--brand-soft);font-size:8px}.score-list>div{display:grid;grid-template-columns:110px 25px minmax(70px,1fr);align-items:center;gap:7px;margin:9px 0;font-size:8px}.score-list b{color:var(--brand)}.score-list i{height:4px;overflow:hidden;border-radius:4px;background:var(--soft)}.score-list em{display:block;height:100%;background:var(--brand)}.golden-three{margin:15px 0;padding:11px;border-radius:5px;background:var(--amber-soft)}.golden-three>b{font-size:9px}.golden-three ol{margin:8px 0 0;padding:0;list-style:none}.golden-three li{display:grid;grid-template-columns:46px 1fr;gap:6px;margin:6px 0;color:#5e6268;font-size:8px;line-height:1.5}.golden-three li span{color:var(--amber);font-weight:700}.scale-result{display:flex;flex-direction:column;gap:4px;margin:15px 12px;padding:11px;border-radius:5px;background:var(--bg)}.scale-result small,.scale-result span{color:var(--muted);font-size:8px}.scale-result strong{font-size:13px}.originality{display:flex;gap:8px;margin:12px;padding:9px;border-radius:5px;color:var(--success);background:var(--success-soft)}.originality svg{width:14px;flex:0 0 auto}.originality div{display:flex;flex-direction:column;gap:3px}.originality b{font-size:8px}.originality small{font-size:7px;line-height:1.5}.imitate-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) 300px;gap:14px}.analysis-progress{height:5px;margin:14px 0;overflow:hidden;border-radius:5px;background:var(--soft)}.analysis-progress i{display:block;height:100%;background:var(--brand)}.analysis-log>div{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:10px 4px;border-bottom:1px solid var(--line)}.analysis-log>div>span{color:var(--muted);font-size:8px}.analysis-log>div>div{display:flex;flex-direction:column;gap:3px}.analysis-log b{font-size:9px}.analysis-log small{color:var(--muted);font-size:7px}.analysis-log svg{width:13px;color:var(--muted)}.analysis-log .done svg{color:var(--success)}.analysis-log .running{background:var(--brand-soft)}.analysis-log .running svg{color:var(--brand);animation:spin 1.2s linear infinite}.dna-block{margin-top:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.dna-block span{display:inline-block;margin-bottom:5px;padding:3px 5px;border-radius:3px;color:var(--brand);background:var(--brand-soft);font-size:7px;font-weight:700}.dna-block p{margin:0;color:#5c6470;font-size:8px;line-height:1.7}
/* rewrite dna learning director tools */.replacement-band{display:flex;align-items:end;gap:8px;margin-bottom:14px;padding:12px 15px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.replacement-band>b{align-self:center;margin-right:5px}.replacement-band label{display:flex;min-width:120px;flex:1;flex-direction:column;gap:4px;color:var(--muted);font-size:7px}.replacement-band input{height:29px;padding:0 7px;border:1px solid var(--line2);border-radius:4px;background:var(--surface);font-size:8px}.replacement-band>svg{width:13px;margin-bottom:8px;color:var(--muted)}.rewrite-grid{display:grid;grid-template-columns:235px minmax(290px,.9fr) minmax(350px,1.2fr);gap:14px}.source-chapters button{display:grid;width:100%;height:44px;grid-template-columns:25px minmax(0,1fr) 16px;align-items:center;gap:5px;padding:0 8px;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent}.source-chapters button>div{display:flex;min-width:0;flex-direction:column;gap:3px}.source-chapters b{font-size:8px}.source-chapters small,.source-chapters>button>span{color:var(--muted);font-size:7px}.source-chapters svg{width:12px;color:var(--success)}.source-chapters .active{background:var(--brand-soft)}.mechanism-tabs,.list-filter{display:flex;gap:5px;margin:12px 0;border-bottom:1px solid var(--line)}.mechanism-tabs button,.list-filter button{padding:6px 5px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-size:8px}.mechanism-tabs .active,.list-filter .active{color:var(--brand);border-color:var(--brand);font-weight:700}.mechanism-body>span{color:var(--brand);font-size:8px;font-weight:700}.mechanism-body ol{padding:0;list-style:none}.mechanism-body li{position:relative;padding:0 0 12px 19px;border-left:1px solid var(--line)}.mechanism-body li:before{position:absolute;top:3px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--brand);content:""}.mechanism-body b{font-size:8px}.mechanism-body p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.6}.output-actions{display:flex}.original-output>textarea{width:100%;height:280px;margin:12px 0;padding:12px;resize:none;border:1px solid var(--line);border-radius:4px;background:var(--bg);font:10px/1.9 var(--serif)}.risk-panel{padding:10px;border-radius:5px;background:var(--success-soft)}.risk-panel>div:first-child{display:flex;justify-content:space-between;font-size:8px}.risk-panel .safe{color:var(--success)}.risk-panel>i{display:block;height:4px;margin:7px 0;overflow:hidden;border-radius:4px;background:#d1e6dc}.risk-panel>i em{display:block;height:100%;background:var(--success)}.risk-tags{display:flex;flex-wrap:wrap;gap:4px}.risk-tags span{display:flex;align-items:center;gap:3px;color:var(--success);background:var(--surface)}.risk-tags svg{width:10px}.output-footer{display:flex;gap:6px;margin-top:12px}.output-footer .generate-button{margin:0 0 0 auto}.dna-layout{display:grid;grid-template-columns:250px minmax(420px,1fr) 280px;gap:14px}.dna-list,.dna-detail,.fusion-panel{padding:15px}.dna-list .chapter-search{margin:0}.style-list button{display:grid;width:100%;min-height:52px;grid-template-columns:34px minmax(0,1fr) 17px;align-items:center;gap:8px;padding:7px;border:0;border-radius:5px;text-align:left;background:transparent}.style-list button:hover,.style-list button.active{background:var(--brand-soft)}.style-list button>div{display:flex;min-width:0;flex-direction:column;gap:3px}.style-list b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.style-list small{color:var(--muted);font-size:7px}.style-list button>svg{width:12px;color:var(--brand)}.style-avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:6px;font-size:10px;font-weight:700}.style-avatar.red{color:var(--brand);background:var(--brand-soft)}.style-avatar.blue{color:var(--blue);background:var(--blue-soft)}.style-avatar.green{color:var(--success);background:var(--success-soft)}.style-avatar.violet{color:var(--violet);background:var(--violet-soft)}.dna-title{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid var(--line)}.dna-title>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.dna-title h3{margin:0;font-size:12px}.dna-title p{margin:0;color:var(--muted);font-size:8px}.dna-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.dna-detail-grid article{padding:11px;border:1px solid var(--line);border-radius:5px}.dna-detail-grid header{display:flex;align-items:center;justify-content:space-between}.dna-detail-grid header span{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.dna-detail-grid header svg{width:12px;color:var(--brand)}.dna-detail-grid header button{padding:0;border:0;color:var(--muted);background:transparent}.dna-detail-grid p{margin:8px 0 0;color:#5e6670;font-size:8px;line-height:1.7}.sample-strip{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px;border-radius:5px;background:var(--bg)}.sample-strip>div{display:flex;flex-direction:column;gap:3px}.sample-strip b{font-size:8px}.sample-strip small{color:var(--muted);font-size:7px}.learning-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.learning-metrics article{display:flex;flex-direction:column;gap:6px}.learning-metrics span{color:var(--muted);font-size:8px}.learning-metrics strong{font-size:21px}.learning-metrics small{color:var(--success);font-size:7px}.learning-layout{display:grid;grid-template-columns:minmax(500px,1.5fr) minmax(280px,.75fr);gap:14px}.revision-compare,.learned-rules{padding:15px}.sample-name{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.sample-name input{height:27px;padding:0 7px;border:1px solid var(--line2);border-radius:4px;background:var(--surface);font-size:8px}.compare-editors{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.compare-editors>div{border:1px solid var(--line);border-radius:5px;overflow:hidden}.compare-editors header{display:flex;height:34px;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid var(--line);background:var(--bg)}.compare-editors header b{font-size:8px}.compare-editors header button{padding:0;border:0;color:var(--brand);background:transparent;font-size:7px}.compare-editors textarea{display:block;width:100%;height:260px;padding:11px;resize:none;border:0;background:var(--surface);font:10px/1.9 var(--serif)}.learn-actions{display:flex;align-items:end;gap:8px;margin-top:10px}.learn-actions label{display:flex;flex:1;flex-direction:column;gap:4px;color:var(--muted);font-size:7px}.learn-actions input{height:31px;padding:0 8px;border:1px solid var(--line2);border-radius:4px;background:var(--surface)}.learn-actions .generate-button{margin:0}.rule-list article{padding:11px 0;border-bottom:1px solid var(--line)}.rule-list p{margin:6px 0;color:#59616b;font-size:8px;line-height:1.6}.rule-list small{color:var(--muted);font-size:7px}.rule-tag{padding:3px 5px;border-radius:3px;font-size:7px;font-weight:700}.rule-tag.pace{color:var(--brand);background:var(--brand-soft)}.rule-tag.tone{color:var(--blue);background:var(--blue-soft)}.rule-tag.hook{color:var(--violet);background:var(--violet-soft)}.feedback-summary{margin-top:14px}.feedback-summary>b{font-size:8px}.feedback-summary>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.feedback-summary span{padding:4px 6px;border-radius:3px;color:var(--muted);background:var(--soft);font-size:7px}.switch-label{display:flex;align-items:center;gap:6px;font-size:8px}.switch-label input{display:none}.switch-label i{position:relative;width:28px;height:16px;border-radius:16px;background:var(--success)}.switch-label i:after{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#fff;content:""}.health-band{display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;margin-bottom:14px;padding:13px 16px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.health-band>div,.health-band>span{display:flex;align-items:center;gap:9px}.health-score{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:var(--success);font-size:14px;font-weight:700}.health-band>div>div{display:flex;flex-direction:column;gap:3px}.health-band b{font-size:10px}.health-band small{color:var(--muted);font-size:7px}.health-band>span{justify-content:center;border-left:1px solid var(--line)}.health-band>span svg{width:15px;color:var(--brand)}.health-band>span{display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto}.health-band>span svg{grid-row:1/3}.director-layout{display:grid;grid-template-columns:minmax(480px,1.25fr) minmax(320px,.75fr);gap:14px}.policy-panel .section-head select{height:29px;border:1px solid var(--line2);border-radius:4px;background:var(--surface);font-size:8px}.policy-panel .check-row{margin-top:12px}.quality-center{padding:15px}.quality-item{display:grid;width:100%;min-height:58px;grid-template-columns:34px minmax(0,1fr) auto 16px;align-items:center;gap:8px;padding:8px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent}.quality-item>div{display:flex;min-width:0;flex-direction:column;gap:3px}.quality-item b{font-size:8px}.quality-item small,.quality-item em{color:var(--muted);font-size:7px;font-style:normal}.quality-item>svg{width:12px;color:var(--muted)}.review-note{display:flex;gap:8px;margin-top:13px;padding:10px;border-radius:5px;background:var(--success-soft)}.review-note>span{color:var(--success)}.review-note svg{width:14px}.review-note b{font-size:8px}.review-note p{margin:5px 0 0;color:#59646a;font-size:7px;line-height:1.6}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.tool-group{margin-bottom:19px}.tool-group h3{margin:0 0 8px;font-size:10px}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tool-grid button{display:flex;min-height:82px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border:1px solid var(--line);border-radius:5px;text-align:left;background:var(--surface)}.tool-grid button:hover,.tool-grid button.active{border-color:#dda8a2;background:var(--brand-soft)}.tool-grid svg{width:16px;color:var(--brand)}.tool-grid b{font-size:9px}.tool-grid small{color:var(--muted);font-size:7px}.tool-runner{position:sticky;top:0;align-self:start}.runner-head{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--line)}.runner-head h3{margin:0 0 3px;font-size:12px}.runner-head p{margin:0;color:var(--muted);font-size:8px}.context-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px}.context-options>b{width:100%;font-size:8px}.context-options label{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:7px}.tool-runner .generate-button{margin:12px 0 0}.cost-note{display:block;margin-top:7px;color:var(--muted);text-align:center;font-size:7px}
/* overlays dark responsive */.toast{position:fixed;z-index:100;top:16px;left:50%;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface);box-shadow:var(--shadow);font-size:9px;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast svg{width:13px;color:var(--success)}.modal-backdrop{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,18,22,.48);backdrop-filter:blur(3px)}.modal-backdrop[hidden]{display:none}.progress-modal{position:relative;width:min(390px,100%);padding:28px;border-radius:7px;text-align:center;background:var(--surface);box-shadow:var(--shadow)}.progress-modal>span{display:grid;width:42px;height:42px;margin:auto;place-items:center;border-radius:6px;color:var(--brand);background:var(--brand-soft)}.progress-modal h3{margin:13px 0 6px;font-size:14px}.progress-modal p{margin:0;color:var(--muted);font-size:8px;line-height:1.6}.progress-modal>div{height:4px;margin:18px 0 8px;overflow:hidden;border-radius:4px;background:var(--soft)}.progress-modal>div i{display:block;width:36%;height:100%;background:var(--brand);animation:load 1.3s ease-in-out infinite}.progress-modal small{color:var(--muted);font-size:7px}.progress-modal>button{position:absolute;top:8px;right:8px}.sidebar-backdrop{display:none}.dark{--bg:#17191d;--surface:#202329;--soft:#292d34;--ink:#eceef1;--muted:#9aa2ad;--line:#32363d;--line2:#424750;--brand-soft:#3d2626;--success-soft:#1f352d;--amber-soft:#382e20;--blue-soft:#223543;--violet-soft:#312b3d}.dark .topbar,.dark .editor-toolbar{background:rgba(32,35,41,.94)}.dark .section-goal,.dark .dna-block p,.dark .mechanism-body p,.dark .review-note p{color:#bdc2c9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{from{transform:translateX(-110%)}to{transform:translateX(300%)}}
@media(max-width:1280px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.writer-shell{grid-template-columns:190px minmax(400px,1fr) 280px}.hotbook-grid{grid-template-columns:minmax(260px,1fr) minmax(320px,1.2fr)}.scale-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.scale-panel .section-head,.scale-panel .originality,.scale-panel .generate-button{grid-column:1/-1}.imitate-grid{grid-template-columns:1fr 1fr}.new-story-form{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.new-story-form .section-head,.new-story-form .generate-button{grid-column:1/-1}.dna-layout{grid-template-columns:230px 1fr}.fusion-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 8px}.fusion-panel .section-head,.fusion-panel .generate-button{grid-column:1/-1}.tool-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1020px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:244px;transform:translateX(-105%);transition:.22s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.show{position:fixed;z-index:35;inset:0;display:block;background:rgba(12,15,19,.4)}.app-shell{grid-template-columns:1fr}.mobile-menu{display:inline-grid}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.writer-shell{grid-template-columns:190px minmax(420px,1fr)}.writer-ai{position:absolute;right:0;bottom:0;width:300px;height:calc(100% - 66px);box-shadow:var(--shadow);display:none}.outline-workbench{grid-template-columns:1fr}.form-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.form-panel .section-head,.form-panel .check-row{grid-column:1/-1}.rewrite-grid{grid-template-columns:220px 1fr}.original-output{grid-column:1/-1}.dna-layout{grid-template-columns:220px 1fr}.fusion-panel{grid-column:1/-1}.director-layout,.learning-layout{grid-template-columns:1fr}.tool-layout{grid-template-columns:1fr}.tool-runner{position:static}.tool-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){body{overflow:hidden}.topbar{min-height:58px;padding:0 10px}.top-left p,.search-button,.model-status{display:none}.top-actions{gap:2px}.page{padding:18px 12px 42px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading.compact{align-items:flex-start}.page-heading h2{font-size:21px}.heading-actions{width:100%;flex-wrap:wrap}.metric-grid,.module-grid,.learning-metrics{grid-template-columns:1fr 1fr}.pipeline{align-items:stretch;flex-direction:column;gap:4px}.pipeline>i{width:1px;height:12px;flex:none;margin:0 0 0 13px}.pipeline button{min-width:0;flex-direction:row;text-align:left}.current-chapter{grid-template-columns:42px minmax(0,1fr)}.current-chapter .button{grid-column:1/-1;width:100%}.writer-shell{grid-template-columns:1fr}.chapter-panel{display:none}.editor-toolbar{grid-template-columns:1fr auto}.editor-toolbar>div:nth-child(2){display:none}.writing-page{width:calc(100% - 26px);padding-top:30px}.hotbook-grid,.imitate-grid,.rewrite-grid,.dna-layout{grid-template-columns:1fr}.scale-panel,.new-story-form,.form-panel,.fusion-panel{display:block}.scale-panel>* ,.new-story-form>* ,.form-panel>* ,.fusion-panel>*{grid-column:auto}.stepper{align-items:flex-start;padding:10px}.stepper button>div{display:none}.replacement-band{align-items:stretch;flex-direction:column}.replacement-band>svg{align-self:center;margin:0;transform:rotate(90deg)}.rewrite-grid .original-output,.fusion-panel{grid-column:auto}.dna-detail-grid,.compare-editors{grid-template-columns:1fr}.health-band{grid-template-columns:1fr 1fr}.health-band>div{grid-column:1/-1;margin-bottom:6px}.health-band>span{justify-content:start;border:0}.director-layout{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.tool-layout{grid-template-columns:1fr}.outline-health{align-items:flex-start;flex-direction:column}.outline-health button{margin-left:0}.canvas-head{align-items:flex-start;flex-direction:column;gap:8px}.volume-card header{grid-template-columns:36px minmax(0,1fr) 18px}.volume-card header em{display:none}.volume-chapters{padding-left:12px}.mode-switch{align-self:stretch}.page.writer-page{padding:0}.original-output>textarea{height:220px}}
@media(max-width:430px){.metric-grid,.module-grid,.learning-metrics{grid-template-columns:1fr}.page-heading .button{flex:1}.top-left h1{font-size:12px}.writing-page h2{font-size:25px}.prose{font-size:15px}.tool-grid{grid-template-columns:1fr 1fr}.tool-grid button{min-height:76px}.output-footer{flex-wrap:wrap}.output-footer .button{flex:1}.output-footer .generate-button{width:100%;margin:0}.health-band{grid-template-columns:1fr}.health-band>span{grid-column:1}.field-row{flex-wrap:wrap}.field-row>label{flex-basis:calc(50% - 4px)}.current-chapter h4{white-space:normal}.page-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 侧栏当前项目：保留项目切换入口，但不再伪装成一张封面卡片。 */
.workspace-switch{grid-template-columns:auto minmax(0,1fr) 15px;gap:8px;margin:0 12px 8px;padding:7px 5px;border:0;border-radius:4px;background:transparent}
.workspace-switch:hover{background:#292d33}
.workspace-kicker{padding:3px 5px;border-radius:3px;color:#aeb4bd;background:#30353d;font-size:8px;white-space:nowrap}
.workspace-switch>span:nth-child(2){gap:1px}
.workspace-switch b{font-size:10px}
.workspace-switch small{font-size:8px}

/* DNA 编辑器：避免未设布局的 label 按浏览器默认行内方式挤在一起。 */
.dna-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:12px;padding:15px}
.dna-detail>.dna-title,.dna-detail>label:nth-of-type(n+3),.dna-detail>.sample-strip{grid-column:1/-1}
.dna-detail>label{display:flex;min-width:0;flex-direction:column;gap:6px;margin:0;color:var(--muted);font-size:9px}
.dna-detail>label input,.dna-detail>label textarea{display:block;width:100%;border:1px solid var(--line2);border-radius:4px;color:var(--ink);background:var(--surface);font-size:10px}
.dna-detail>label input{height:33px;padding:0 9px}
.dna-detail>label textarea{min-height:84px;padding:9px;resize:vertical;line-height:1.65}
.dna-detail>label:nth-of-type(3) textarea{min-height:190px}
.sample-strip{flex-wrap:wrap;gap:8px;margin-top:0}
.sample-strip>div{min-width:180px;flex:1}
.sample-strip .button{white-space:nowrap}
@media(max-width:720px){.dna-detail{grid-template-columns:1fr}.dna-detail>label,.dna-detail>label:nth-of-type(n+3),.dna-detail>.sample-strip{grid-column:auto}.sample-strip .button{flex:1}}

.writer-hot-topics{margin:0 12px}.config-modal>.hot-topic-list{display:flex;max-height:420px;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;margin-top:14px;padding:0;overflow-x:hidden;overflow-y:auto}.config-modal>.hot-topic-list button{display:block;width:100%;min-width:0;padding:11px 12px;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;white-space:normal;overflow-wrap:anywhere;background:transparent;font-size:12px;line-height:1.55}.config-modal>.hot-topic-list button:hover{color:var(--brand);background:var(--brand-soft)}.writer-tree-row.dragging{opacity:.45}.writer-tree-row.drop-target{outline:2px solid var(--brand);outline-offset:-2px;background:var(--brand-soft)!important;box-shadow:inset 0 3px 0 var(--brand)}

.auth-gate{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#202329 0%,#323842 100%)}.auth-gate[hidden]{display:none!important}.auth-card{width:min(100%,390px);padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;background:rgba(38,43,50,.96);box-shadow:0 24px 64px rgba(0,0,0,.3)}.auth-card>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:16px;border-radius:8px;background:var(--brand);font:700 22px var(--serif)}.auth-card h1{margin:0 0 6px;font-size:22px}.auth-card p{margin:0 0 22px;color:#b7bec8;font-size:13px;line-height:1.65}.auth-card label{display:flex;flex-direction:column;gap:6px;margin-top:13px;color:#cbd1d9;font-size:12px}.auth-card input{height:38px;padding:0 10px;border:1px solid #505864;border-radius:5px;color:#fff;background:#2e343c}.auth-card .button{width:100%;margin-top:20px}.auth-mode-switch{display:block;width:100%;margin-top:9px;border:0;color:#cbd1d9;background:transparent;font-size:12px;text-decoration:underline;cursor:pointer}.auth-card small{display:block;min-height:17px;margin-top:10px;color:#f0b0a9;font-size:11px}

/* Exact source workflows from novel_v10.py */
.exact-workflow{overflow:hidden}.exact-tabs{display:flex;height:52px;border-bottom:1px solid var(--line);background:var(--bg)}.exact-tabs button{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:8px;border:0;border-right:1px solid var(--line);color:var(--muted);background:transparent;font-size:10px}.exact-tabs button:last-child{border-right:0}.exact-tabs button span{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--line2);border-radius:50%;font-size:8px}.exact-tabs button.active{color:var(--brand);background:var(--surface);font-weight:700}.exact-tabs button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--brand);content:""}.exact-tabs button.active span{color:#fff;border-color:var(--brand);background:var(--brand)}.workflow-panels{min-height:520px}.workflow-step{display:none;padding:18px}.workflow-step.active{display:block}.full-field,.story-settings label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:8px}.full-field b,.story-settings label b{color:var(--ink);font-size:9px}.full-field input,.story-settings input,.story-settings textarea,.replacement-table input{width:100%;border:1px solid var(--line2);border-radius:4px;color:var(--ink);background:var(--surface)}.full-field input,.story-settings input,.replacement-table input{height:32px;padding:0 9px}.story-settings textarea{min-height:68px;padding:8px;resize:vertical;line-height:1.6}.source-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 7px;color:var(--muted);font-size:8px}.source-meta span{display:flex;align-items:center;gap:5px;color:var(--brand)}.source-meta svg{width:13px}.source-meta b{font-weight:400}.source-actions{display:flex;gap:7px;margin-bottom:7px}.source-editor{display:block;width:100%;height:330px;padding:13px;resize:none;border:1px solid var(--line);border-radius:4px;color:#525b66;background:var(--bg);font:10px/1.85 var(--serif)}.scale-config{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border-radius:5px;background:var(--bg)}.scale-config>b{margin-right:8px;font-size:9px}.scale-config label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.scale-config input{width:46px;height:28px;padding:0 6px;border:1px solid var(--line2);border-radius:4px;background:var(--surface)}.scale-config>span{overflow:hidden;margin-left:auto;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.workflow-footer{display:grid;grid-template-columns:minmax(120px,220px) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--line);background:var(--bg)}.workflow-footer>span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.workflow-footer>div:last-child{display:flex;gap:6px}.workflow-progress,.rewrite-progress{height:4px;overflow:hidden;border-radius:4px;background:var(--line)}.workflow-progress i,.rewrite-progress i{display:block;height:100%;background:var(--success)}.button.ghost{border-color:transparent;color:var(--muted);background:transparent}.output-status{display:flex;align-items:center;gap:9px;margin-bottom:12px}.output-status p{margin:0;color:var(--muted);font-size:8px}.report-document{height:440px;padding:18px;overflow-y:auto;border:1px solid var(--line);border-radius:5px;background:var(--bg)}.report-document h3{margin:0 0 15px;text-align:center;font:700 16px var(--serif)}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.report-columns article{padding:11px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.report-columns b{font-size:9px}.report-columns p{margin:7px 0 0;color:#5c6570;font-size:8px;line-height:1.7}.outline-output{display:grid;height:440px;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:5px}.outline-output aside{padding:8px;border-right:1px solid var(--line);background:var(--bg)}.outline-output aside button{display:grid;width:100%;grid-template-columns:35px 1fr;gap:7px;padding:9px;border:0;border-radius:4px;text-align:left;background:transparent}.outline-output aside button.active{background:var(--brand-soft)}.outline-output aside span{color:var(--brand);font-size:8px;font-weight:700}.outline-output aside div{display:flex;flex-direction:column;gap:3px}.outline-output aside b{font-size:8px}.outline-output aside small{color:var(--muted);font-size:7px}.outline-output>article{padding:17px;overflow-y:auto}.outline-output h3{margin:0 0 7px;font-size:13px}.outline-output>article>p{margin:0 0 14px;color:var(--muted);font-size:8px;line-height:1.7}.outline-output ol{margin:0;padding:0;list-style:none}.outline-output li{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.outline-output li>span{color:var(--brand);font-size:8px;font-weight:700}.outline-output li div{display:flex;flex-direction:column;gap:3px}.outline-output li b{font-size:9px}.outline-output li small{color:var(--muted);font-size:7px}.import-hero{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--bg)}.import-hero>span{display:grid;width:38px;height:38px;place-items:center;border-radius:5px;color:var(--brand);background:var(--brand-soft)}.import-hero>div{display:flex;flex-direction:column;gap:3px}.import-hero h3{margin:0;font-size:10px}.import-hero p{margin:0;color:var(--muted);font-size:8px}.dna-source{height:360px}.step-action{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.step-action>span{color:var(--success);font-size:8px}.analysis-header{display:flex;align-items:center;justify-content:space-between}.analysis-header>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px}.analysis-header h3{margin:0;font-size:11px}.analysis-header p{grid-column:2;margin:0;color:var(--muted);font-size:8px}.analysis-header>b{font-size:22px}.analysis-split{display:grid;height:390px;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.analysis-split section{overflow:hidden;border:1px solid var(--line);border-radius:5px}.analysis-split header{height:36px;padding:11px;border-bottom:1px solid var(--line);background:var(--bg);font-size:8px;font-weight:700}.terminal-log,.dna-summary-text{height:calc(100% - 36px);padding:12px;overflow-y:auto}.terminal-log{color:var(--muted);background:#23262c;font:8px/1.8 Consolas,monospace}.terminal-log .ok{color:#78c9a5}.terminal-log .run{color:#f0b0a9}.dna-summary-text b{color:var(--brand);font-size:8px}.dna-summary-text p{margin:4px 0 12px;color:var(--muted);font-size:8px;line-height:1.6}.story-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-settings .wide-field,.structure-fields{grid-column:1/-1}.structure-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.generate-status{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,auto) auto;align-items:center;gap:10px;margin-top:15px}.generate-status span{color:var(--muted);font-size:8px}.generate-status .generate-button{margin:0}.rewrite-exact{overflow:hidden}.rewrite-main{display:grid;height:570px;grid-template-columns:390px minmax(0,1fr)}.rewrite-left{padding:14px;border-right:1px solid var(--line);overflow-y:auto}.rewrite-left>h3{margin:0 0 8px;font-size:10px}.replacement-table{padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.replacement-table label{display:grid;grid-template-columns:98px 1fr;align-items:center;gap:7px;margin:5px 0}.replacement-table span{color:var(--muted);text-align:right;font-size:8px}.rewrite-mode{display:flex;align-items:center;gap:5px;margin:12px 0}.rewrite-mode>b{margin-right:3px;font-size:8px}.rewrite-mode button{display:flex;height:30px;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--surface);font-size:8px}.rewrite-mode button svg{width:12px}.rewrite-mode button.active{color:var(--brand);border-color:#e0aaa5;background:var(--brand-soft)}.rewrite-input{display:none}.rewrite-input.active{display:block}.pane-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.pane-title b{font-size:9px}.pane-title span{color:var(--muted);font-size:8px}.exact-chapters{height:250px;overflow-y:auto;border:1px solid var(--line);border-radius:4px}.parse-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.parse-actions span{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.rewrite-input>textarea{width:100%;height:315px;padding:10px;resize:none;border:1px solid var(--line);border-radius:4px;background:var(--bg);font:9px/1.7 var(--serif)}.rewrite-output{display:flex;min-width:0;flex-direction:column;padding:14px}.rewrite-output>header{display:flex;align-items:center;gap:10px;height:30px}.rewrite-output>header b{font-size:10px}.rewrite-output>header span{color:var(--brand);font-size:8px}.rewrite-output>textarea{min-height:0;flex:1;padding:15px;resize:none;border:1px solid var(--line);border-radius:4px;color:#434c56;background:var(--bg);font:11px/2 var(--serif)}.output-state{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.output-state span{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:3px;color:var(--success);background:var(--success-soft);font-size:7px}.output-state svg{width:11px}.rewrite-progress{border-radius:0}.rewrite-actions{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg)}.rewrite-actions .generate-button{margin:0}.rewrite-actions>span{overflow:hidden;margin-left:auto;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.workflow-footer{grid-template-columns:1fr}.workflow-footer>div:last-child{flex-wrap:wrap}.rewrite-main{grid-template-columns:340px minmax(0,1fr)}.rewrite-actions{flex-wrap:wrap}.rewrite-actions>span{width:100%;margin-left:0}.scale-config{flex-wrap:wrap}.scale-config>span{width:100%;margin-left:0}.import-hero{grid-template-columns:42px minmax(0,1fr)}.import-hero .button{grid-row:2}.story-settings{grid-template-columns:1fr}}
@media(max-width:720px){.exact-tabs{height:auto}.exact-tabs button{min-height:50px;padding:7px 3px;font-size:8px}.workflow-step{padding:11px}.source-meta{align-items:flex-start;flex-direction:column}.source-editor{height:300px}.workflow-footer{padding:10px}.workflow-footer>div:last-child .button{flex:1}.report-columns,.analysis-split{grid-template-columns:1fr}.analysis-split{height:auto}.analysis-split section{height:260px}.outline-output{height:auto;grid-template-columns:1fr}.outline-output aside{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.outline-output aside button{min-width:160px}.import-hero{grid-template-columns:38px 1fr}.import-hero .button{width:100%}.step-action{align-items:stretch;flex-direction:column;gap:8px}.story-settings,.structure-fields{grid-template-columns:1fr}.generate-status{grid-template-columns:1fr}.rewrite-main{height:auto;grid-template-columns:1fr}.rewrite-left{border-right:0;border-bottom:1px solid var(--line)}.rewrite-output{height:460px}.replacement-table label{grid-template-columns:82px 1fr}.rewrite-mode{align-items:stretch;flex-direction:column}.rewrite-actions .button{flex:1;min-width:120px}}

.rewrite-empty{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);font-size:8px}.rewrite-empty svg{width:22px;height:22px;color:var(--line2)}.source-chapters button.skipped svg,.source-chapters button.summary-only svg{color:var(--muted)}.source-chapters button.risk{background:#fff5e9}.output-state span.risk{color:#a85a20;background:#fff1df}.output-state span.error{color:var(--brand);background:var(--brand-soft)}.short-session-actions{justify-content:space-between}.rewrite-actions .button:disabled,.parse-actions .button:disabled{cursor:not-allowed;opacity:.45}.rewrite-output>header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rewrite-output>textarea:not(:read-only){outline-color:var(--brand)}

/* real writer workspace */
.writer-project-head select{min-width:0;max-width:155px;height:30px;border:0;background:transparent;font-size:10px;font-weight:700}.writer-tree{min-height:0;flex:1;overflow-y:auto;padding:0 7px 8px}.writer-tree-empty{display:flex;height:100%;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--muted);font-size:8px}.writer-tree-empty svg{width:24px;color:var(--line2)}.writer-tree-empty .button{height:29px}.writer-tree-volume{margin-bottom:4px}.writer-tree-row{display:grid;width:100%;align-items:center;gap:4px;border:0;border-radius:4px;text-align:left;background:transparent}.writer-tree-row:hover{background:var(--soft)}.writer-tree-row.active{color:var(--brand);background:var(--brand-soft)}.writer-tree-row.volume{height:34px;grid-template-columns:16px minmax(0,1fr) auto;padding:0 5px;font-size:9px;font-weight:700}.writer-tree-row.volume svg{width:11px}.writer-tree-row.chapter{height:31px;grid-template-columns:21px minmax(0,1fr) auto;padding:0 7px 0 18px;color:#565f6a;font-size:8px}.writer-tree-row.section{height:31px;grid-template-columns:24px minmax(0,1fr) 14px;padding:0 7px 0 30px;color:var(--muted);font-size:8px}.writer-tree-row b,.writer-tree-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writer-tree-row em{color:var(--muted);font-size:7px;font-style:normal}.writer-tree-row.section svg{width:11px;color:var(--line2)}.writer-tree-row.section.done svg{color:var(--success)}.writer-tree-children[hidden]{display:none}.writer-tree-actions{display:grid;grid-template-columns:repeat(3,1fr) 28px 28px 28px;gap:4px;padding:8px;border-top:1px solid var(--line)}.writer-tree-actions button,.writer-result-actions button{display:flex;height:28px;align-items:center;justify-content:center;gap:3px;padding:0 5px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font-size:7px}.writer-tree-actions button:disabled{opacity:.38;cursor:not-allowed}.writer-tree-actions button.danger{color:var(--brand)}.writer-tree-actions svg,.writer-result-actions svg{width:11px}.writer-section-title{display:block;width:100%;margin:12px 0 17px;padding:0;border:0;background:transparent;font:700 29px var(--serif)}.writer-section-title:focus{outline:none}.section-goal>div{min-width:0}.section-goal>div>b{display:block;margin-bottom:4px}.section-goal textarea{display:block;width:100%;min-height:56px;padding:0;resize:vertical;border:0;color:#5e6670;background:transparent;font:10px/1.7 var(--ui)}.writer-prose,.writer-outline-editor{display:block;width:100%;min-height:500px;padding:0;resize:none;border:0;background:transparent;font:16px/2.05 var(--serif)}.writer-outline-editor{padding:15px;resize:vertical;border:1px solid var(--line);border-radius:5px;background:var(--bg);font:12px/1.9 var(--ui)}.writer-prose:focus,.writer-outline-editor:focus{outline:none}.writer-ai .mini-head em{overflow:hidden;max-width:120px;color:var(--muted);font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.writer-ai>#writerGenerate{width:calc(100% - 24px);margin:12px}.writer-agent-progress{height:3px;margin:-7px 12px 4px;overflow:hidden;border-radius:3px;background:var(--soft)}.writer-agent-progress i{display:block;width:0;height:100%;background:var(--brand);transition:width .2s}.writer-result-label{min-height:220px;flex:1}.writer-result-label>span{color:var(--ink);font-size:9px;font-weight:700}.writer-result-label>em{align-self:flex-end;margin-top:-16px;font-size:7px;font-style:normal}.writer-ai .writer-result-label textarea{min-height:180px;flex:1;resize:vertical;color:#d7e3ee;border-color:#303944;background:#202832;font:9px/1.75 var(--ui)}.writer-result-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;margin:6px 12px}.quality-tools button:disabled{opacity:.45;cursor:not-allowed}.feedback-row button.active{color:var(--brand);background:var(--brand-soft)}

@media(max-width:1020px){.page.writer-page{height:auto;overflow-y:auto}.writer-shell{height:auto;grid-template-columns:190px minmax(0,1fr)}.writer-ai{position:static;display:flex;grid-column:1/-1;width:auto;height:auto;min-height:720px;border-top:1px solid var(--line);border-left:0;box-shadow:none}.editor-panel{min-height:760px}.writer-result-label{min-height:280px}}
@media(max-width:720px){.writer-shell{grid-template-columns:1fr}.chapter-panel{display:flex;min-height:480px;border-right:0;border-bottom:1px solid var(--line)}.editor-panel{min-height:720px}.writer-ai{grid-column:auto}.writer-tree{max-height:430px}.writing-page{padding-bottom:45px}.writer-tree-actions{grid-template-columns:repeat(3,1fr) repeat(3,32px)}.writer-section-title{font-size:24px}.writer-prose{font-size:15px}.writer-result-actions{grid-template-columns:1fr 1fr}}

.quality-tools>div{grid-template-columns:1fr 1fr}.quality-tools>div button:first-child{grid-column:1/-1;color:var(--success);font-weight:700}.director-maintenance{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 12px 4px;padding-top:12px;border-top:1px solid var(--line)}.director-maintenance .button{min-width:0;font-size:8px}.director-report-panel{margin-top:14px;padding:15px}.director-report-panel pre{min-height:260px;max-height:520px;margin:12px 0 0;padding:14px;overflow:auto;border:1px solid var(--line);border-radius:5px;color:#cfd9e3;background:#20262d;font:9px/1.7 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.quality-item.active{background:var(--soft)}.health-score.warn{background:var(--amber)}.health-score.risk{background:var(--brand)}
@media(max-width:720px){.director-maintenance{grid-template-columns:1fr}.director-report-panel pre{min-height:220px}.quality-tools>div{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.health-band{grid-template-columns:1fr 1fr}.health-band>span{grid-column:auto;min-width:0}}

/* real outline workshop */
.outline-real-form{align-self:start}.outline-real-form>label textarea{min-height:66px}.outline-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px}.outline-side-actions .button{font-size:8px}.outline-extend-box{margin:12px;padding:11px;border-top:1px solid var(--line);background:var(--bg)}.outline-extend-box>b{display:block;margin-bottom:8px;font-size:9px}.outline-extend-box>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.outline-extend-box label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:7px}.outline-extend-box input{width:100%;height:29px;padding:0 7px;border:1px solid var(--line2);border-radius:4px;background:var(--surface)}.outline-extend-box textarea{width:100%;min-height:58px;margin:8px 0;padding:8px;resize:vertical;border:1px solid var(--line2);border-radius:4px;background:var(--surface);font-size:8px}.outline-extend-box .button{width:100%}.outline-progress{display:grid;height:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:7px}.outline-progress:before{grid-column:1;grid-row:1;width:100%;height:3px;border-radius:3px;background:var(--soft);content:""}.outline-progress i{z-index:1;grid-column:1;grid-row:1;width:0;height:3px;border-radius:3px;background:var(--brand);transition:width .2s}.outline-progress span{grid-column:2}.outline-view{display:none}.outline-view.active{display:block}.outline-empty{display:flex;min-height:430px;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);font-size:8px}.outline-empty svg{width:27px;color:var(--line2)}.outline-empty b{color:var(--ink);font-size:11px}.outline-json{min-height:500px;max-height:720px;margin:0;padding:18px;overflow:auto;color:#d4dee8;background:#20262d;font:9px/1.7 Consolas,monospace;white-space:pre-wrap}.outline-timeline{padding:12px 18px 30px}.outline-timeline article{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0 12px 18px;border-left:1px solid var(--line)}.outline-timeline article:before{position:absolute;top:18px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--brand);content:""}.outline-timeline article>span{color:var(--brand);font-size:8px;font-weight:700}.outline-timeline article>div{display:flex;flex-direction:column;gap:4px}.outline-timeline b{font-size:9px}.outline-timeline small{color:var(--muted);font-size:8px;line-height:1.6}.outline-timeline em{color:var(--success);font-size:7px;font-style:normal}.volume-card header{cursor:pointer}.volume-card header button{padding:0;border:0;background:transparent}.volume-card .volume-chapters button{cursor:pointer}.volume-card .volume-chapters button.active{background:var(--brand-soft)}.volume-sections-preview{display:none;padding:5px 10px 10px 45px}.volume-chapters button.active+.volume-sections-preview{display:block}.volume-sections-preview li{padding:5px 0;color:var(--muted);font-size:7px;line-height:1.5}.outline-health span.risk{color:var(--brand);background:var(--brand-soft)}.outline-health span.warn{color:var(--amber);background:var(--amber-soft)}
@media(max-width:720px){.outline-side-actions{grid-template-columns:1fr}.outline-progress{grid-template-columns:1fr}.outline-progress span{display:none}.outline-json{min-height:360px}.outline-timeline{padding:8px}.outline-timeline article{grid-template-columns:58px minmax(0,1fr)}}
.model-status{padding:5px;border:0;border-radius:4px;background:transparent}.model-status:hover{background:var(--soft)}.model-status.unconfigured i{background:var(--amber)}.button:disabled{cursor:not-allowed;opacity:.48}.report-document pre,.outline-output pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font:9px/1.75 var(--ui)}.config-modal{position:relative;width:min(440px,100%);padding:22px;border-radius:7px;background:var(--surface);box-shadow:var(--shadow)}.config-modal h3{margin:0 0 5px;font-size:14px}.config-modal>p{margin:0 0 15px;color:var(--muted);font-size:8px}.config-modal>label{display:flex;flex-direction:column;gap:5px;margin-top:10px;color:var(--muted);font-size:8px}.config-modal input{height:34px;padding:0 9px;border:1px solid var(--line2);border-radius:4px;background:var(--surface)}.config-modal>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.config-modal>div span{color:var(--muted);font-size:8px}.config-modal .modal-close{position:absolute;top:8px;right:8px}
.generated-result{max-height:330px;margin:14px 0 0;padding:13px;overflow:auto;border:1px solid var(--line);border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);background:var(--bg);font:8px/1.7 var(--ui)}