*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{hanging-punctuation:first last;color-scheme:dark light;height:100%}body{min-height:100%;height:100%;margin:0;overflow:hidden}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a{color:#90ee90}a:visited{color:#66bb6a}a:hover{color:#90ee90}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-base: clamp(1.125rem, 1.1rem + .25vw, 1.25rem);--font-xs: clamp(.8rem, .17vw + .76rem, .89rem);--font-sm: clamp(1rem, .34vw + .91rem, 1.19rem);--font-md: var(--font-base);--font-lg: clamp(1.56rem, .99vw + 1.31rem, 2.11rem);--font-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);--font-2xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);--font-3xl: clamp(3.05rem, 3.54vw + 2.17rem, 5rem);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--leading-tight: 1.1;--leading-base: 1.6;--leading-loose: 1.8;--space-3xs: clamp(.25rem, .23rem + .12vw, .31rem);--space-2xs: clamp(.5rem, .46rem + .23vw, .63rem);--space-xs: clamp(.75rem, .69rem + .35vw, .94rem);--space-s: clamp(1rem, .91rem + .46vw, 1.25rem);--space-m: clamp(1.5rem, 1.37rem + .69vw, 1.88rem);--space-l: clamp(2rem, 1.83rem + .91vw, 2.5rem);--space-xl: clamp(3rem, 2.74rem + 1.37vw, 3.75rem);--color-brand-primary: #00d4ff;--color-brand-glow: rgba(0, 212, 255, .4);--color-brand-secondary: #a855f7;--color-surface-1: #050508;--color-surface-2: #0a0a0f;--color-surface-panel: rgba(20, 20, 35, .85);--color-surface-glass: rgba(20, 20, 35, .6);--color-text-main: #e8e8f0;--color-text-muted: #8888aa;--color-text-faint: #555577;--color-success: #00ff88;--color-warning: #ffd700;--color-error: #ff6b6b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-highlight: 1px solid rgba(255, 255, 255, .15);--header-height: 64px;--panel-width: 380px;--max-width-content: 1600px}body{font-family:var(--font-sans);background-color:var(--color-surface-1);color:var(--color-text-main);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}.layout-app{display:flex;flex-direction:column;height:100vh;height:100%;background-color:var(--color-surface-1);color:var(--color-text-main);overflow:hidden}.splitter-view{display:flex;flex-direction:row;flex:1;width:100%;height:100%;overflow:hidden;align-items:stretch}.stage-area{position:relative;flex:1;height:100%;overflow:hidden;background:var(--color-surface-2)}.panel-area{flex:0 0 var(--panel-width);height:100%;background:var(--color-surface-panel);border-right:var(--border-subtle);overflow-y:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-m)}.app-header{flex:0 0 var(--header-height);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-l);background:var(--color-surface-2);border-bottom:var(--border-subtle);z-index:10}.container-wide{width:100%;max-width:var(--max-width-content);margin-inline:auto;padding-inline:var(--space-l)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-m)}.glass{background:var(--color-surface-glass);backdrop-filter:blur(8px);border:var(--border-subtle);box-shadow:0 4px 30px #0000001a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-panel);border-radius:var(--radius-full);border:1px solid var(--color-surface-1)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-m);border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;font-size:var(--font-base);text-decoration:none;cursor:pointer;transition:all .2s ease;border:0;line-height:1}.btn-primary{background:var(--color-brand-primary);color:#000;box-shadow:0 0 15px var(--color-brand-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 25px var(--color-brand-glow)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text-main);background:#ffffff0d}.card{background:var(--color-surface-panel);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-m);transition:border-color .2s}.card:hover{border-color:var(--color-brand-primary)}.text-h1{font-size:var(--font-3xl);font-weight:800;letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--color-text-main)}.text-h2{font-size:var(--font-2xl);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-xs)}.text-body{font-size:var(--font-base);line-height:var(--leading-base);color:var(--color-text-muted);max-width:75ch}.icon{width:1.25em;height:1.25em;fill:currentColor}