:root{--color-bg: #f6f7f9;--color-bg-white: #ffffff;--color-bg-soft: #eef0f4;--color-border: #d8dde5;--color-text-primary: #1f2433;--color-text-secondary: #5b6473;--color-text-muted: #8b94a3;--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-accent: #16a34a;--color-danger: #dc2626;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text-primary)}a{color:var(--color-primary-light)}.app{display:flex;flex-direction:column;height:100%}.app-nav{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:var(--color-bg-white);border-bottom:1px solid var(--color-border);flex:none}.app-nav .brand{font-weight:600}.app-nav .links{display:flex;gap:.25rem;flex:1}.app-nav .links a,.app-nav .links button{background:transparent;border:1px solid transparent;padding:.4rem .8rem;border-radius:4px;cursor:pointer;text-decoration:none;color:var(--color-text-primary);font:inherit}.app-nav .links a.active,.app-nav .links button.active{background:var(--color-bg-soft);border-color:var(--color-border)}.app-nav .user{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.app-nav .version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;opacity:.6;cursor:help}.app-nav .version .env{text-transform:uppercase;letter-spacing:.03em}.app-nav .version a{color:inherit;text-decoration:underline dotted}.app-nav .version a:hover{text-decoration:underline}.app-main{flex:1;min-height:0;overflow:auto;padding:1.25rem}.placeholder{padding:2rem;background:var(--color-bg-white);border:1px dashed var(--color-border);border-radius:6px;color:var(--color-text-secondary)}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{color:#e0e0e0;margin:1.5em 0 .5em;font-weight:600;line-height:1.3}.md-preview h1{font-size:1.75em;border-bottom:1px solid #3e3e42;padding-bottom:.3em}.md-preview h2{font-size:1.4em;border-bottom:1px solid #3e3e42;padding-bottom:.25em}.md-preview h3{font-size:1.2em}.md-preview p{margin:.75em 0}.md-preview ul,.md-preview ol{margin:.75em 0;padding-left:1.5em}.md-preview li{margin:.25em 0}.md-preview a{color:#4fc1ff;text-decoration:none}.md-preview a:hover{text-decoration:underline}.md-preview strong{color:#e0e0e0;font-weight:600}.md-preview blockquote{margin:1em 0;padding:.5em 1em;border-left:3px solid #4fc1ff;color:#aab2bf}.md-preview code{background:#2d2d30;color:#ce9178;padding:1px 5px;border-radius:3px;font-size:.9em;font-family:JetBrains Mono,Menlo,Consolas,monospace}.md-preview pre{background:#1a1a1a;color:#d4d4d4;padding:.75em 1em;border-radius:4px;overflow:auto;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.85em;margin:1em 0}.md-preview pre code{background:none;padding:0;color:inherit}.md-preview table{border-collapse:collapse;margin:1em 0}.md-preview th,.md-preview td{border:1px solid #3e3e42;padding:.4em .7em}.md-preview th{background:#2d2d30}.md-preview hr{border:none;border-top:1px solid #3e3e42;margin:1.5em 0}.guide-md{color:var(--color-text-primary)}.guide-md h1,.guide-md h2,.guide-md h3,.guide-md h4,.guide-md h5,.guide-md h6{color:var(--color-text-primary);margin:1.5em 0 .5em;font-weight:600;line-height:1.3}.guide-md h1{font-size:1.5em;border-bottom:1px solid var(--color-border);padding-bottom:.3em}.guide-md h2{font-size:1.2em;border-bottom:1px solid var(--color-border);padding-bottom:.25em}.guide-md h3{font-size:1.05em}.guide-md p{margin:.7em 0}.guide-md ul,.guide-md ol{margin:.7em 0;padding-left:1.4em}.guide-md li{margin:.25em 0}.guide-md strong{color:var(--color-text-primary);font-weight:650}.guide-md a{color:var(--color-primary)}.guide-md blockquote{margin:1em 0;padding:.4em .9em;border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.guide-md code{background:var(--color-bg-soft);color:var(--color-text-primary);padding:1px 5px;border-radius:3px;font-size:.9em;font-family:JetBrains Mono,Menlo,Consolas,monospace}.guide-md pre{background:var(--color-bg-soft);color:var(--color-text-primary);padding:.7em .9em;border-radius:4px;overflow:auto;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.85em;margin:1em 0}.guide-md pre code{background:none;padding:0}.guide-md table{border-collapse:collapse;margin:1em 0}.guide-md th,.guide-md td{border:1px solid var(--color-border);padding:.35em .65em;text-align:left}.guide-md th{background:var(--color-bg-soft)}.guide-md hr{border:none;border-top:1px solid var(--color-border);margin:1.5em 0}