:root{--c-primary:#4a6cf7;--c-primary-strong:#3b5be8;--c-primary-soft:#eef2ff;--c-text-1:#1a1c21;--c-text-2:#3e424d;--c-text-3:#6b7180;--c-text-4:#b3b8c4;--c-bg-page:#f6f7fb;--c-surface:#fff;--c-surface-2:#f0f2f7;--c-surface-3:#e9ecf3;--c-line-1:#e5e8f0;--c-line-2:#d4d9e4;--c-success:#12b76a;--c-success-soft:#e7f8f0;--c-warn:#f79009;--c-warn-soft:#fef3e2;--c-danger:#f04438;--c-danger-soft:#feeceb;--c-info:#2e90fa;--c-info-soft:#e8f3ff;--c-task-pending:#8a8f9c;--c-task-running:#2e90fa;--c-task-awaiting:#f79009;--c-task-succeeded:#12b76a;--c-task-failed:#f04438;--c-task-canceled:#98a2b3;--c-paper:#fdfcf8;--c-paper-line:#e8e4d8;--c-chart-1:#4a6cf7;--c-chart-2:#12b76a;--c-chart-3:#f79009;--c-chart-4:#2e90fa;--c-chart-5:#9e77ed;--c-overlay:#17181c73;--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-display:24px;--lh-display:32px;--fw-display:700;--fs-title:20px;--lh-title:28px;--fw-title:600;--fs-heading:16px;--lh-heading:24px;--fw-heading:600;--fs-body:14px;--lh-body:22px;--fw-body:400;--fs-body-strong:14px;--lh-body-strong:22px;--fw-body-strong:600;--fs-caption:12px;--lh-caption:18px;--fw-caption:400;--fs-micro:11px;--lh-micro:16px;--fw-micro:500;--fs-editor:16px;--lh-editor:30px;--fw-editor:400;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-1:0 1px 2px #17181c0d, 0 1px 3px #17181c0f;--shadow-2:0 4px 12px #17181c14, 0 2px 4px #17181c0f;--shadow-3:0 12px 32px #17181c24;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--caret-blink:1s;--z-dropdown:100;--z-sticky:200;--z-sheet:300;--z-modal:400;--z-toast:500;--page-max:1440px;--rail-w:64px;--tree-w:264px;--ai-panel-w:360px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text-1);background:var(--c-bg-page)}a{color:var(--c-info);text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}::placeholder{color:var(--c-text-4)}.mono{font-family:var(--font-mono)}.btn{justify-content:center;align-items:center;gap:var(--sp-1);border-radius:var(--radius-md);padding:0 var(--sp-4);height:36px;font-size:var(--fs-body-strong);font-weight:var(--fw-body-strong);cursor:pointer;background:var(--c-primary);color:var(--c-surface);white-space:nowrap;transition:background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border:1px solid #0000;display:inline-flex}.btn:hover{background:var(--c-primary-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn[data-size=sm]{height:28px;padding:0 var(--sp-3);font-size:var(--fs-caption)}.btn[data-size=lg]{height:44px}.btn[data-variant=ghost]{color:var(--c-primary);border-color:var(--c-line-2);background:0 0}.btn[data-variant=ghost]:hover{background:var(--c-primary-soft)}.btn[data-variant=soft]{background:var(--c-primary-soft);color:var(--c-primary-strong)}.btn[data-variant=danger]{background:var(--c-danger)}.btn[data-variant=danger]:hover{background:var(--c-danger);filter:brightness(.95)}.btn.is-loading{pointer-events:none;opacity:.8}.spinner{border-radius:var(--radius-full);border:2px solid var(--c-overlay);border-top-color:var(--c-surface);width:14px;height:14px;animation:spin var(--motion-slow) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--sp-4);overflow-wrap:anywhere;transition:box-shadow var(--motion-base) var(--ease-standard), transform var(--motion-base) var(--ease-standard)}.card.clickable{cursor:pointer}.card.clickable:hover,.card.hoverable:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.card-section{margin-bottom:var(--sp-5)}.card-title{font-size:var(--fs-heading);font-weight:var(--fw-heading);line-height:var(--lh-heading);margin-bottom:var(--sp-2)}.tag{border-radius:var(--radius-full);padding:0 var(--sp-2);height:20px;font-size:var(--fs-micro);font-weight:var(--fw-micro);line-height:var(--lh-micro);white-space:nowrap;align-items:center;display:inline-flex}.tag[data-tone=neutral]{background:var(--c-surface-3);color:var(--c-text-3)}.tag[data-tone=primary]{background:var(--c-primary-soft);color:var(--c-primary-strong)}.tag[data-tone=success]{background:var(--c-success-soft);color:var(--c-success)}.tag[data-tone=warn]{background:var(--c-warn-soft);color:var(--c-warn)}.tag[data-tone=danger]{background:var(--c-danger-soft);color:var(--c-danger)}.tag[data-tone=info]{background:var(--c-info-soft);color:var(--c-info)}.field{gap:var(--sp-1);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.field>label{font-size:var(--fs-caption);color:var(--c-text-2)}.field input,.field textarea,.field select{height:36px;padding:0 var(--sp-3);border:1px solid var(--c-line-2);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text-1);font-size:var(--fs-body);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);font-family:inherit}.field textarea{height:auto;padding:var(--sp-2) var(--sp-3);resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--c-danger)}.field-error{font-size:var(--fs-caption);color:var(--c-danger)}.step-bubbles{list-style:none}.step-bubbles li{align-items:flex-start;gap:var(--sp-3);padding-bottom:var(--sp-5);display:flex;position:relative}.step-bubbles li:before{content:""}.step-bubbles li:after{content:"";background:var(--c-line-2);width:2px;position:absolute;top:14px;bottom:-2px;left:4px}.step-bubbles li:last-child{padding-bottom:0}.step-bubbles li:last-child:after{display:none}.step-dot{border-radius:var(--radius-full);border:2px solid var(--c-line-2);background:var(--c-surface);z-index:1;flex:none;width:10px;height:10px;margin-top:5px}li.is-done .step-dot,li.is-active .step-dot,li.is-error .step-dot{border-color:#0000}li.is-done .step-dot{background:var(--c-primary)}li.is-active .step-dot{background:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);animation:breathe 1.2s var(--ease-standard) infinite}li.is-error .step-dot{background:var(--c-danger)}li.is-skipped .step-dot{background:var(--c-warn);border-color:#0000}@keyframes breathe{0%,to{box-shadow:0 0 0 3px var(--c-primary-soft)}50%{box-shadow:0 0 0 6px var(--c-primary-soft)}}.step-label{font-size:var(--fs-micro);color:var(--c-text-3)}li.is-active .step-label{color:var(--c-text-1);font-weight:var(--fw-micro)}.step-skip-pill{margin-left:var(--sp-2);height:16px;padding:0 var(--sp-1);background:var(--c-warn-soft);color:var(--c-warn);border-radius:var(--radius-full);font-size:var(--fs-micro);align-items:center;display:inline-flex}.sheet-mask{z-index:var(--z-sheet);background:var(--c-overlay);animation:fade var(--motion-base) var(--ease-standard);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--c-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:min(var(--page-max), 640px);max-height:80vh;padding:var(--sp-2) var(--sp-5) var(--sp-5);animation:slide-up var(--motion-slow) var(--ease-standard);margin:0 auto;overflow:auto}.sheet-handle{border-radius:var(--radius-full);background:var(--c-line-2);width:36px;height:4px;margin:var(--sp-1) auto var(--sp-3)}.sheet-title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-title);margin-bottom:var(--sp-4)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stream{position:relative}.caret{vertical-align:text-bottom;background:var(--c-primary);width:2px;height:1.2em;animation:blink var(--caret-blink) step-end infinite;margin-left:2px;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.skeleton{background:var(--c-surface-2);border-radius:var(--radius-sm);background-image:linear-gradient(90deg, transparent, var(--c-surface-3), transparent);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;padding-top:var(--sp-10);color:var(--c-text-3)}.empty svg{color:var(--c-text-4);margin-bottom:var(--sp-3)}.empty-title{font-size:var(--fs-body-strong);font-weight:var(--fw-body-strong);color:var(--c-text-1);margin-bottom:var(--sp-1)}.empty-desc{font-size:var(--fs-caption);margin-bottom:var(--sp-4)}#toasts{top:var(--sp-4);z-index:var(--z-toast);gap:var(--sp-2);width:min(480px, calc(100vw - var(--sp-8)));flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--c-text-1);color:var(--c-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-body);align-items:center;gap:var(--sp-3);animation:fade var(--motion-base) var(--ease-standard);display:flex}.toast [data-tone=error]{color:var(--c-danger)}.toast-action{color:var(--c-info);cursor:pointer;font-weight:var(--fw-body-strong);font-size:var(--fs-body);background:0 0;border:none}dialog.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--sp-5);width:min(440px, calc(100vw - var(--sp-8)));background:var(--c-surface);border:none}dialog.modal::backdrop{background:var(--c-overlay)}.modal-title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-title);margin-bottom:var(--sp-3)}.modal-body{font-size:var(--fs-body);color:var(--c-text-2);margin-bottom:var(--sp-5)}.modal-actions{justify-content:flex-end;gap:var(--sp-2);display:flex}.page{max-width:var(--page-max);padding:var(--sp-6);margin:0 auto}@media (width>=1280px){.page{padding:var(--sp-8)}}.topbar{z-index:var(--z-sticky);align-items:center;gap:var(--sp-4);height:56px;padding:0 var(--sp-6);background:var(--c-surface);border-bottom:1px solid var(--c-line-1);display:flex;position:sticky;top:0}.topbar .brand{font-size:var(--fs-heading);font-weight:var(--fw-heading);color:var(--c-primary-strong)}.topbar-right{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--c-text-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--c-surface-2)}.badge{border-radius:var(--radius-full);background:var(--c-danger);min-width:16px;height:16px;color:var(--c-surface);font-size:var(--fs-micro);text-align:center;padding:0 4px;line-height:16px;position:absolute;top:2px;right:2px}.avatar-menu{position:relative}.menu{right:0;top:calc(100% + var(--sp-2));z-index:var(--z-dropdown);background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-2);padding:var(--sp-1);list-style:none;position:absolute}.menu button,.menu a{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-body);color:var(--c-text-1);cursor:pointer;background:0 0;border:none;display:block}.menu button:hover,.menu a:hover{background:var(--c-surface-2)}.project-bar{align-items:center;gap:var(--sp-4);height:56px;padding:0 var(--sp-6);background:var(--c-surface);border-bottom:1px solid var(--c-line-1);z-index:var(--z-sticky);display:flex;position:sticky;top:0}.project-bar .title{font-size:var(--fs-heading);font-weight:var(--fw-heading)}.project-tabs{gap:var(--sp-1);display:flex}.project-tabs a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-body);color:var(--c-text-2)}.project-tabs a.active{background:var(--c-primary-soft);color:var(--c-primary-strong);font-weight:var(--fw-body-strong)}.workbench{height:calc(100vh - 56px);display:flex;overflow:hidden}.rail{width:var(--rail-w);align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;background:var(--c-surface);border-right:1px solid var(--c-line-1);flex-direction:column;flex:none;display:flex}.rail a,.rail button{border-radius:var(--radius-md);width:44px;height:44px;color:var(--c-text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.rail a.active,.rail button.active{background:var(--c-primary-soft);color:var(--c-primary-strong)}.tree{width:var(--tree-w);background:var(--c-surface);border-right:1px solid var(--c-line-1);padding:var(--sp-3);flex:none;overflow:auto}.tree-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-body);color:var(--c-text-2);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;display:flex}.tree-row:hover{background:var(--c-surface-2)}.tree-row.current{background:var(--c-primary-soft);color:var(--c-primary-strong)}.tree-row .num{color:var(--c-text-3);font-size:var(--fs-caption);flex:none}.status-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px;margin-left:auto}.status-dot[data-status=running]{background:var(--c-task-running)}.status-dot[data-status=awaiting]{background:var(--c-task-awaiting)}.status-dot[data-status=failed]{background:var(--c-task-failed)}.status-dot[data-status=succeeded]{background:var(--c-task-succeeded)}.editor-pane{flex-direction:column;flex:1;min-width:560px;display:flex;overflow:hidden}.editor-scroll{background:var(--c-bg-page);flex:1;overflow:auto}.editor-paper{background:var(--c-paper);border:1px solid var(--c-paper-line);border-radius:var(--radius-md);margin:var(--sp-4);padding:var(--sp-10) var(--sp-10) var(--sp-16);max-width:860px}.editor-paper textarea{resize:none;width:100%;min-height:60vh;font-family:inherit;font-size:var(--fs-editor);line-height:var(--lh-editor);color:var(--c-text-1);background:0 0;border:none}.editor-paper textarea:focus{outline:none}.editor-toolbar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-line-1);background:var(--c-surface);display:flex}.save-state{font-size:var(--fs-caption);color:var(--c-text-3)}.save-state.unsaved{color:var(--c-warn)}.word-count{font-size:var(--fs-caption);color:var(--c-text-3)}.ai-panel{width:var(--ai-panel-w);background:var(--c-surface);border-left:1px solid var(--c-line-1);padding:var(--sp-4);flex:none;overflow:auto}.ai-tabs{gap:var(--sp-1);margin-bottom:var(--sp-4);display:flex}.ai-tabs button{border-radius:var(--radius-md);background:var(--c-surface-2);height:32px;color:var(--c-text-2);font-size:var(--fs-body);cursor:pointer;border:none;flex:1}.ai-tabs button.active{background:var(--c-primary);color:var(--c-surface);font-weight:var(--fw-body-strong)}@media (width<=1279px){.ai-panel{z-index:var(--z-sheet);box-shadow:var(--shadow-2);position:fixed;top:56px;bottom:0;right:0}}@media (width<=1023px){.tree{left:var(--rail-w);z-index:var(--z-sheet);box-shadow:var(--shadow-2);position:fixed;top:56px;bottom:0}}.grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.grid>*{min-width:0}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer;flex:none}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}.grid--fill{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid-3{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1023px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-3{grid-template-columns:1fr}}.row{align-items:center;gap:var(--sp-2);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.muted{color:var(--c-text-3);font-size:var(--fs-caption);overflow-wrap:anywhere}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.table{border-collapse:collapse;background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-md);width:100%;overflow:hidden}.table th,.table td{padding:var(--sp-2) var(--sp-3);text-align:left;border-bottom:1px solid var(--c-line-1);font-size:var(--fs-body)}.table th{background:var(--c-surface-2);color:var(--c-text-3);font-weight:var(--fw-micro)}.auth-card{max-width:400px;margin:var(--sp-16) auto;background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--sp-6)}.notice{border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-body)}.notice[data-tone=warn]{background:var(--c-warn-soft);color:var(--c-warn)}.notice[data-tone=danger]{background:var(--c-danger-soft);color:var(--c-danger)}.notice[data-tone=info]{background:var(--c-info-soft);color:var(--c-info)}.notice[data-tone=success]{background:var(--c-success-soft);color:var(--c-success)}.error-box{background:var(--c-danger-soft);color:var(--c-danger);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-caption)}.book-card .cover{border-radius:var(--radius-md);background:var(--c-primary-soft);height:120px;color:var(--c-primary-strong);font-size:var(--fs-title);font-weight:var(--fw-title);margin-bottom:var(--sp-3);justify-content:center;align-items:center;display:flex}.book-card .continue{visibility:hidden}.book-card:hover .continue{visibility:visible}.patch-block{border:1px solid var(--c-primary-soft);border-radius:var(--radius-md);background:var(--c-primary-soft);padding:var(--sp-3);margin:var(--sp-2) 0}.patch-old{color:var(--c-text-4);font-size:var(--fs-caption);text-decoration:line-through}.patch-new{color:var(--c-primary-strong);font-size:var(--fs-body)}.outline-cols{gap:var(--sp-4);align-items:flex-start;display:flex}.outline-versions{flex:none;width:240px}.outline-chapters{flex:1;min-width:0}.outline-endings{flex:none;width:320px}@media (width<=1279px){.outline-cols{flex-wrap:wrap}.outline-versions,.outline-endings{width:100%}}.stat-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-num{font-size:var(--fs-display);font-weight:var(--fw-display);line-height:var(--lh-display)}.ring{transform:rotate(-90deg)}.bar-chart{align-items:flex-end;gap:var(--sp-2);height:120px;display:flex}.bar-chart .bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--c-chart-1);flex:1;min-height:2px}.notif-panel{right:0;top:calc(100% + var(--sp-2));z-index:var(--z-dropdown);background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-md);width:360px;max-height:480px;box-shadow:var(--shadow-2);padding:var(--sp-2);position:absolute;overflow:auto}.notif-item{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;display:block}.notif-item:hover{background:var(--c-surface-2)}.notif-item.unread{background:var(--c-info-soft)}.page-head{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.page-head h2{font-size:var(--fs-title);font-weight:var(--fw-title)}.inline-form{gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:flex-end;display:flex}.inline-form .field{min-width:180px;margin-bottom:0}.row-actions{gap:var(--sp-1);display:flex}.banner{background:var(--c-info-soft);color:var(--c-info);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-body)}.logbox{background:var(--c-surface-2,#f6f7f9);border:1px solid var(--c-line);border-radius:var(--radius-md);padding:var(--sp-3);font-family:var(--font-mono,monospace);font-size:var(--fs-caption);white-space:pre-wrap;word-break:break-all;color:var(--c-text-2);line-height:1.6}.tag.ok{background:var(--c-success-soft);color:var(--c-success)}.tag.bad{background:var(--c-danger-soft);color:var(--c-danger)}.tag.warn{background:var(--c-warn-soft);color:var(--c-warn)}.tag.info{background:var(--c-info-soft);color:var(--c-info)}.btn.ghost{color:var(--c-primary);border-color:var(--c-line-2);background:0 0}.btn.ghost:hover{background:var(--c-primary-soft)}.btn.warn{background:var(--c-warn)}.btn.sm{height:28px;padding:0 var(--sp-3);font-size:var(--fs-caption)}.field>span{font-size:var(--fs-caption);color:var(--c-text-2)}.auth-main{min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.panel{background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--sp-4);margin-bottom:var(--sp-4)}.kv{gap:var(--sp-1) var(--sp-4);font-size:var(--fs-caption);grid-template-columns:auto 1fr;display:grid}.kv dt{color:var(--c-text-3)}.kv dd{margin:0}.logs{font-family:var(--font-mono);font-size:var(--fs-micro);background:var(--c-surface-2);border-radius:var(--radius-sm);max-height:300px;padding:var(--sp-2);overflow:auto}.cols{gap:var(--sp-4);display:grid}.diff-cols{gap:var(--sp-3);font-size:var(--fs-caption);grid-template-columns:1fr 1fr;display:grid}.event-log{font-size:var(--fs-caption);max-height:240px;overflow:auto}.grid2{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.topnav{align-items:center;gap:var(--sp-1);display:flex;overflow-x:auto}.topnav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);min-height:44px;color:var(--c-text-2);font-size:var(--fs-body);white-space:nowrap;align-items:center;display:inline-flex}.topnav a:hover{background:var(--c-surface-2)}.topnav a.active{background:var(--c-primary-soft);color:var(--c-primary-strong);font-weight:var(--fw-body-strong)}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--fs-display);font-weight:var(--fw-display);line-height:var(--lh-display)}.page-sub{color:var(--c-text-3);font-size:var(--fs-caption);margin-top:var(--sp-1)}.toolbar{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.tabs{gap:var(--sp-1);border-bottom:1px solid var(--c-line-1);margin-bottom:var(--sp-4);display:flex;overflow-x:auto}.tabs button{padding:var(--sp-2) var(--sp-3);color:var(--c-text-3);font-size:var(--fs-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000}.tabs button.active{color:var(--c-primary-strong);border-bottom-color:var(--c-primary);font-weight:var(--fw-body-strong)}.split{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 340px;align-items:flex-start;display:grid}@media (width<=1023px){.split{grid-template-columns:1fr}}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.list-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--c-line-1);display:flex}.list-row:last-child{border-bottom:none}.list-row .grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.list-row .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{border-radius:var(--radius-full);background:var(--c-surface-3);height:6px;overflow:hidden}.progress-fill{background:var(--c-primary);height:100%;transition:width var(--motion-base) var(--ease-standard)}.progress-fill[data-status=failed]{background:var(--c-danger)}.progress-fill[data-status=succeeded]{background:var(--c-success)}.progress-fill[data-status=canceling],.progress-fill[data-status=canceled]{background:var(--c-text-muted,var(--c-primary))}.metric{background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-md);padding:var(--sp-3)}.metric .label{color:var(--c-text-3);font-size:var(--fs-caption)}.metric .value{font-size:var(--fs-title);font-weight:var(--fw-title);font-variant-numeric:tabular-nums}.metric-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));display:grid}.metric-grid>*{min-width:0}.kv-grid{gap:var(--sp-2) var(--sp-4);font-size:var(--fs-body);grid-template-columns:max-content 1fr;display:grid}.kv-grid dt{color:var(--c-text-3)}.kv-grid dd{color:var(--c-text-1);margin:0}.chip{align-items:center;gap:var(--sp-1);padding:0 var(--sp-2);border:1px solid var(--c-line-2);border-radius:var(--radius-full);background:var(--c-surface);height:24px;color:var(--c-text-2);font-size:var(--fs-caption);cursor:pointer;display:inline-flex}.chip[aria-pressed=true]{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary-strong)}.cover-img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-md);background:var(--c-surface-2);width:100%}.cover-ph{aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--c-primary-soft);width:100%;color:var(--c-primary-strong);font-size:var(--fs-display);font-weight:var(--fw-display);justify-content:center;align-items:center;display:flex}.dropzone{border:1px dashed var(--c-line-2);border-radius:var(--radius-md);padding:var(--sp-5);text-align:center;color:var(--c-text-3);background:var(--c-surface)}.dropzone input[type=file]{display:none}.chat-layout{gap:var(--sp-4);grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 120px);min-height:480px;display:grid}@media (width<=900px){.chat-layout{grid-template-columns:1fr;height:auto}}.chat-side{background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-lg);padding:var(--sp-3);overflow:auto}.chat-main{background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex}.chat-scroll{padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;flex:1;display:flex;overflow:auto}.bubble{max-width:78%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--c-surface-2);color:var(--c-text-1);white-space:pre-wrap;word-break:break-word}.bubble[data-role=user]{background:var(--c-primary);color:var(--c-surface);align-self:flex-end}.bubble[data-role=system]{background:var(--c-warn-soft);color:var(--c-warn);font-size:var(--fs-caption);align-self:center}.bubble-meta{font-size:var(--fs-micro);color:var(--c-text-4);margin-top:var(--sp-1)}.composer{border-top:1px solid var(--c-line-1);padding:var(--sp-3);gap:var(--sp-2);align-items:flex-end;display:flex}.composer textarea{resize:vertical;min-height:44px;max-height:160px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line-2);border-radius:var(--radius-md);font-family:inherit;font-size:var(--fs-body);flex:1}.skill-card{gap:var(--sp-2);flex-direction:column;height:100%;display:flex}.style-swatch{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--c-primary), var(--c-chart-5), var(--c-success));height:8px}.portrait-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.portrait-tile{border:1px solid var(--c-line-1);border-radius:var(--radius-md);background:var(--c-surface-2);position:relative;overflow:hidden}.portrait-tile img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.portrait-tile .ph{aspect-ratio:3/4;width:100%;color:var(--c-text-4);font-size:var(--fs-caption);justify-content:center;align-items:center;display:flex}.portrait-tile .ops{gap:var(--sp-1);padding:var(--sp-1);border-top:1px solid var(--c-line-1);background:var(--c-surface-2);display:flex}.portrait-tile>div:last-child{padding:0 var(--sp-1) var(--sp-1)}.portrait-tile .ops button{flex:1}.stream-note{font-size:var(--fs-caption);color:var(--c-text-3)}.banner-list{max-height:420px;overflow:auto}.card-active{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary) inset}.sticky-actions{background:var(--c-surface);padding:var(--sp-3) 0;justify-content:flex-end;gap:var(--sp-2);border-top:1px solid var(--c-line-1);z-index:2;display:flex;position:sticky;bottom:0}@media (width<=900px){.page{padding:var(--sp-4)}.topbar{padding:0 var(--sp-3);gap:var(--sp-2)}.topbar .brand{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.split{gap:var(--sp-3)}.bubble{max-width:92%}}.skill-picks{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.skill-pick{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line-2);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer;font-size:var(--fs-body);display:inline-flex}.skill-pick.checked{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary-strong)}.skill-pick input{accent-color:var(--c-primary)}.lab-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.lab-col{border:1px solid var(--c-line-1);border-radius:var(--radius-md);padding:var(--sp-3);background:var(--c-surface);gap:var(--sp-2);flex-direction:column;display:flex}.lab-text{white-space:pre-wrap;word-break:break-word;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text-1);max-height:420px;margin:0;overflow:auto}.dc-report-md{white-space:pre-wrap;word-break:break-word;line-height:1.75;font-size:var(--fs-body);color:var(--c-text)}.drawer-mask{z-index:var(--z-sheet);background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--c-bg);border-left:1px solid var(--c-line-2);width:min(560px,100%);height:100%;padding:var(--sp-4);overflow-y:auto}.form-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.drawer label:not(.dim-row){gap:var(--sp-1);margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--c-text-2);flex-direction:column;display:flex}.drawer label:not(.dim-row)>input,.drawer label:not(.dim-row)>select,.drawer label:not(.dim-row)>textarea{width:100%;padding:var(--sp-2);border:1px solid var(--c-line-2);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font-family:inherit;font-size:var(--fs-body);line-height:1.4}.drawer label:not(.dim-row)>select,.drawer label:not(.dim-row)>input:not([type=range]){height:34px;padding:0 var(--sp-2)}.drawer label:not(.dim-row)>textarea{resize:vertical;min-height:56px}.drawer label>input[type=range]{background:0 0;border:none;width:100%;padding:0}.form-grid>label{gap:var(--sp-1);font-size:var(--fs-caption);color:var(--c-text-2);flex-direction:column;display:flex}.form-grid input,.form-grid select{height:34px;padding:0 var(--sp-2);border:1px solid var(--c-line-2);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text)}.dim-bar{background:var(--c-line-2);border-radius:3px;height:6px;margin-top:2px;overflow:hidden}.dim-bar-fill{background:var(--c-primary);height:100%}.dim-row{align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--c-text-2);grid-template-columns:64px 1fr 40px;display:grid}.ai-chip{border:1px solid var(--c-primary);border-radius:var(--radius-full);height:22px;color:var(--c-primary);font-size:var(--fs-micro);cursor:pointer;white-space:nowrap;background:0 0;flex:none;padding:0 8px;line-height:20px}.ai-chip:hover:not(:disabled){background:var(--c-primary);color:var(--c-surface)}.ai-chip:disabled{opacity:.5;cursor:default}.admin-shell{background:var(--c-bg-page);min-height:100vh;display:flex}.admin-side{background:var(--c-surface);border-right:1px solid var(--c-line-1);flex-direction:column;flex:none;width:232px;height:100vh;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:var(--sp-2);height:56px;padding:0 var(--sp-4);border-bottom:1px solid var(--c-line-1);font-size:var(--fs-heading);font-weight:var(--fw-heading);color:var(--c-primary-strong);flex:none;display:flex}.admin-brand .logo{border-radius:var(--radius-sm);background:var(--c-primary);width:28px;height:28px;color:var(--c-surface);flex:none;justify-content:center;align-items:center;display:inline-flex}.admin-nav{padding:var(--sp-3) var(--sp-2);flex:1;overflow-y:auto}.admin-nav-group+.admin-nav-group{margin-top:var(--sp-4)}.admin-nav-title{font-size:var(--fs-micro);font-weight:var(--fw-micro);color:var(--c-text-4);padding:0 var(--sp-2) var(--sp-2);letter-spacing:.06em}.admin-nav a{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-body);color:var(--c-text-2);margin-bottom:2px;display:flex}.admin-nav a:hover{background:var(--c-surface-2);color:var(--c-text-1)}.admin-nav a.active{background:var(--c-primary-soft);color:var(--c-primary-strong);font-weight:var(--fw-body-strong)}.admin-nav .nav-ico{opacity:.8;flex:none;display:inline-flex}.admin-side-foot{border-top:1px solid var(--c-line-1);padding:var(--sp-3);font-size:var(--fs-caption);color:var(--c-text-3);flex:none}.admin-side-foot .role-line{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.admin-side-foot .foot-links{gap:var(--sp-3);display:flex}.admin-side-foot .foot-links a{color:var(--c-primary);align-items:center;gap:4px;display:inline-flex}.admin-side-foot .foot-links a:hover{text-decoration:underline}.admin-main{min-width:0;padding:var(--sp-6);flex:1}@media (width>=1280px){.admin-main{padding:var(--sp-8)}}.admin-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.admin-head h1{font-size:var(--fs-display);font-weight:var(--fw-display);line-height:var(--lh-display);color:var(--c-text-1)}.admin-head .sub{color:var(--c-text-3);font-size:var(--fs-caption);margin-top:var(--sp-1)}.admin-head-actions{align-items:center;gap:var(--sp-2);display:flex}.kpi-grid{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi{background:var(--c-surface);border:1px solid var(--c-line-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--sp-4)}.kpi .k-label{font-size:var(--fs-caption);color:var(--c-text-3);align-items:center;gap:var(--sp-2);display:flex}.kpi .k-num{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-title);margin-top:var(--sp-1);color:var(--c-text-1)}.kpi .k-num.danger{color:var(--c-danger)}.kpi .k-num.warn{color:var(--c-warn)}.kpi .k-foot{font-size:var(--fs-micro);color:var(--c-text-4);margin-top:var(--sp-1)}.table{box-shadow:var(--shadow-1)}.table tbody tr:hover{background:var(--c-surface-2)}.table tbody tr:last-child td{border-bottom:none}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table .row-actions{justify-content:flex-end}.seg{background:var(--c-surface-2);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.seg button{cursor:pointer;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-caption);color:var(--c-text-2);white-space:nowrap;background:0 0;border:none}.seg button:hover{color:var(--c-text-1)}.seg button.active{background:var(--c-surface);color:var(--c-primary-strong);font-weight:var(--fw-body-strong);box-shadow:var(--shadow-1)}.admin-empty{text-align:center;padding:var(--sp-10) var(--sp-4);color:var(--c-text-3)}.admin-empty .empty-title{font-size:var(--fs-body-strong);font-weight:var(--fw-body-strong);color:var(--c-text-2);margin-bottom:var(--sp-1)}.admin-empty .empty-desc{font-size:var(--fs-caption)}.panel{box-shadow:var(--shadow-1)}.panel>h3{font-size:var(--fs-heading);font-weight:var(--fw-heading);line-height:var(--lh-heading);margin-bottom:var(--sp-3);align-items:center;gap:var(--sp-2);display:flex}.panel>h3 .hint{font-size:var(--fs-caption);font-weight:var(--fw-body);color:var(--c-text-3)}.cfg-row{gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--c-line-1);grid-template-columns:minmax(180px,1.2fr) minmax(120px,1fr) auto;align-items:center;display:grid}.cfg-row:last-child{border-bottom:none}.cfg-row .cfg-meta .cfg-label{font-size:var(--fs-body);color:var(--c-text-1)}.cfg-row .cfg-meta .cfg-desc{font-size:var(--fs-micro);color:var(--c-text-3);margin-top:2px}.cfg-row .cfg-meta .cfg-key{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--c-text-4)}.cfg-row .cfg-input input{width:140px}.cfg-row .cfg-state{font-size:var(--fs-micro)}.cfg-state.overridden{color:var(--c-info)}.cfg-state.default{color:var(--c-text-4)}@media (width<=719px){.cfg-row{gap:var(--sp-2);grid-template-columns:1fr}.cfg-row .cfg-input input{width:100%}}.log-detail{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--c-text-3);word-break:break-all;max-width:420px}@media (width<=1023px){.admin-shell{flex-direction:column}.admin-side{width:100%;height:auto;position:static}.admin-brand{border-bottom:none}.admin-nav{padding:var(--sp-2);gap:var(--sp-2);border-top:1px solid var(--c-line-1);display:flex;overflow-x:auto}.admin-nav-group{flex:none}.admin-nav-group+.admin-nav-group{margin-top:0}.admin-nav-title{display:none}.admin-nav a{white-space:nowrap;margin-bottom:0}.admin-side-foot{display:none}}