:root{color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#38bdf81f,#0000 28%),linear-gradient(#f4f7fb 0%,#eef3f8 100%);font-family:Instrument Sans,IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,a{transition:transform .16s,box-shadow .16s}button:hover,a:hover{transform:translateY(-1px)}#root{min-height:100vh}.shell{min-height:100vh;padding:28px}.shell--bare{margin:0 auto}.shell__content{display:flex}.shell__content--bare{width:100%}.topbar{justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar--landing{margin-bottom:4px}.topbar__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-kicker{text-transform:uppercase;letter-spacing:.14em;color:#4b7b9f;margin:0;font-size:.74rem}.page-title{margin:6px 0 0;font-family:Space Grotesk,Instrument Sans,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1}.page-title--workspace{font-size:clamp(1.8rem,3vw,2.4rem)}.hero-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stack{flex-direction:column;gap:16px;width:100%;display:flex}.grid{gap:16px;display:grid}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.preview-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:16px;display:grid}.hero-card,.surface-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;border:1px solid #17212b14;border-radius:28px;box-shadow:0 16px 40px #0f172a0f}.hero-card{padding:24px 26px}.hero-card--workspace{padding:20px 24px}.surface-card{padding:20px}.surface-card--repos{min-height:420px}.surface-card--tree{min-height:72vh;max-height:72vh;overflow:auto}.surface-card--workbench{min-height:72vh}.surface-card--notes{min-width:0;min-height:420px;overflow:hidden}.panel__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.panel__header--tight{margin-bottom:12px}.panel__meta{color:#4b7b9f;font-size:.84rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#5f88a8;margin:0;font-size:.78rem}.hero-card h2,.hero-card h3,.surface-card h3{margin:8px 0 10px;font-family:Space Grotesk,Instrument Sans,sans-serif}.muted{color:#607080;margin:0}.muted--small{font-size:.92rem}.actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.button{appearance:none;color:#f8fbff;font:inherit;background:#17212b;border:0;border-radius:999px;padding:12px 18px;text-decoration:none;box-shadow:0 10px 24px #17212b24}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button--secondary,.button--ghost{color:#17212b;box-shadow:none;background:#ffffffb8;border:1px solid #17212b1a}.button--small{padding:10px 14px}.search-input{width:100%;font:inherit;background:#fbfdff;border:1px solid #17212b1f;border-radius:16px;margin-bottom:16px;padding:12px 14px}.list{color:#314150;margin:0;padding-left:20px}.repo-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.repo-card{text-align:left;font:inherit;color:#17212b;background:linear-gradient(#fffffff5 0%,#f4f8fceb 100%);border:1px solid #17212b14;border-radius:22px;gap:8px;padding:20px;display:grid}.repo-card__name{font-size:1.02rem;font-weight:700}.repo-card__path{color:#607080;font-size:.92rem}.repo-card__meta{color:#4b7b9f;font-size:.86rem}.editor-pane{height:100%;min-height:62vh}.preview-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.preview-toolbar h3,.preview-toolbar .muted,.panel__header h3{overflow-wrap:anywhere;word-break:break-word}.preview-toolbar__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.segmented-control{background:#17212b0f;border-radius:999px;padding:4px;display:inline-flex}.segment{color:#607080;font:inherit;background:0 0;border:0;border-radius:999px;padding:8px 12px}.segment--active{color:#17212b;background:#fff;box-shadow:0 3px 12px #17212b14}.editor-canvas{align-items:stretch;min-height:62vh;display:grid}.editor-canvas--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px}.editor-canvas--split>*{min-height:62vh}.markdown-body{max-width:100%;overflow:auto}.markdown-body--workbench{background:#fbfdff;border:1px solid #17212b14;border-radius:20px;min-height:62vh;padding:24px}.markdown-editor-shell{border:1px solid #17212b14;border-radius:20px;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:62vh;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.markdown-editor-core{background:#fbfdff;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.markdown-editor-core--textarea{grid-template-rows:minmax(0,1fr)}.editor-capabilities{background:#0f1722;border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.editor-capabilities__item{color:#d8e3f0;background:#ffffff14;border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;display:inline-flex}.markdown-editor-content{height:100%;min-height:62vh;padding:22px;font-size:.95rem;overflow:auto}.markdown-editor-field{resize:none;color:#17212b;width:100%;font:inherit;background:#fbfdff;border:0;line-height:1.6}.markdown-editor-content:focus,.markdown-editor-field:focus{outline:none}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:Space Grotesk,Instrument Sans,sans-serif}.markdown-body pre,.markdown-body code{font-family:IBM Plex Mono,SFMono-Regular,monospace}.markdown-body pre{background:#eef4f9;border-radius:16px;padding:16px;overflow:auto}.mermaid-block{background:#f7fbff;border:1px solid #17212b14;border-radius:16px;padding:16px;overflow:auto}.mermaid-block--loading,.mermaid-block--error{gap:10px;display:grid}.mermaid-block svg{max-width:100%;height:auto;margin:0 auto;display:block}.mermaid-block--error pre{margin:0}.markdown-body table{border-collapse:collapse;width:100%}.markdown-body th,.markdown-body td{text-align:left;border:1px solid #17212b1f;padding:8px 10px}.error-text{color:#a12424;margin:0}.tree-root{gap:2px;display:grid}.tree-branch{display:grid}.tree-children{margin-left:16px}.tree-item{text-align:left;font:inherit;color:#17212b;background:0 0;border:0;border-radius:14px;padding:8px 10px}.tree-item--selected{background:#4a7b9f24}.tree-item__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.comment-stack{gap:12px;min-width:0;display:grid}.comment-card{background:#fbfdffeb;border:1px solid #17212b14;border-radius:16px;min-width:0;padding:14px;overflow:hidden}.comment-card strong{margin-bottom:6px;display:block}.comment-card .muted{overflow-wrap:anywhere;word-break:break-word}.workspace-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.workspace-chip,.user-pill{color:#607080;background:#ffffffd1;border:1px solid #17212b14;border-radius:999px;align-items:center;padding:9px 12px;font-size:.9rem;display:inline-flex}.workspace-chip--active{color:#17212b}.list li+li{margin-top:8px}@media (width<=900px){.shell{padding:16px}.grid--two,.workbench-layout,.preview-layout,.repo-grid,.editor-canvas--split{grid-template-columns:1fr;display:grid}.topbar,.hero-row,.panel__header,.preview-toolbar{flex-direction:column;align-items:flex-start}.preview-toolbar__actions,.workspace-meta{justify-content:flex-start}}