:root{--brand: #4F6BFF;--brand-hover: #3A52E0;--brand-pressed: #2F44C4;--brand-50: #EEF1FF;--accent: #22D3EE;--violet: #8A6BFF;--grad: linear-gradient(135deg,#4F6BFF 0%,#7A6BFF 52%,#22D3EE 130%);--grad-soft: linear-gradient(135deg,#EEF1FF 0%,#F1F7FF 100%);--glow: 0 0 0 1px rgba(79,107,255,.1), 0 0 28px rgba(79,107,255,.22);--ink: #0F1424;--ink-2: #555C74;--ink-3: #98A0B8;--line: #EAEDF6;--bg: #F4F6FC;--card: #FFFFFF;--dark: #0B1020;--dark-2: #141A30;--ok: #22C55E;--warn: #F5A524;--danger: #EF4667;--info: #4F6BFF;--ok-bg: #E7F9F0;--ok-fg: #12855A;--warn-bg: #FFF4E0;--warn-fg: #9A6212;--danger-bg: #FDECEF;--danger-fg: #C42A47;--info-bg: #EEF1FF;--info-fg: #3A52E0;--off-bg: #F1F3F9;--off-fg: #98A0B8;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--sh-1: 0 1px 2px rgba(15,20,36,.04), 0 6px 20px rgba(15,20,36,.05);--sh-2: 0 10px 34px rgba(79,107,255,.2);--sp-1: 8px;--sp-2: 12px;--sp-3: 16px;--sp-4: 24px;--sp-5: 32px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-h1: 22px;--fs-h2: 16px;--fs-h3: 13.5px;--fs-body: 14px;--fs-cap: 12px;--dur-hover: .12s;--dur-layer: .2s;--dur-page: .24s;--ease: cubic-bezier(.22,.61,.36,1);--on-brand: #FFFFFF;--brand-100:#C9D2F5;--surface-3:#FAFBFF;--chip-bg: #F2F4FB;--bg-soft: #F7F8FB;--dark-fg: #E7EBFA;--code-fg: #C9D6FF;--sk-from: #EEF1F8;--sk-mid: #F7F9FF;--scroll: #D8DCE8;--scroll-hover:#C7CEE6;--light-r:#FF5F57;--light-y:#FEBC2E;--light-g:#28C840;--pet-grad: radial-gradient(circle at 34% 30%, #8FD8FF, #4F6BFF 46%, #7A6BFF 72%, #22D3EE);--w-sm: 140px;--w-md: 168px;--w-lg: 230px;--grid-gap: 16px;--nav-w: 206px;--nav-w-collapsed: 60px;--titlebar-h: 40px;color-scheme:light}[data-theme=dark],.theme-dark{--bg: #0B1020;--card: #141A30;--line: #232B47;--ink: #E7EBFA;--ink-2: #A9B2D4;--ink-3: #7C86A8;--brand-50: rgba(79,107,255,.16);--brand-100: rgba(79,107,255,.34);--surface-3: #1A2140;--chip-bg: #1E2648;--bg-soft: #171E38;--info-bg: rgba(79,107,255,.16);--info-fg: #9DB2FF;--ok-bg: rgba(34,197,94,.16);--ok-fg: #5BDD93;--warn-bg: rgba(245,165,36,.16);--warn-fg: #F3BE63;--danger-bg: rgba(239,70,103,.16);--danger-fg:#FF8DA4;--off-bg: #232B47;--off-fg: #98A0B8;--grad-soft: linear-gradient(135deg,#1B2244 0%,#141A30 100%);--sk-from: #1B2244;--sk-mid: #232B47;--scroll: #2A3357;--scroll-hover:#38436E;--sh-1: 0 1px 2px rgba(0,0,0,.4), 0 6px 20px rgba(0,0,0,.36);--sh-2: 0 10px 34px rgba(0,0,0,.55);--mask-bg: rgba(3,6,16,.62);color-scheme:dark}:root{--mask-bg: rgba(11,16,32,.44)}[data-brand=custom]{--brand: var(--brand-custom, #4F6BFF)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:1ms!important}}@media (prefers-reduced-transparency: reduce){:root{--mask-bg: rgba(11,16,32,.72)}.mask,.drawer-mask{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs-body)/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;transition:background var(--dur-layer) var(--ease),color var(--dur-layer) var(--ease)}#root{min-height:100vh}a{color:var(--brand);text-decoration:none}button{font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;padding:8px 14px;border-radius:var(--r-sm);background:var(--brand);color:var(--on-brand);font-size:13px;font-weight:600}.skip-link:focus{left:12px}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap1{gap:8px}.gap2{gap:12px}.gap3{gap:16px}.gap4{gap:24px}.grow{flex:1}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.h1{font-size:var(--fs-h1);font-weight:700;margin:0;letter-spacing:-.01em}.h2{font-size:var(--fs-h2);font-weight:700;margin:0}.h3{font-size:var(--fs-h3);font-weight:700;margin:0}.cap{font-size:var(--fs-cap)}.center{display:grid;place-items:center}.btn{border:none;border-radius:var(--r-sm);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:transform var(--dur-hover) var(--ease),filter var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-p{background:var(--grad);color:var(--on-brand);box-shadow:var(--sh-2)}.btn-p:hover{filter:brightness(1.05)}.btn-s{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn-s:hover{border-color:var(--brand-100)}.btn-t{background:transparent;color:var(--brand)}.btn-danger{background:var(--danger);color:var(--on-brand)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.btn-sm{padding:5px 11px;font-size:12px}.btn-block{width:100%}.btn.is-loading{pointer-events:none;opacity:.75}.btn.is-loading:before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .8s linear infinite}.card{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;background:var(--card)}.card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-lift{transition:all var(--dur-layer) var(--ease)}.card-lift:hover{border-color:var(--brand-100);box-shadow:var(--sh-1);transform:translateY(-2px)}.co{caret-color:transparent}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;font-family:var(--font-sans);background:var(--card);color:var(--ink);transition:border-color var(--dur-hover) var(--ease)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f6bff1f}.input:disabled,.select:disabled,.textarea:disabled{background:var(--bg-soft);color:var(--ink-3);cursor:not-allowed}.input[readonly]{background:var(--bg-soft)}.toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.field-inline{width:auto}.w-sm{width:var(--w-sm)}.w-md{width:var(--w-md)}.w-lg{width:var(--w-lg)}.switch.disabled{opacity:.45;cursor:not-allowed}.textarea{min-height:92px;resize:vertical;line-height:1.6}.label{font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:6px;display:block}.field{margin-bottom:14px}.switch{position:relative;width:40px;height:22px;border-radius:999px;background:var(--line);cursor:pointer;transition:all var(--dur-layer) var(--ease);flex:none}.switch.on{background:var(--grad)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--on-brand);transition:all var(--dur-layer) var(--ease)}.switch.on:after{left:21px}.switch:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.tag-ok{background:var(--ok-bg);color:var(--ok-fg)}.tag-info{background:var(--info-bg);color:var(--info-fg)}.tag-warn{background:var(--warn-bg);color:var(--warn-fg)}.tag-danger{background:var(--danger-bg);color:var(--danger-fg)}.tag-off{background:var(--off-bg);color:var(--off-fg)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width var(--dur-page) var(--ease)}.bar.sm{height:6px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:12px;color:var(--ink-3);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--line)}.table td{padding:11px 12px;border-bottom:1px solid var(--line)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--surface-3)}.table tbody tr.row-active td{background:var(--brand-50);box-shadow:inset 3px 0 0 var(--brand)}.table tbody tr.row-active td:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.table tbody tr.row-active td:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.card.card-active{outline:2px solid var(--brand);outline-offset:2px;background:var(--brand-50)}.frame{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.titlebar{height:40px;display:flex;align-items:center;padding:0 14px;gap:12px;background:var(--card);border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;flex:none}.lights{display:flex;gap:8px}.lights i{width:12px;height:12px;border-radius:50%;display:block}.lights i:nth-child(1){background:var(--light-r)}.lights i:nth-child(2){background:var(--light-y)}.lights i:nth-child(3){background:var(--light-g)}.titlebar .t{font-size:12.5px;font-weight:600;color:var(--ink-2)}.tb-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-2)}.body{display:flex;flex:1;min-height:0}.nav{width:206px;flex:none;background:var(--card);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px}.nav-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 14px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-sm);font-size:13px;color:var(--ink-2);cursor:pointer;transition:all var(--dur-hover) var(--ease);border:none;background:none;text-align:left;width:100%}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--brand-50);color:var(--brand);font-weight:600}.nav-item .ico{width:18px;text-align:center;font-size:15px}.nav-sec{font-size:11px;color:var(--ink-3);padding:14px 11px 6px;font-weight:600;letter-spacing:.04em}.main{flex:1;min-width:0;overflow:auto}.page{padding:24px 28px;max-width:1280px}.page-h{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.grid{display:grid;gap:var(--grid-gap)}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.g2,.g3,.g4,.metrics,.kb-layout,.dual{grid-template-columns:1fr}}.emp-card{display:flex;flex-direction:column;gap:12px}.emp-top{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:var(--grad-soft);border:1px solid var(--line);flex:none}.avatar.lg{width:56px;height:56px;font-size:28px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--chip-bg);color:var(--ink-2)}.new-card{border:1.5px dashed var(--brand-100);border-radius:var(--r-md);display:grid;place-items:center;min-height:168px;color:var(--brand);cursor:pointer;background:var(--surface-3);transition:all var(--dur-layer) var(--ease)}.new-card:hover{background:var(--brand-50);border-color:var(--brand)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.metric{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;background:var(--card)}.metric .n{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.metric .l{font-size:12px;color:var(--ink-3)}.login{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}.login-hero{background:var(--dark);color:var(--dark-fg);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:56px}.login-hero:after{content:"";position:absolute;inset:-30% -10% auto;height:620px;background:radial-gradient(46% 46% at 30% 30%,rgba(79,107,255,.34),transparent 70%),radial-gradient(40% 40% at 72% 42%,rgba(34,211,238,.22),transparent 72%);filter:blur(6px);pointer-events:none}.login-hero>*{position:relative;z-index:1}.login-form{display:grid;place-items:center;padding:40px}.login-box{width:340px}.pet{position:relative;display:grid;place-items:center}.pet-core{border-radius:50%;background:var(--pet-grad);box-shadow:0 0 24px #4f6bff6b,inset 0 0 18px #ffffff47;animation:breathe 3.2s var(--ease) infinite}.pet-sm .pet-core{width:30px;height:30px}.pet-lg .pet-core{width:110px;height:110px}.pet-ring{position:absolute;border:1.5px solid rgba(79,107,255,.34);border-radius:50%;animation:pulse 2.4s var(--ease) infinite}.pet-sm .pet-ring{width:40px;height:40px}.pet-lg .pet-ring{width:152px;height:152px}.pet-eyes{position:absolute;display:flex;gap:22%;width:42%;height:30%;top:40%;left:29%}.pet-eyes i{flex:1;background:var(--dark);border-radius:999px;opacity:.82}.pet-sm .pet-eyes{width:34%;height:22%;top:42%;left:33%}.pet-thinking .pet-core{animation:breathe 1.2s var(--ease) infinite}.pet-working .pet-ring{border-color:#22d3ee99}.pet{--pet-halo: rgba(79,107,255,.42);--pet-ring-c: rgba(79,107,255,.34)}.pet-core{box-shadow:0 0 24px var(--pet-halo),inset 0 0 18px #ffffff47}.pet-ring{border-color:var(--pet-ring-c)}.pet-happy{--pet-halo: rgba(34,197,151,.45);--pet-ring-c: rgba(34,197,151,.45)}.pet-happy .pet-core{animation:breathe 2s var(--ease) infinite}.pet-happy .pet-eyes i{background:var(--ok)}.pet-alert{--pet-halo: rgba(245,158,11,.5);--pet-ring-c: rgba(245,158,11,.55)}.pet-alert .pet-ring{animation:pulse 1.2s var(--ease) infinite}.pet-alert .pet-eyes i{background:var(--warn)}.pet-sleep{--pet-halo: rgba(122,107,255,.28);--pet-ring-c: rgba(122,107,255,.22)}.pet-sleep .pet-core{animation:breathe 5.6s var(--ease) infinite;filter:saturate(.7) brightness(.86)}.pet-sleep .pet-eyes i{transform:scaleY(.18);opacity:.55}.pet-offline{--pet-halo: rgba(152,160,184,.28);--pet-ring-c: rgba(152,160,184,.28)}.pet-offline .pet-core{animation:none;filter:grayscale(1) brightness(.9)}.pet-offline .pet-ring{animation:none;opacity:.5}.pet-offline .pet-eyes i{transform:scaleY(.18);opacity:.5}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pulse{0%{transform:scale(.86);opacity:.7}to{transform:scale(1.24);opacity:0}}.bubble{max-width:74%;padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.7;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--grad);color:var(--on-brand);border-bottom-right-radius:4px}.bubble.bot{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}.cite{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--brand-50);color:var(--brand);margin:4px 6px 0 0;cursor:default}.workbench{display:grid;grid-template-columns:232px 1fr 268px;gap:0;flex:1;min-height:0}.wb-col{overflow:auto;border-right:1px solid var(--line);padding:14px;background:var(--card)}.wb-col:last-child{border-right:none}.task-item{padding:10px 11px;border-radius:var(--r-sm);cursor:pointer;margin-bottom:4px;transition:background var(--dur-hover) var(--ease)}.task-item:hover{background:var(--bg)}.task-item.active{background:var(--brand-50)}.chat-scroll{flex:1;overflow:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;background:var(--bg)}.step{border-left:2px solid var(--brand);padding:6px 0 6px 12px;margin:8px 0}.step .st{font-size:12.5px;font-weight:600}.step .sd{font-size:12px;color:var(--ink-3)}.artifact{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);margin-top:8px}.composer{padding:12px 20px 18px;border-top:1px solid var(--line);background:var(--card)}.empty{display:grid;place-items:center;gap:8px;padding:40px;color:var(--ink-3);text-align:center}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mask-bg);display:grid;place-items:center;z-index:50;padding:20px;animation:fadeIn var(--dur-layer) var(--ease)}.modal{width:100%;max-width:480px;background:var(--card);border-radius:var(--r-lg);box-shadow:0 20px 60px #0b10204d;overflow:hidden;animation:modalIn var(--dur-page) var(--ease)}@keyframes modalIn{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:none}}.modal-h{padding:16px 20px;border-bottom:1px solid var(--line);font-weight:700}.modal-b{padding:20px;max-height:66vh;overflow:auto}.modal-f{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.code{position:relative;background:var(--dark);color:var(--code-fg);border-radius:var(--r-sm);padding:12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.7;overflow:auto}.code .cp{position:absolute;top:8px;right:8px;font-size:11px;padding:3px 9px;border-radius:6px;background:#ffffff1a;color:var(--dark-fg);border:none;cursor:pointer}.kv{font-size:12px;color:var(--ink-2)}.stepper{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stepper .s{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}.stepper .s .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--chip-bg);font-size:11px;font-weight:700;color:var(--ink-3)}.stepper .s.on{color:var(--ink);font-weight:600}.stepper .s.on .num{background:var(--grad);color:var(--on-brand)}.stepper .s.done .num{background:var(--brand-50);color:var(--brand)}.stepper .sep{color:var(--line)}.tpl{border:1px solid var(--line);border-radius:var(--r-md);padding:13px;cursor:pointer;background:var(--card);transition:all var(--dur-hover) var(--ease);position:relative}.tpl:hover{border-color:var(--brand-100)}.tpl.on{border-color:transparent;box-shadow:0 0 0 2px var(--brand),var(--sh-1)}.tpl .badge{position:absolute;top:-8px;left:12px;font-size:10px;padding:2px 8px;border-radius:999px;background:var(--grad);color:var(--on-brand);font-weight:600}.cap-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:8px;transition:all var(--dur-hover) var(--ease)}.cap-item.granted{cursor:pointer}.cap-item.granted:hover{border-color:var(--brand-100)}.cap-item.locked{opacity:.5;background:var(--surface-3)}.dual{display:grid;grid-template-columns:1fr 1fr;gap:18px}.drop{border:1.5px dashed var(--brand-100);border-radius:var(--r-md);padding:18px;text-align:center;color:var(--brand);background:var(--surface-3);cursor:pointer;transition:all var(--dur-layer) var(--ease)}.drop:hover{background:var(--brand-50);border-color:var(--brand)}.stages{display:flex;gap:6px;margin-top:8px}.stages .sg{flex:1;height:4px;border-radius:999px;background:var(--line);position:relative}.stages .sg.done{background:var(--brand)}.stages .sg.cur{background:var(--accent)}.side-card{border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--card);margin-bottom:12px}.side-card.on{border-color:transparent;box-shadow:0 0 0 2px var(--brand)}.chat-stage{background:var(--dark);color:var(--dark-fg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover);background-clip:content-box}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mask-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;display:flex;justify-content:flex-end;animation:fadeIn var(--dur-layer) var(--ease)}.drawer{width:min(680px,94vw);height:100%;background:var(--card);display:flex;flex-direction:column;box-shadow:-12px 0 40px #0b10202e;animation:slideIn var(--dur-page) var(--ease)}.drawer-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--line)}.drawer-b{flex:1;overflow-y:auto;padding:16px 20px 24px}.drawer-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--line);background:var(--bg)}@keyframes slideIn{0%{transform:translate(18px);opacity:.4}to{transform:none;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-enter{animation:pageIn var(--dur-page) var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.typing-caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--brand);animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.stagger-item{animation:fadeUp .32s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);font-size:13px;animation:toastIn var(--dur-page) var(--ease);border-left-width:3px}@keyframes toastIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.toast.ok{border-left-color:var(--ok)}.toast.error{border-left-color:var(--danger)}.toast.warn{border-left-color:var(--warn)}.toast.info{border-left-color:var(--brand)}.toast .t-t{font-weight:600}.toast .t-d{color:var(--ink-2);margin-top:2px;line-height:1.5}.toast .t-x{margin-left:auto;border:none;background:none;color:var(--ink-3);cursor:pointer;font-size:15px;line-height:1;padding:0 2px}.cmd-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mask-bg);z-index:130;display:flex;justify-content:center;padding-top:14vh;animation:fadeIn var(--dur-hover) var(--ease)}.cmd{width:min(560px,92vw);height:fit-content;max-height:60vh;background:var(--card);border-radius:var(--r-lg);box-shadow:0 24px 70px #0b102066;overflow:hidden;animation:modalIn var(--dur-page) var(--ease);display:flex;flex-direction:column}.cmd-input{border:none;outline:none;padding:16px 18px;font-size:14px;background:transparent;color:var(--ink);border-bottom:1px solid var(--line)}.cmd-list{overflow:auto;padding:6px}.cmd-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);cursor:pointer;font-size:13px}.cmd-item.on{background:var(--brand-50);color:var(--brand)}.cmd-item .cap{margin-left:auto}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;font-size:11px;font-family:var(--font-mono);background:var(--bg-soft);color:var(--ink-2)}.nav.collapsed{width:var(--nav-w-collapsed)}.nav.collapsed .nav-item span.lbl,.nav.collapsed .nav-sec,.nav.collapsed .nav-brand .h3,.nav.collapsed .nav-brand .cap{display:none}.nav.collapsed .nav-item{justify-content:center}.nav-toggle{margin-left:auto;border:none;background:none;color:var(--ink-3);cursor:pointer;padding:4px}.titlebar{-webkit-app-region:drag}.titlebar button,.titlebar .nav-toggle,.titlebar .lights{-webkit-app-region:no-drag}.theme-toggle{border:none;background:none;cursor:pointer;color:var(--ink-2);padding:4px;display:inline-flex;align-items:center}.trace-step{display:flex;gap:8px;padding:7px 0;border-bottom:1px dashed var(--line)}.trace-step:last-child{border-bottom:0}.trace-step .k{font-size:11px;color:var(--brand);min-width:62px;font-weight:600}.trace-step .v{font-size:12px;color:var(--muted);flex:1}.trace-step .ms{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.route-tag{display:inline-block;font-size:10px;padding:1px 5px;border-radius:4px;background:var(--brand-50);color:var(--brand);margin-right:4px}.kb-layout{display:grid;grid-template-columns:250px 1fr;gap:14px;align-items:start}.kb-side{padding:12px}.kb-space{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-layer) var(--ease)}.kb-space:hover{background:var(--bg-soft)}.kb-space.on{background:var(--brand-50);box-shadow:inset 0 0 0 1px var(--brand)}.kb-folder{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r-sm, 8px);cursor:pointer;font-size:12.5px}.kb-folder:hover{background:var(--bg-soft)}.kb-folder.on{background:var(--brand-50);color:var(--brand);font-weight:600}.kb-main{padding:14px 16px;min-height:320px}.kb-crumbs{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600}.kb-crumbs .crumb{cursor:pointer;color:var(--brand)}.kb-crumbs .crumb:hover{text-decoration:underline}.kb-table tbody tr.kb-row{cursor:pointer}.kb-table tbody tr.kb-row:hover{background:var(--bg-soft)}.plugin-card{border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:var(--card);margin-bottom:10px}.plugin-card.off{opacity:.62}.cap-chip{display:inline-block;font-size:10px;padding:2px 7px;border-radius:999px;background:var(--brand-50);color:var(--brand);margin:2px 4px 2px 0;font-family:var(--font-mono)}.kind-badge{display:inline-block;font-size:10px;padding:2px 8px;border-radius:999px;background:var(--brand-50);color:var(--brand);font-weight:600}.skill-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:8px;cursor:pointer;transition:box-shadow var(--dur-layer) var(--ease)}.skill-row:hover{box-shadow:0 0 0 1px var(--brand)}.skill-row.on{box-shadow:0 0 0 2px var(--brand);background:var(--brand-50)}.skill-row.locked{opacity:.6;cursor:not-allowed}.pack-card{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;background:var(--card);display:flex;flex-direction:column;gap:8px}.ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;flex:0 0 auto}.ic-lg{width:28px;height:28px}.ic-sm{width:18px;height:18px}.ic-xs{width:15px;height:15px}svg.ic rect,svg.ic circle,svg.ic path,svg.ic line,svg.ic polyline,svg.ic polygon{vector-effect:non-scaling-stroke}.ico .ic{width:18px;height:18px}.btn .ic,.tag .ic{width:15px;height:15px}.nav-item .ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:0}.state{display:grid;place-items:center;gap:10px;padding:44px 20px;text-align:center;color:var(--ink-2)}.state .state-ic{color:var(--ink-3)}.state .state-t{font-size:var(--fs-h3);font-weight:600;color:var(--ink)}.state .state-d{font-size:var(--fs-cap);color:var(--ink-3);max-width:420px;line-height:1.6}.state .state-actions{display:flex;gap:8px;margin-top:4px}.state-danger .state-ic{color:var(--danger)}.state-warn .state-ic{color:var(--warn)}.sk{background:linear-gradient(90deg,var(--sk-from) 25%,var(--sk-mid) 37%,var(--sk-from) 63%);background-size:400% 100%;animation:skm 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes skm{0%{background-position:100% 50%}to{background-position:0 50%}}.sk-line{height:12px;margin-bottom:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.sk,.spin{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.guide-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin-bottom:14px;border:1px solid var(--brand-50);border-radius:var(--r-md);background:var(--grad-soft);position:relative}[data-theme=dark] .guide-card{background:var(--brand-50)}.guide-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--card);flex:none}.guide-t{font-size:14px;font-weight:700;color:var(--ink)}.guide-d{font-size:12.5px;color:var(--ink-2);line-height:1.7;margin-top:4px}.guide-steps{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:var(--ink-2);line-height:1.9}.guide-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.guide-x{position:absolute;top:8px;right:8px}.help-tip{position:relative;display:inline-flex;vertical-align:middle}.help-q{width:15px;height:15px;border-radius:50%;border:1px solid var(--line);background:var(--surface-3);color:var(--ink-3);font-size:10px;line-height:1;cursor:pointer;display:inline-grid;place-items:center;padding:0}.help-q:hover,.help-q[aria-expanded=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.help-pop{position:absolute;z-index:40;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:240px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-2);padding:9px 11px;font-size:12px;line-height:1.6;color:var(--ink-2)}.next-steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.next-step{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12.5px;color:var(--ink-2);cursor:default}.next-step.on{border-color:var(--brand);background:var(--brand-50);color:var(--brand);font-weight:600}.next-step.done{color:var(--ink-3)}.next-step:not(:disabled){cursor:pointer}.next-step:not(:disabled):hover{border-color:var(--brand)}.ns-num{width:17px;height:17px;border-radius:50%;background:var(--surface-3);color:var(--ink-2);font-size:10.5px;display:inline-grid;place-items:center;flex:none}.next-step.on .ns-num{background:var(--brand);color:var(--on-brand)}.next-step.done .ns-num{background:var(--ok-bg);color:var(--ok-fg)}.ns-hint{color:var(--ink-3);font-weight:400}.ilu{display:block;overflow:visible}.ilu-glow{fill:var(--grad-soft);opacity:.9}[data-theme=dark] .ilu-glow{fill:var(--brand-50);opacity:.55}.ilu-line{fill:none;stroke:var(--ink-3);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ilu-line-2{fill:none;stroke:var(--ink-3);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;opacity:.72}.ilu-soft{fill:var(--surface-3);stroke:none}[data-theme=dark] .ilu-soft{fill:var(--bg-soft)}.ilu-fill{fill:var(--line);stroke:none}.ilu-accent{fill:none;stroke:var(--brand);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ilu-accent-fill{fill:var(--brand);stroke:none}.ilu-accent-fill+.ilu-line,.ilu-glow+.ilu-accent{transition:none}.ilu-block{display:grid;place-items:center;gap:6px;text-align:center}.avatar.illus{background:var(--grad-soft)}[data-theme=dark] .avatar.illus{background:var(--brand-50)}.ilu.on-dark .ilu-line{stroke:#a9b2d4}.ilu.on-dark .ilu-line-2{stroke:#8a93b8}.ilu.on-dark .ilu-glow{fill:#4f6bff33;opacity:.9}.ilu.on-dark .ilu-soft{fill:#ffffff0f}.ilu.on-dark .ilu-fill{fill:#ffffff24}.ilu.on-dark .ilu-accent{stroke:var(--accent)}.ilu.on-dark .ilu-accent-fill{fill:var(--accent)}