:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-on-primary:#fff;--color-overlay:#0b122094;--color-canvas:#f5f8fc;--color-surface:#fff;--color-surface-subtle:#f8fbff;--color-surface-muted:#edf3fa;--color-surface-raised:#fff;--color-ink:#172b4d;--color-ink-secondary:#52637a;--color-ink-tertiary:#65748a;--color-line:#dee7f2;--color-line-strong:#c8d5e5;--color-success:#15803d;--color-running:#2563eb;--color-warning:#b45309;--color-danger:#dc2626;--color-bg-success:#ecfdf3;--color-bg-running:#eff6ff;--color-bg-warning:#fff7ed;--color-bg-danger:#fff1f2;--color-review:#080f1d;--color-review-raised:#111c2e;--color-review-ink:#f1f6ff;--color-review-ink-secondary:#9aabc2;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #172b4d0d, 0 6px 18px #172b4d0d;--shadow-md:0 10px 28px #172b4d17;--shadow-lg:0 16px 38px #172b4d1f;--shadow-xl:0 22px 54px #0b193029;--shadow-float:0 22px 54px #0b19302e;--shadow-focus:0 0 0 3px #2563eb2e;--color-accent-decoration:#2563eb1f;--color-accent-decoration-line:#2563eb2b;--color-accent-shadow-subtle:#2563eb29;--color-accent-shadow:#2563eb2e;--color-accent-shadow-strong:#2563eb3d;--color-control-shadow:#172b4d1a;--color-drawer-shadow:#02081247;--font-display:Bahnschrift, "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-body:"Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;--ease-standard:cubic-bezier(.2, 0, 0, 1);--transition-fast:.15s var(--ease-standard);--transition-normal:.22s var(--ease-standard);--brand-color:var(--color-primary);--brand-color-hover:var(--color-primary-hover);--brand-color-subtle:var(--color-primary-soft);--bg-canvas:var(--color-canvas);--bg-surface:var(--color-surface);--bg-surface-hover:var(--color-surface-subtle);--text-primary:var(--color-ink);--text-secondary:var(--color-ink-secondary);--text-tertiary:var(--color-ink-tertiary);--text-on-brand:var(--color-on-primary);--border-color:var(--color-line);--border-color-focus:var(--color-primary);--color-error:var(--color-danger);--bg-success:var(--color-bg-success);--bg-running:var(--color-bg-running);--bg-warning:var(--color-bg-warning);--bg-danger:var(--color-bg-danger);--bg-error:var(--color-bg-danger);--bg-info:var(--color-bg-running);--review-bg:var(--color-review);--review-border:#263752;--review-text:var(--color-review-ink);--gray-100:var(--color-surface-subtle);--gray-200:var(--color-line);--gray-300:var(--color-line-strong);--gray-700:var(--color-ink-secondary)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#e5e5e5;--color-primary-hover:#d4d4d4;--color-primary-soft:#262626;--color-on-primary:#171717;--color-overlay:#000000b8;--color-canvas:#0a0a0a;--color-surface:#171717;--color-surface-subtle:#262626;--color-surface-muted:#222;--color-surface-raised:#202020;--color-ink:#fafafa;--color-ink-secondary:#a3a3a3;--color-ink-tertiary:#888;--color-line:#303030;--color-line-strong:#444;--color-success:#4ade80;--color-running:#d4d4d4;--color-warning:#fbbf24;--color-danger:#fb7185;--color-bg-success:#4ade801f;--color-bg-running:#262626;--color-bg-warning:#fbbf2421;--color-bg-danger:#fb718521;--color-review:#080808;--color-review-raised:#161616;--color-review-ink:#fafafa;--color-review-ink-secondary:#a3a3a3;--shadow-sm:0 1px 2px #0000002e, 0 8px 20px #0000001f;--shadow-md:0 12px 30px #0003;--shadow-lg:0 18px 42px #00000042;--shadow-xl:0 26px 64px #00000057;--shadow-float:0 24px 58px #00000061;--shadow-focus:0 0 0 3px #73737373;--color-accent-decoration:#ffffff0a;--color-accent-decoration-line:#ffffff1a;--color-accent-shadow-subtle:#00000052;--color-accent-shadow:#0000005c;--color-accent-shadow-strong:#00000070;--color-control-shadow:#00000052;--color-drawer-shadow:#0000007a;--review-border:#303030}body,html{background:var(--color-canvas);min-width:320px}body{min-height:100vh;color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}body{font-size:14px}ol[role=list],ul[role=list]{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{color:var(--color-on-primary);background:var(--color-primary)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(16px,2.5vw,36px)}.app-shell{min-height:100dvh;color:var(--color-ink);background:var(--color-canvas);flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-shrink:0;align-items:center;height:64px;padding:0 clamp(16px,2.5vw,32px);display:flex}.app-main{flex-direction:column;flex:1;min-width:0}.app-main,.workbench-shell{display:flex;overflow:hidden}.workbench-shell{flex:1;height:calc(100dvh - 64px)}.workbench-left{border-right:1px solid var(--color-line);background:var(--color-surface);flex-direction:column;width:22%;min-width:280px;max-width:320px;display:flex}.workbench-center{color:var(--color-review-ink);background:var(--color-review);border-right:1px solid #263752;flex-direction:column;flex:1;display:flex}.workbench-right{background:var(--color-surface);flex-direction:column;width:28%;min-width:320px;max-width:400px;display:flex}@media (width<=1280px){.workbench-right{transition:transform var(--transition-normal);z-index:10;box-shadow:var(--shadow-lg);position:absolute;top:64px;bottom:0;right:0;transform:translate(100%)}.workbench-right.is-open{transform:translate(0)}}@media (width<=640px){.app-header{height:58px}.workbench-shell{height:calc(100dvh - 58px)}}.btn{border-radius:var(--radius-md);height:36px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-primary{background-color:var(--brand-color);color:var(--text-on-brand);border:1px solid #0000;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover:not(:disabled){background-color:var(--brand-color-hover);box-shadow:0 4px 6px -1px #2563eb33}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--gray-300)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text-primary)}.btn-danger{background-color:var(--color-error);color:#fff;border:1px solid #0000}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-surface);width:100%;height:36px;color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);padding:0 12px;font-size:14px}.input-field:hover{border-color:var(--gray-300)}.input-field:focus{border-color:var(--brand-color);box-shadow:var(--shadow-focus);outline:none}.input-field::placeholder{color:var(--text-tertiary)}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:24px}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-color-focus);transform:translateY(-2px)}.tabs{border-bottom:1px solid var(--border-color);gap:8px;padding-bottom:1px;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--brand-color);border-bottom-color:var(--brand-color)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-auto{margin-top:auto}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-auto{margin-left:auto}.ml-4{margin-left:16px}.ml-8{margin-left:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.text-3xl{font-size:30px;line-height:36px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-color)}.text-error{color:var(--color-error)}.text-white{color:#fff}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.tracking-tight{letter-spacing:-.02em}.tracking-wide{letter-spacing:.02em}.uppercase{text-transform:uppercase}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-transparent{border-color:#0000}.bg-canvas{background-color:var(--bg-canvas)}.bg-surface{background-color:var(--bg-surface)}.bg-brand{background-color:var(--brand-color)}.w-full{width:100%}.h-full{height:100%}.w-64{width:256px}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-all{transition:all var(--transition-normal)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}