@font-face{font-family:Commit Mono;src:url(../../../fonts/CommitMono-400-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(../../../fonts/CommitMono-700-Regular.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Martian Mono Cn;src:url(../../../fonts/MartianMono-CnRg.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Martian Mono Cn;src:url(../../../fonts/MartianMono-CnBd.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg-base:#0b0b0b;--bg-surface:#121212;--bg-elevated:#181818;--bg-hover:#1f1f1f;--bg-active:#262626;--bg-gradient:none;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--border-focus:var(--accent);--accent:#f2f2f2;--accent-hover:#fff;--accent-active:#d4d4d4;--accent-dim:#f2f2f21f;--accent-soft:#f2f2f20f;--accent-muted:#f2f2f21f;--accent-secondary:#d4d4d4;--accent-secondary-muted:#d4d4d41f;--neutral:#333;--neutral-hover:#404040;--text-primary:#f2f2f2;--text-secondary:#a6a6a6;--text-tertiary:#949494;--text-muted:#858585;--text-disabled:#4d4d4d;--success:#3da35d;--success-soft:#3da35d1f;--success-text:#57bd77;--error:#e5484d;--error-soft:#e5484d1f;--error-subtle:#e5484d0f;--error-muted:#e5484d1f;--error-text:#f16b6f;--warning:#ffb000;--warning-soft:#ffb0001f;--info:#a6a6a6;--info-soft:#a6a6a61a;--info-muted:#a6a6a624;--error-bg:var(--error-soft);--error-border:var(--error);--bg-error:var(--error-soft);--border-error:var(--error);--bg-warning:var(--warning-soft);--accent-subtle:var(--accent-soft);--text-accent:var(--accent);--text-error:var(--error-text);--text-success:var(--success-text);--text-warning:var(--warning);--warning-hover:#ffc233;--warning-muted:#ffb0001f;--warning-subtle:#ffb0000f;--font-bold:var(--font-semibold);--btn-size:28px;--delay:0s;--diff-remove-bg:#e5484d1a;--diff-remove-bg-subtle:#e5484d0d;--diff-add-bg:#3da35d1a;--diff-add-bg-subtle:#3da35d0d;--diff-word-remove-bg:#e5484d47;--diff-word-add-bg:#3da35d47;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-mono:"Commit Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-sans:var(--font-mono);--font-display:"Martian Mono Cn", var(--font-mono);--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:44px;--font-normal:400;--font-medium:400;--font-semibold:700;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:0;--tracking-normal:.01em;--tracking-wide:.08em;--radius-sm:0px;--radius:0px;--radius-md:0px;--radius-lg:0px;--radius-full:9999px;--shadow-xs:none;--shadow-sm:none;--shadow:none;--shadow-md:none;--shadow-lg:0 16px 48px #0009;--shadow-accent-sm:none;--shadow-accent:none;--glow-accent:0 0 0 1px var(--accent);--glow-focus:0 0 0 1px var(--accent);--glass-bg:var(--bg-base);--glass-border:var(--border-subtle);--transition-instant:0s;--transition-fast:80ms;--transition:.12s;--transition-normal:.12s;--transition-slow:.12s;--transition-spring:.12s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-snap:cubic-bezier(.2, 0, 0, 1);--ease-spring:cubic-bezier(.2, 0, 0, 1);--sidebar-width:232px;--header-height:40px;--command-height:44px;--control-height:28px;--pane-min-height:320px;--z-base:0;--z-elevated:10;--z-sticky:20;--z-dropdown:30;--z-overlay:40;--z-modal:50;--z-popover:60}[data-theme=light]{--bg-base:#fff;--bg-surface:#f7f7f7;--bg-elevated:#f2f2f2;--bg-hover:#ebebeb;--bg-active:#e0e0e0;--bg-gradient:none;--border-subtle:#00000012;--border-default:#0000001f;--border-strong:#0003;--border-focus:var(--accent);--accent:#171717;--accent-hover:#000;--accent-active:#404040;--accent-dim:#1717171a;--accent-soft:#1717170d;--accent-muted:#1717171a;--accent-secondary:#404040;--accent-secondary-muted:#4040401a;--neutral:#d4d4d4;--neutral-hover:#bfbfbf;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#5f5f5f;--text-muted:#6e6e6e;--text-disabled:#a3a3a3;--success:#2f7d46;--success-soft:#2f7d461a;--success-text:#276b3b;--error:#c02b30;--error-soft:#c02b301a;--error-subtle:#c02b300d;--error-muted:#c02b301a;--error-text:#a52327;--warning:#a15c00;--warning-soft:#a15c001a;--info:#525252;--info-soft:#52525214;--info-muted:#5252521f;--error-bg:var(--error-soft);--error-border:var(--error);--bg-error:var(--error-soft);--border-error:var(--error);--bg-warning:var(--warning-soft);--accent-subtle:var(--accent-soft);--text-accent:var(--accent);--text-error:var(--error-text);--text-success:var(--success-text);--text-warning:var(--warning);--warning-hover:#8a4e00;--warning-muted:#a15c001a;--warning-subtle:#a15c000d;--diff-remove-bg:#c02b3017;--diff-remove-bg-subtle:#c02b300d;--diff-add-bg:#2f7d4617;--diff-add-bg-subtle:#2f7d460d;--diff-word-remove-bg:#c02b303d;--diff-word-add-bg:#2f7d463d;--shadow-lg:0 16px 48px #00000029;--glow-accent:0 0 0 1px var(--accent);--glow-focus:0 0 0 1px var(--accent);--glass-bg:var(--bg-base);--glass-border:var(--border-subtle)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:16px;overflow-y:scroll}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);background-image:var(--bg-gradient);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md);font-weight:var(--font-medium)}h6{font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{color:var(--text-secondary);line-height:var(--leading-normal)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug)}a{color:var(--accent);transition:color var(--transition-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}button,.btn{font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:all var(--transition-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:var(--radius);border:none;outline:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-primary:active{background:var(--accent-active);transform:scale(.98)}.btn-primary:disabled{background:var(--bg-elevated);color:var(--text-tertiary);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-2) var(--space-4);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-secondary:active{background:var(--bg-active)}.btn-ghost{color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost:active{background:var(--bg-active)}.btn-icon{width:32px;height:32px;color:var(--text-tertiary);border-radius:var(--radius);background:0 0;padding:0}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-sm{width:28px;height:28px}input,textarea,select{font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius);transition:all var(--transition-fast) var(--ease-out);outline:none;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--glow-focus)}input:disabled,textarea:disabled,select:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.input{padding:var(--space-2) var(--space-3);height:36px}.textarea{padding:var(--space-3);resize:vertical;min-height:120px;line-height:var(--leading-snug)}.textarea-lg{min-height:200px}.input-code,.textarea-code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.card-elevated{box-shadow:var(--shadow-sm)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.section-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.section-content{padding:var(--space-4)}pre,code{font-family:var(--font-mono);font-size:var(--text-sm)}pre{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-3);white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}code{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:2px 4px;font-size:.92em}pre code{background:0 0;padding:0}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);align-items:flex-start;gap:var(--space-3);border:1px solid;display:flex}.alert-error{background:var(--error-soft);color:var(--error-text);border-color:#ef444433}.alert-success{background:var(--success-soft);color:var(--success-text);border-color:#22c55e33}.alert-warning{background:var(--warning-soft);color:var(--warning);border-color:#f59e0b33}.alert-info{background:var(--info-soft);color:var(--info);border-color:#3b82f633}.badge{font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);align-items:center;padding:1px 6px;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-dim)}.badge-success{background:var(--success-soft);color:var(--success);border-color:#22c55e33}.badge-error{background:var(--error-soft);color:var(--error);border-color:#ef444433}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:#f59e0b33}.badge-info{background:var(--info-muted);color:var(--info)}.divider{background:var(--border-subtle);height:1px;margin:var(--space-4) 0}.divider-vertical{background:var(--border-default);width:1px;height:20px;margin:0 var(--space-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeIn{animation:fadeIn var(--transition) var(--ease-out)}.animate-fadeInUp{animation:fadeInUp var(--transition) var(--ease-out)}.animate-scaleIn{animation:scaleIn var(--transition) var(--ease-out)}.animate-slideInRight{animation:slideInRight var(--transition) var(--ease-out)}.animate-pulse{animation:2s ease-in-out infinite pulse}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.bg-base{background:var(--bg-base)}.bg-surface{background:var(--bg-surface)}.bg-elevated{background:var(--bg-elevated)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.border{border:1px solid var(--border-default)}.border-subtle{border:1px solid var(--border-subtle)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.transition{transition:all var(--transition) var(--ease-out)}.transition-fast{transition:all var(--transition-fast) var(--ease-out)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::selection{background:var(--accent-dim);color:var(--text-primary)}:focus-visible{box-shadow:var(--glow-focus);outline:none}:focus:not(:focus-visible){outline:none}.skip-link{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--border-default);border-radius:var(--radius);z-index:var(--z-modal);transition:top var(--transition-fast) var(--ease-out);position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:var(--space-4);box-shadow:var(--glow-focus);outline:none}.drag-over{box-shadow:var(--glow-focus);border-color:var(--accent)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}