*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ot-accent);outline-offset:2px}body{background:var(--ot-bg);color:var(--ot-ink);font:var(--ot-fw-medium) var(--ot-fs-14) / var(--ot-lh-normal) var(--ot-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#outlet{min-height:100vh}.route-center{min-height:100vh;display:grid;place-items:center;padding:var(--ot-sp-6)}:root{color-scheme:light;--ot-bg: #f6f7f4;--ot-bg-soft: #eef1ed;--ot-surface: #ffffff;--ot-surface-2: #fbfcfa;--ot-ink: #131c16;--ot-ink-soft: #4a554e;--ot-ink-muted: #6e746f;--ot-ink-faint: #c2c7c3;--ot-line: #e6e9e5;--ot-line-soft: #eef0ec;--ot-line-strong: #d2d6d0;--ot-accent: #3fa46a;--ot-accent-soft: #e6f2ea;--ot-accent-deep: #2e8453;--ot-accent-ink: #1f6b40;--ot-accent-shadow: rgba(63, 164, 106, .24);--ot-teal: #14b8a6;--ot-teal-soft: rgba(20, 184, 166, .14);--ot-teal-deep: #0f9488;--ot-blue: #2f88ff;--ot-blue-soft: #e0eeff;--ot-warn: #e8a436;--ot-warn-soft: rgba(232, 164, 54, .16);--ot-error: #e15554;--ot-error-soft: rgba(225, 85, 84, .1);--ot-danger: var(--ot-error);--ot-danger-soft: var(--ot-error-soft);--ot-lock: #7c5bd6;--ot-lock-soft: #efeafa;--ot-lock-line: #dbcef5;--ot-hover: rgba(19, 28, 22, .05);--av-1: #07c160;--av-2: #2f88ff;--av-3: #b568d1;--av-4: #e8a436;--av-5: #25d366;--av-6: #f26c6c;--av-7: #14b8a6;--av-8: #6366f1;--ot-fs-11: 11px;--ot-fs-12: 12px;--ot-fs-13: 13px;--ot-fs-14: 14px;--ot-fs-15: 15px;--ot-fs-16: 16px;--ot-fs-18: 18px;--ot-fs-20: 20px;--ot-fs-24: 24px;--ot-fs-28: 28px;--ot-lh-tight: 1.35;--ot-lh-normal: 1.55;--ot-fw-medium: 500;--ot-fw-semi: 600;--ot-fw-bold: 700;--ot-r-xs: 6px;--ot-r-sm: 8px;--ot-r-md: 10px;--ot-r-lg: 14px;--ot-r-xl: 18px;--ot-r-2xl: 24px;--ot-r-pill: 999px;--ot-sp-1: 4px;--ot-sp-2: 8px;--ot-sp-3: 12px;--ot-sp-4: 16px;--ot-sp-5: 20px;--ot-sp-6: 24px;--ot-sp-8: 32px;--ot-sp-10: 40px;--ot-sp-12: 48px;--ot-shadow-xs: 0 1px 2px rgba(19, 28, 22, .04);--ot-shadow-sm: 0 2px 8px rgba(19, 28, 22, .06);--ot-shadow-md: 0 6px 20px rgba(19, 28, 22, .08);--ot-shadow-lg: 0 14px 36px rgba(19, 28, 22, .1);--ot-ease: cubic-bezier(.22, .61, .36, 1);--ot-dur-fast: .12s;--ot-dur-base: .2s;--ot-font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--ot-font-en: -apple-system, "SF Pro Text", "Inter", system-ui, sans-serif;--ot-font-sans: var(--ot-font-en), var(--ot-font-cn);--ot-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ot-side-w: 68px;--ot-list-w: 320px}:root[data-theme=dark]{color-scheme:dark;--ot-bg: #0a0a0a;--ot-bg-soft: #141414;--ot-surface: #1c1c1c;--ot-surface-2: #242424;--ot-ink: #f2f2f2;--ot-ink-soft: #d6d6d6;--ot-ink-muted: #b0b0b0;--ot-ink-faint: #8a8a8a;--ot-line: #2c2c2c;--ot-line-soft: #1f1f1f;--ot-line-strong: #3a3a3a;--ot-accent: #22c77e;--ot-accent-soft: rgba(34, 199, 126, .18);--ot-accent-deep: #1fb572;--ot-accent-ink: #5fe0a4;--ot-accent-shadow: rgba(34, 199, 126, .3);--ot-teal: #2dd4bf;--ot-teal-soft: rgba(45, 212, 191, .2);--ot-error: #ff6b6b;--ot-error-soft: rgba(255, 107, 107, .2);--ot-blue: #4fa4ff;--ot-blue-soft: rgba(79, 164, 255, .18);--ot-warn-soft: rgba(232, 164, 54, .22);--ot-lock: #9b7bee;--ot-lock-soft: #1f1733;--ot-lock-line: #352a55;--ot-hover: rgba(255, 255, 255, .06);--ot-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--ot-shadow-sm: 0 2px 8px rgba(0, 0, 0, .46);--ot-shadow-md: 0 6px 20px rgba(0, 0, 0, .52);--ot-shadow-lg: 0 14px 36px rgba(0, 0, 0, .6)}.ot-h1{margin:0;font-size:var(--ot-fs-24);font-weight:var(--ot-fw-bold);letter-spacing:-.01em;line-height:var(--ot-lh-tight)}.ot-h2{margin:0;font-size:var(--ot-fs-18);font-weight:var(--ot-fw-bold);letter-spacing:-.005em}.ot-h3{margin:0;font-size:var(--ot-fs-15);font-weight:var(--ot-fw-semi)}.ot-body{font-size:var(--ot-fs-14);line-height:var(--ot-lh-normal)}.ot-sub{color:var(--ot-ink-soft);font-size:var(--ot-fs-13)}.ot-caption{color:var(--ot-ink-muted);font-size:var(--ot-fs-12)}.ot-mono{font-family:var(--ot-font-mono)}@keyframes ot-spin{to{transform:rotate(360deg)}}@keyframes ot-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.ic{width:16px;height:16px;flex:none}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--ot-r-md);color:inherit;cursor:pointer;white-space:nowrap;background:transparent;font:var(--ot-fw-bold) var(--ot-fs-13) / 1 var(--ot-font-sans);transition:transform var(--ot-dur-fast) var(--ot-ease),background var(--ot-dur-base) var(--ot-ease),border-color var(--ot-dur-base) var(--ot-ease)}.ot-btn:active{transform:scale(.97)}.ot-btn--primary{background:var(--ot-accent);color:#fff}.ot-btn--primary:hover{background:var(--ot-accent-deep)}.ot-btn--ghost{background:transparent;color:var(--ot-ink-soft);border-color:var(--ot-line)}.ot-btn--ghost:hover{background:var(--ot-bg-soft);border-color:var(--ot-line-strong)}.ot-btn--soft{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.ot-btn--text{background:transparent;color:var(--ot-ink-soft)}.ot-btn--text:hover{color:var(--ot-accent);background:var(--ot-bg-soft)}.ot-btn--danger{background:var(--ot-danger);color:#fff}.ot-btn--danger-ghost{background:transparent;color:var(--ot-danger);border-color:var(--ot-danger-soft)}.ot-btn--sm{height:30px;padding:0 12px}.ot-btn--lg{height:44px;padding:0 22px;font-size:var(--ot-fs-15)}.ot-btn--block{width:100%}.ot-btn--pill{border-radius:var(--ot-r-pill)}.ot-btn--icon{width:36px;padding:0}.ot-btn[disabled]{cursor:not-allowed;opacity:.55}.ot-btn .ic{width:16px;height:16px}.ot-btn--github{background:#1f2328;color:#fff}.ot-btn--github:hover{background:#000}.ot-btn--google{background:#fff;color:#3c4043;border-color:var(--ot-line-strong)}.ot-btn--google:hover{background:var(--ot-bg-soft)}:root[data-theme=dark] .ot-btn--google{background:#1c1c1c;color:var(--ot-ink);border-color:var(--ot-line-strong)}.ot-spin{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ot-spin .7s linear infinite;opacity:.9}.ot-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ot-r-md);overflow:hidden;flex:none;color:#fff;background:var(--av-1);font:var(--ot-fw-bold) 13px / 1 var(--ot-font-sans)}.ot-avatar img{width:100%;height:100%;object-fit:cover}.ot-avatar--sm{width:28px;height:28px;border-radius:var(--ot-r-sm);font-size:11px}.ot-avatar--lg{width:48px;height:48px;font-size:17px}.ot-avatar--xl{width:64px;height:64px;border-radius:var(--ot-r-lg);font-size:22px}.ot-avatar--c1{background:var(--av-1)}.ot-avatar--c2{background:var(--av-2)}.ot-avatar--c3{background:var(--av-3)}.ot-avatar--c4{background:var(--av-4)}.ot-avatar--c5{background:var(--av-5)}.ot-avatar--c6{background:var(--av-6)}.ot-avatar--c7{background:var(--av-7)}.ot-avatar--c8{background:var(--av-8)}.ot-card{display:block;min-width:0;border:1px solid var(--ot-line);border-radius:var(--ot-r-lg);background:var(--ot-surface);box-shadow:var(--ot-shadow-xs)}.ot-card--flat{box-shadow:none}.ot-card--floating{box-shadow:var(--ot-shadow-md)}.ot-card--pad{padding:var(--ot-sp-5)}.ot-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--ot-r-pill);background:var(--ot-bg-soft);color:var(--ot-ink-soft);font:var(--ot-fw-semi) var(--ot-fs-12) / 1 var(--ot-font-sans);white-space:nowrap;flex:none}.ot-tag--accent{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.ot-tag--teal{background:var(--ot-teal-soft);color:var(--ot-teal-deep)}.ot-tag--lock{background:var(--ot-lock-soft);color:var(--ot-lock)}.ot-input,.ot-textarea{width:100%;padding:9px 12px;border:1px solid var(--ot-line);border-radius:var(--ot-r-md);background:var(--ot-surface);color:var(--ot-ink);font:var(--ot-fw-medium) var(--ot-fs-14) / var(--ot-lh-normal) var(--ot-font-sans)}.ot-input:focus,.ot-textarea:focus{outline:0;border-color:var(--ot-accent);box-shadow:0 0 0 3px var(--ot-accent-soft)}.ot-input::placeholder,.ot-textarea::placeholder{color:var(--ot-ink-faint)}.ot-search{display:inline-flex;align-items:center;gap:8px;min-width:220px;height:36px;padding:0 12px;border:1px solid var(--ot-line);border-radius:var(--ot-r-pill);background:var(--ot-bg-soft);color:var(--ot-ink-faint);font:var(--ot-fw-medium) var(--ot-fs-13) / 1 var(--ot-font-sans)}.ot-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--ot-r-pill);background:var(--ot-bg-soft);color:var(--ot-ink-muted);font:var(--ot-fw-semi) var(--ot-fs-12) / 1 var(--ot-font-sans);white-space:nowrap;flex:none}.ot-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.ot-status--ok{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.ot-status--warn{background:var(--ot-warn-soft);color:var(--ot-warn)}.ot-status--error{background:var(--ot-error-soft);color:var(--ot-error)}.ot-status--idle{background:var(--ot-bg-soft);color:var(--ot-ink-muted)}.ot-status--lock{background:var(--ot-lock-soft);color:var(--ot-lock)}.ot-status--live:before{box-shadow:0 0 0 3px var(--ot-accent-soft)}.ot-switch{position:relative;flex:none;width:38px;height:22px;padding:0;border:0;border-radius:var(--ot-r-pill);background:var(--ot-line-strong);cursor:pointer;transition:background var(--ot-dur-base) var(--ot-ease)}.ot-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--ot-dur-base) var(--ot-ease)}.ot-switch.is-on{background:var(--ot-accent)}.ot-switch.is-on:after{transform:translate(16px)}.ot-divider{display:flex;align-items:center;gap:12px;color:var(--ot-ink-faint);font-size:var(--ot-fs-12)}.ot-divider:before,.ot-divider:after{content:"";flex:1;height:1px;background:var(--ot-line)}.ot-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.ot-row+.ot-row{border-top:1px solid var(--ot-line)}.ot-row__k{color:var(--ot-ink-muted);font-size:var(--ot-fs-13)}.ot-row__v{color:var(--ot-ink);font-weight:var(--ot-fw-semi);font-size:var(--ot-fs-13)}.ot-empty{display:grid;justify-items:center;gap:8px;padding:var(--ot-sp-10) var(--ot-sp-4);text-align:center}.ot-empty__art{width:64px;height:64px;border-radius:var(--ot-r-xl);display:grid;place-items:center;background:var(--ot-bg-soft);color:var(--ot-ink-faint)}.ot-empty__title{font-weight:var(--ot-fw-semi);color:var(--ot-ink)}.ot-empty__desc{color:var(--ot-ink-muted);font-size:var(--ot-fs-13);max-width:280px}.login{width:380px;max-width:100%;padding:var(--ot-sp-8) var(--ot-sp-6) var(--ot-sp-6)}.login__brand{display:grid;justify-items:center;gap:12px;margin-bottom:var(--ot-sp-6)}.login__logo{width:56px;height:56px;border-radius:var(--ot-r-xl);display:grid;place-items:center;color:#fff;font-weight:800;font-size:26px;background:linear-gradient(135deg,var(--ot-accent),var(--ot-accent-deep));box-shadow:0 8px 22px var(--ot-accent-shadow)}.login__title{margin:0;font-size:var(--ot-fs-20);font-weight:var(--ot-fw-bold);letter-spacing:-.01em}.login__sub{margin:0;color:var(--ot-ink-muted);font-size:var(--ot-fs-13)}.login__actions{display:grid;gap:10px;margin-top:var(--ot-sp-2)}.login__actions .ot-btn{min-width:0}.login__actions .ot-btn[data-state=loading]{opacity:1;cursor:progress;box-shadow:0 0 0 3px var(--ot-accent-soft)}.login__actions .ot-btn--google[data-state=loading]{background:var(--ot-accent-soft);color:var(--ot-accent-ink);border-color:color-mix(in srgb,var(--ot-accent) 45%,transparent)}.login__actions .ot-btn--github[data-state=loading]{background:#1f2328;color:#fff}.login__provider--waiting{background:var(--ot-bg-soft);color:var(--ot-ink-muted);border-color:var(--ot-line);opacity:.46}.login__banner{display:flex;align-items:center;gap:8px;margin-bottom:var(--ot-sp-3);padding:9px 12px;border-radius:var(--ot-r-md);background:var(--ot-error-soft);color:var(--ot-error);font-size:var(--ot-fs-13);font-weight:var(--ot-fw-medium)}.login__fine{margin:var(--ot-sp-4) 0 0;color:var(--ot-ink-faint);font-size:var(--ot-fs-11);text-align:center;line-height:1.5}.authcb{width:340px;max-width:100%;padding:var(--ot-sp-8) var(--ot-sp-6);display:grid;justify-items:center;gap:10px;text-align:center}.authcb__icon{width:52px;height:52px;border-radius:var(--ot-r-lg);display:grid;place-items:center}.authcb__icon .ic{width:26px;height:26px}.authcb__icon--ok{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.authcb__icon--err{background:var(--ot-error-soft);color:var(--ot-error)}.authcb__icon--warn{background:var(--ot-warn-soft);color:var(--ot-warn)}.authcb__spin{width:52px;height:52px;display:grid;place-items:center;color:var(--ot-accent)}.authcb__spin .ot-spin{width:26px;height:26px;border-width:3px}.authcb__title{margin:0;font-size:var(--ot-fs-16);font-weight:var(--ot-fw-bold)}.authcb__sub{margin:0 0 var(--ot-sp-2);color:var(--ot-ink-muted);font-size:var(--ot-fs-13);max-width:260px}.authcb .ot-btn{margin-top:var(--ot-sp-2)}.vset{--vse-hairline: var(--ot-line);--vse-r-sm: 10px;--vse-r-md: 12px;--vse-r-lg: 16px;--vse-lift-1: var(--ot-shadow-xs);--vse-dur: .15s;--vse-ease: cubic-bezier(.22, .61, .36, 1);--vse-mono: var(--ot-font-mono);display:block}.vset__center{max-width:600px;margin:0 auto;padding:8px 0 48px}.vset__h2{display:flex;align-items:center;gap:10px;margin:30px 0 12px;font:700 16px/1 var(--ot-font-sans);letter-spacing:-.012em;color:var(--ot-ink)}.vset__h2:before{content:"";width:3px;height:13px;border-radius:2px;background:var(--ot-accent)}.sblock{border:1px solid var(--vse-hairline);border-radius:var(--vse-r-lg);background:var(--ot-surface);overflow:hidden;box-shadow:var(--vse-lift-1)}.srow{display:flex;align-items:center;gap:16px;padding:15px 18px}.srow+.srow,.hero+.srow{border-top:1px solid var(--vse-hairline)}.srow--foot{background:var(--ot-surface-2)}.srow__main{flex:1;min-width:0}.srow__label{display:flex;align-items:center;gap:8px;font:500 14px var(--ot-font-sans);color:var(--ot-ink)}.srow__sub{margin-top:3px;font:400 12px/1.5 var(--ot-font-sans);color:var(--ot-ink-muted)}.srow__action{flex:none;display:flex;align-items:center;gap:8px}.srow__action .ot-tag .ic{width:13px;height:13px}.hero{display:flex;align-items:center;gap:16px;padding:18px}.hero__meta{flex:1;min-width:0}.hero__name{display:flex;align-items:center;gap:8px;font:800 19px var(--ot-font-sans);letter-spacing:-.02em;color:var(--ot-ink)}.hero__handle{margin-top:4px;font:500 13px var(--vse-mono);color:var(--ot-ink-faint)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:22px;border:1px solid color-mix(in srgb,var(--ot-error) 30%,transparent);background:transparent;color:var(--ot-error);border-radius:var(--vse-r-md);font:600 14px var(--ot-font-sans);cursor:pointer;transition:background var(--vse-dur) var(--vse-ease)}.logout-btn:hover{background:color-mix(in srgb,var(--ot-error) 10%,transparent)}.logout-btn .ic{width:16px;height:16px}.vset__scopes{display:flex;flex-wrap:wrap;gap:6px}.vset__seg{display:inline-flex;border:1px solid var(--vse-hairline);border-radius:var(--ot-r-pill);padding:2px;gap:2px}.vset__seg-btn{border:0;background:transparent;padding:6px 16px;border-radius:var(--ot-r-pill);font:600 13px var(--ot-font-sans);color:var(--ot-ink-soft);cursor:pointer}.vset__seg-btn.is-active{background:var(--ot-accent);color:#fff}.chat{width:440px;max-width:100%;height:560px;display:flex;flex-direction:column;overflow:hidden}.chat__head{display:flex;align-items:center;gap:10px;padding:var(--ot-sp-3) var(--ot-sp-4);border-bottom:1px solid var(--ot-line)}.chat__head-main{min-width:0}.chat__name{font-weight:var(--ot-fw-semi);font-size:var(--ot-fs-14);display:flex;align-items:center;gap:6px}.chat__name .ot-dot-ai{width:7px;height:7px;border-radius:50%;background:var(--ot-teal)}.chat__head .ot-status{margin-left:auto}.chat__body{flex:1;overflow-y:auto;padding:var(--ot-sp-4);display:flex;flex-direction:column;gap:var(--ot-sp-3);background:var(--ot-bg)}.chat__sys{align-self:center;padding:3px 10px;border-radius:var(--ot-r-pill);background:var(--ot-bg-soft);color:var(--ot-ink-muted);font-size:var(--ot-fs-11)}.chat__msg{display:flex;gap:8px;max-width:84%}.chat__msg--them{align-self:flex-start}.chat__msg--me{align-self:flex-end;flex-direction:row-reverse}.chat__bubble{padding:9px 12px;border-radius:var(--ot-r-lg);font-size:var(--ot-fs-14);line-height:var(--ot-lh-normal);word-break:break-word}.chat__msg--them .chat__bubble{background:var(--ot-surface);border:1px solid var(--ot-line);border-top-left-radius:var(--ot-r-xs)}.chat__msg--me .chat__bubble{background:var(--ot-accent);color:#fff;border-top-right-radius:var(--ot-r-xs)}.chat__typing{display:inline-flex;gap:4px;padding:3px 0}.chat__typing span{width:6px;height:6px;border-radius:50%;background:var(--ot-ink-faint);animation:ot-typing 1.2s infinite}.chat__typing span:nth-child(2){animation-delay:.2s}.chat__typing span:nth-child(3){animation-delay:.4s}.chat__banner{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--ot-error-soft);color:var(--ot-error);font-size:var(--ot-fs-12);font-weight:var(--ot-fw-medium)}.chat__link{color:inherit;font-weight:700}.chat__foot{display:flex;align-items:flex-end;gap:8px;padding:var(--ot-sp-3) var(--ot-sp-4);border-top:1px solid var(--ot-line);background:var(--ot-surface)}.chat__foot .ot-input{resize:none}.chat__foot .ot-btn--icon{width:36px;flex:none}.guard{width:340px;max-width:100%;padding:var(--ot-sp-8) var(--ot-sp-6);display:grid;justify-items:center;gap:10px;text-align:center}.guard__icon{width:52px;height:52px;border-radius:var(--ot-r-lg);display:grid;place-items:center;background:var(--ot-bg-soft);color:var(--ot-ink-faint)}.guard__icon--lock{background:var(--ot-lock-soft);color:var(--ot-lock)}.guard__title{margin:0;font-size:var(--ot-fs-16);font-weight:var(--ot-fw-bold)}.guard__sub{margin:0 0 var(--ot-sp-2);color:var(--ot-ink-muted);font-size:var(--ot-fs-13);max-width:260px}.guard__spin{width:24px;height:24px;border-width:3px;color:var(--ot-accent)}.guard__pass{padding:24px;border:1px dashed var(--ot-line);border-radius:var(--ot-r-md);color:var(--ot-ink-muted);font-size:var(--ot-fs-13)}.shell{display:flex;height:100vh;overflow:hidden}.shell__side{width:var(--ot-side-w);flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;border-right:1px solid var(--ot-line);background:var(--ot-bg-soft)}.shell__logo{width:38px;height:38px;border-radius:var(--ot-r-md);margin-bottom:8px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(135deg,var(--ot-accent),var(--ot-accent-deep))}.shell__navbtn{width:44px;height:44px;border:0;border-radius:var(--ot-r-md);cursor:pointer;display:grid;place-items:center;background:transparent;color:var(--ot-ink-muted);transition:background var(--ot-dur-base) var(--ot-ease),color var(--ot-dur-base) var(--ot-ease)}.shell__navbtn .ic{width:21px;height:21px}.shell__navbtn:hover{background:var(--ot-hover);color:var(--ot-ink)}.shell__navbtn.is-active{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.shell__top{display:flex;align-items:center;gap:10px;height:56px;flex:none;padding:0 20px;border-bottom:1px solid var(--ot-line);background:var(--ot-surface)}.shell__title{font-weight:var(--ot-fw-bold);font-size:var(--ot-fs-16)}.shell__top-actions{margin-left:auto}.shell__content{flex:1;min-height:0;overflow:auto;padding:var(--ot-sp-6)}.shell__placeholder{display:grid;place-items:center;height:100%;color:var(--ot-ink-faint);font-size:var(--ot-fs-13);border:1px dashed var(--ot-line);border-radius:var(--ot-r-lg)}