:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--border:#d7dde5;--border-strong:#b8c2cf;--surface:#fff;--surface-subtle:#f8fafc;--text-muted:#64748b;--accent:#2563eb;--accent-strong:#1d4ed8;--success:#0f8f63;--warning:#b7791f;--danger:#c2410c;--info:#0f6e9f;--shadow:0 16px 40px #0f172a1f;--shadow-sm:0 1px 2px #0f172a14;--app-bg:#f4f6f8;--text:#172033;--button-text:#243044;--header-band:#eef3f8;--hover:#eef2f7;--warning-bg:#fff7e6;--conflict-bg:#fff3ed;--hero-bg:#fff;--diagram-line:#9aa8ba;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,[href]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}#root{min-height:100vh}.app-shell{background:var(--app-bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--border:#334155;--border-strong:#64748b;--surface:#111827;--surface-subtle:#182235;--text-muted:#a7b4c7;--accent:#60a5fa;--accent-strong:#93c5fd;--success:#6ee7b7;--warning:#fbbf24;--danger:#fb923c;--info:#7dd3fc;--shadow:0 18px 42px #00000061;--shadow-sm:0 1px 2px #0000004d;--app-bg:#0b1120;--text:#e5edf8;--button-text:#e5edf8;--header-band:#111c2f;--hover:#243149;--warning-bg:#342711;--conflict-bg:#3b1d16;--hero-bg:#0f172a;--diagram-line:#64748b}.app-loading{min-height:100vh;color:var(--text-muted);place-items:center;gap:10px;display:grid}.app-header{z-index:10;border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px;display:grid;position:sticky;top:0}.brand-block,.header-actions,.presence-layer,.presence-avatars,.presence-user,.presence-cursor,.view-tabs,.grid-toolbar,.column-header,.column-title,.column-actions,.sync-inspector header,.sync-actions,.conflict-actions,.kanban-column-header,.calendar-day header,.command-palette-search{align-items:center;display:flex}.brand-block{gap:11px;min-width:0}.brand-block h1{margin:0;font-size:1rem;line-height:1.2}.brand-block p{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}.view-tabs button,.command-button,.theme-toggle,.primary-action,.secondary-action,.inline-action,.conflict-actions button{min-height:32px;color:var(--button-text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;display:inline-flex}.view-tabs button{min-width:96px;padding:0 12px}.view-tabs button.is-active{border-color:var(--border);background:var(--surface);box-shadow:0 1px 3px #0f172a1a}.header-actions{justify-content:flex-end;gap:10px}.pending-badge{background:var(--warning-bg);min-width:84px;color:var(--warning);text-align:center;border:1px solid #f3c574;padding:6px 10px;font-size:.82rem}.command-button,.theme-toggle,.primary-action,.secondary-action{border-color:var(--border);background:var(--surface);padding:0 12px}.theme-toggle{width:34px;padding:0}.header-link{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--button-text);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.header-link:hover{border-color:var(--border-strong);background:var(--hover)}.primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.secondary-action:hover,.command-button:hover,.view-tabs button:hover,.conflict-actions button:hover,.inline-action:hover{border-color:var(--border-strong);background:var(--hover)}.page-main{gap:18px;width:min(100%,1480px);margin:0 auto;padding:18px;display:grid}.hero-section{grid-template-columns:minmax(0,1fr) minmax(340px,.68fr);align-items:stretch;gap:18px;display:grid}.capability-section,.workbench-section,.quality-section,.architecture-panel,.keyboard-panel{gap:14px;display:grid}.workbench-section,.capability-section,.quality-section,.architecture-panel,.keyboard-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.capability-section,.quality-section,.architecture-panel,.keyboard-panel{padding:16px}.hero-copy{border:1px solid var(--border);background:var(--surface-subtle);align-content:center;gap:10px;padding:20px;display:grid}.eyebrow{border:1px solid var(--border);background:var(--surface);width:fit-content;color:var(--accent-strong);text-transform:uppercase;align-items:center;gap:8px;padding:5px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.hero-copy h2{letter-spacing:0;max-width:860px;margin:0;font-size:clamp(1.55rem,2vw,2.25rem);line-height:1.08}.hero-copy p{max-width:760px;color:var(--text-muted);margin:0;font-size:.98rem;line-height:1.55}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-title-group{align-items:flex-start;gap:10px;min-width:0;display:flex}.section-icon{border:1px solid var(--border);background:var(--surface-subtle);width:36px;height:36px;color:var(--accent);flex:none;place-items:center;display:grid}.section-eyebrow{color:var(--accent-strong);text-transform:uppercase;margin-bottom:3px;font-size:.74rem;font-weight:800;display:block}.section-header h2{margin:0;font-size:1.08rem}.section-header p{max-width:720px;color:var(--text-muted);margin:4px 0 0;font-size:.88rem;line-height:1.5}.section-actions{flex:none}.view-tabs{border:1px solid var(--border);background:var(--surface-subtle);gap:4px;padding:4px;display:inline-flex}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric-tile,.feature-panel{border:1px solid var(--border);background:var(--surface)}.metric-tile{align-content:center;gap:8px;min-height:104px;padding:14px;display:grid}.metric-tile span{color:var(--text-muted);text-transform:uppercase;font-size:.8rem}.metric-tile strong{font-size:1.85rem;line-height:1}.feature-panel-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;display:grid}.feature-panel{gap:8px;min-height:148px;padding:14px;display:grid}.feature-panel svg{color:var(--accent)}.feature-panel h3{margin:0;font-size:.94rem}.feature-panel p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.resource-link-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.resource-link-grid a{min-height:72px;color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}.resource-link-grid a:hover{border-color:var(--accent);transform:translateY(-1px)}.resource-link-grid strong,.resource-link-grid small{display:block}.resource-link-grid small{color:var(--text-muted);margin-top:2px}.showcase-lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:10px;display:grid}.architecture-flow{grid-template-columns:minmax(120px,1fr) auto minmax(140px,1fr) auto minmax(140px,1fr) auto minmax(140px,1fr);align-items:stretch;gap:8px;display:grid}.diagram-node{border:1px solid var(--border);background:var(--surface-subtle);gap:6px;min-height:110px;padding:10px;display:grid}.diagram-node svg{color:var(--accent)}.diagram-node strong{font-size:.88rem}.diagram-node span{color:var(--text-muted);font-size:.76rem;line-height:1.35}.flow-arrow{color:var(--diagram-line);place-items:center;font-weight:800;display:grid}.shortcut-list{gap:8px;margin:0;display:grid}.shortcut-list div{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;display:grid}.shortcut-list dt{border:1px solid var(--border);background:var(--surface-subtle);text-align:center;padding:5px 7px;font-size:.76rem;font-weight:800}.shortcut-list dd{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:.8rem;display:flex}.quality-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quality-card{border:1px solid var(--border);background:var(--surface-subtle);gap:6px;min-height:92px;padding:12px;display:grid}.quality-card strong{font-size:.92rem}.quality-card span{color:var(--text-muted);font-size:.82rem;line-height:1.4}.presence-layer{border-bottom:1px solid var(--border);background:var(--header-band);color:var(--text);justify-content:space-between;gap:16px;padding:8px 18px;font-size:.82rem}.presence-avatars,.presence-cursors{flex-wrap:wrap;gap:10px;display:flex}.presence-user,.presence-cursor{gap:6px}.avatar{color:#fff;place-items:center;width:24px;height:24px;font-size:.74rem;font-weight:700;display:inline-grid}.workspace-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 330px;min-height:560px;display:grid}.workbench-section{overflow:hidden}.workspace-main{min-width:0;min-height:0;overflow:auto}.workspace-view{min-height:100%;padding:16px}.grid-toolbar{color:var(--text-muted);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.85rem}.data-grid-shell{border:1px solid var(--border);background:var(--surface);overflow:auto}.empty-state,.empty-column{border:1px dashed var(--border-strong);background:var(--surface-subtle);color:var(--text-muted);gap:4px;padding:14px;font-size:.86rem;display:grid}.empty-state strong{color:var(--text)}.empty-state+.data-grid-shell{margin-top:10px}.empty-column{text-align:center;margin:0}.data-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:900px}.data-grid th,.data-grid td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;height:42px;padding:0 10px}.data-grid th{z-index:2;background:var(--surface-subtle);color:var(--text);font-size:.78rem;font-weight:700;position:sticky;top:0}.data-grid td{background:var(--surface);text-overflow:ellipsis;white-space:nowrap;outline:none;font-size:.87rem;position:relative;overflow:hidden}.data-grid tr:hover td{background:var(--surface-subtle)}.data-grid td.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.data-grid td.has-conflict{background:var(--conflict-bg)}.data-grid td.has-pending:after{background:var(--warning);content:"";width:3px;height:100%;position:absolute;inset:0 0 auto auto}.row-selector-header,.row-selector-cell{text-align:center;width:44px;min-width:44px}.column-header{justify-content:space-between;gap:6px}.column-title{background:0 0;border:0;flex:1;justify-content:flex-start;min-width:0;font-weight:700}.column-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.column-actions{gap:2px}.icon-button,.resize-handle{color:#64748b;background:0 0;border:1px solid #0000;place-items:center;width:24px;height:24px;display:inline-grid}.icon-button:hover,.resize-handle:hover{border-color:var(--border);background:var(--hover)}.resize-handle{cursor:col-resize}.cell-editor{border:1px solid var(--accent);outline:none;width:100%;height:30px;padding:0 8px}.cell-text,.cell-empty{text-overflow:ellipsis;vertical-align:middle;align-items:center;gap:5px;max-width:calc(100% - 22px);display:inline-flex;overflow:hidden}.cell-empty{color:#94a3b8}.numeric-cell{font-variant-numeric:tabular-nums}.cell-state-dot{background:var(--warning);border-radius:999px;width:7px;height:7px;position:absolute;bottom:8px;right:8px}.cell-conflict-icon{color:var(--danger);position:absolute;top:8px;right:8px}.value-pill{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;align-items:center;max-width:100%;min-height:24px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-flex;overflow:hidden}.value-pill-neutral{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.value-pill-info{color:var(--info);background:#eff6ff;border-color:#93c5fd}.value-pill-success{color:var(--success);background:#ecfdf5;border-color:#86efac}.value-pill-warning{color:var(--warning);background:#fff8e8;border-color:#f6d58e}.value-pill-danger{color:var(--danger);background:#fff2e8;border-color:#fed7aa}.kanban-board{grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;min-width:980px;display:grid}.kanban-column{border:1px solid var(--border);background:var(--surface-subtle);min-height:460px}.kanban-column.is-over{border-color:var(--accent);background:#eef6ff}.kanban-column-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px}.kanban-column-list{gap:10px;padding:12px;display:grid}.kanban-card{border:1px solid var(--border);background:var(--surface);padding:12px;box-shadow:0 1px 2px #0f172a12}.kanban-card.is-dragging{opacity:.8;box-shadow:var(--shadow)}.kanban-card h3,.calendar-item h3{margin:0;font-size:.95rem}.kanban-card dl,.conflict-list dl{gap:7px;margin:10px 0;display:grid}.kanban-card dl div,.conflict-list dl div{justify-content:space-between;gap:10px;display:flex}.kanban-card dt,.conflict-list dt{color:var(--text-muted)}.kanban-card dd,.conflict-list dd{margin:0}.inline-action{border-color:var(--border);min-height:28px;padding:0 8px;font-size:.78rem}.calendar-board{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.calendar-day{border:1px solid var(--border);background:var(--surface);min-height:170px}.calendar-day header{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;gap:10px;padding:12px}.calendar-day h2{flex:1;margin:0;font-size:.95rem}.calendar-items{gap:8px;padding:12px;display:grid}.calendar-item{border-left:3px solid var(--accent);background:var(--surface-subtle);padding:9px}.calendar-item p{color:var(--text-muted);margin:5px 0 0;font-size:.82rem}.sync-inspector{border-left:1px solid var(--border);background:var(--surface);min-width:0;padding:16px;overflow:auto}.sync-inspector header{gap:10px;margin-bottom:14px}.sync-inspector h2,.sync-inspector h3{margin:0}.sync-inspector header p{color:var(--text-muted);text-transform:capitalize;margin:2px 0 0}.sync-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.sync-metrics div{border:1px solid var(--border);background:var(--surface-subtle);padding:10px}.sync-metrics span{color:var(--text-muted);font-size:.78rem;display:block}.sync-metrics strong{margin-top:4px;font-size:1.25rem;display:block}.sync-actions{gap:8px;margin-bottom:14px}.sync-error{background:var(--conflict-bg);color:var(--danger);border:1px solid #fed7aa;padding:8px}.inspector-section{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.inspector-section h3{font-size:.9rem}.muted{color:var(--text-muted);font-size:.84rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.operation-list,.conflict-list{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.operation-list li,.conflict-list li{border:1px solid var(--border);background:var(--surface-subtle);padding:10px}.operation-list span{font-weight:700;display:block}.operation-list code{overflow-wrap:anywhere;color:var(--text-muted);margin-top:5px;font-size:.72rem;display:block}.conflict-list p{margin:0 0 8px}.conflict-actions{gap:6px}.conflict-actions button{border-color:var(--border);background:var(--surface);min-height:28px;padding:0 8px;font-size:.78rem}.command-palette-backdrop{z-index:20;background:#0f172a59;place-items:start center;padding-top:min(16vh,110px);display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--border-strong);background:var(--surface);width:min(620px,100vw - 28px);box-shadow:var(--shadow)}.command-palette-search{border-bottom:1px solid var(--border);gap:10px;padding:12px}.command-palette-search input{border:0;outline:0;width:100%;font-size:1rem}.command-palette-list{max-height:320px;padding:6px;display:grid;overflow:auto}.command-palette-list button{text-align:left;background:0 0;border:1px solid #0000;min-height:38px;padding:0 10px}.command-palette-list button.is-active,.command-palette-list button:hover{background:var(--surface-subtle);border-color:#bfdbfe}.command-palette-list p{color:var(--text-muted);margin:16px}.skip-link{z-index:30;background:var(--accent);color:#fff;padding:9px 12px;font-weight:800;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.guide-main{gap:24px;width:min(100%,1240px);margin:0 auto;padding:24px 18px 56px;display:grid}.guide-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:18px 0 24px;display:grid}.guide-hero h2{letter-spacing:0;max-width:760px;margin:14px 0 8px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08}.guide-hero p{max-width:720px;color:var(--text-muted);margin:0;line-height:1.65}.guide-resource-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.guide-resource-nav a{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);align-items:center;gap:7px;padding:0 11px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.guide-resource-nav a:hover{border-color:var(--accent);background:var(--hover)}.guide-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:32px;display:grid}.guide-sidebar{border-left:2px solid var(--border);max-height:calc(100vh - 112px);padding-left:14px;position:sticky;top:88px;overflow:auto}.guide-sidebar strong{text-transform:uppercase;margin-bottom:9px;font-size:.78rem;display:block}.guide-sidebar ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.guide-sidebar a{color:var(--text-muted);padding:6px 8px;font-size:.82rem;line-height:1.3;text-decoration:none;display:block}.guide-sidebar a:hover{background:var(--hover);color:var(--text)}.guide-article{gap:18px;min-width:0;display:grid}.guide-section,.guide-article>.architecture-panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);padding:22px;scroll-margin-top:92px}.guide-section h2{margin:0;font-size:1.35rem;line-height:1.25}.guide-section h3{margin:22px 0 8px;font-size:1rem}.guide-section-summary{max-width:800px;color:var(--text-muted);margin:7px 0 18px;font-size:.96rem;line-height:1.55}.guide-section-body{color:var(--text);font-size:.92rem;line-height:1.7}.guide-section-body>:first-child{margin-top:0}.guide-section-body>:last-child{margin-bottom:0}.guide-section-body li+li{margin-top:5px}.guide-section-body code,.guide-shortcut-table kbd{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text);padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82em}.guide-callout{border-left:3px solid var(--accent);background:var(--surface-subtle);gap:4px;padding:12px 14px;display:grid}.guide-callout span{color:var(--text-muted)}.guide-definition-grid,.guide-status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.guide-definition-grid div,.guide-status-list div{border:1px solid var(--border);background:var(--surface-subtle);padding:12px}.guide-definition-grid dt,.guide-status-list dt{font-weight:800}.guide-definition-grid dd,.guide-status-list dd{color:var(--text-muted);margin:4px 0 0;line-height:1.45}.guide-table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto}.guide-shortcut-table{border-collapse:collapse;width:100%;min-width:540px}.guide-shortcut-table th,.guide-shortcut-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px}.guide-shortcut-table thead th{background:var(--surface-subtle);text-transform:uppercase;font-size:.78rem}.guide-shortcut-table tbody th{width:180px}@media (width<=980px){.app-header{grid-template-columns:1fr}.section-header{display:grid}.section-actions{width:100%}.view-tabs,.header-actions{justify-content:flex-start}.view-tabs{width:100%}.workspace-layout{grid-template-columns:1fr;min-height:0}.hero-section,.showcase-lower-grid{grid-template-columns:1fr}.feature-panel-grid,.quality-grid,.resource-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-flow{grid-template-columns:1fr}.flow-arrow{min-height:20px}.sync-inspector{border-top:1px solid var(--border);border-left:0}.guide-hero,.guide-layout{grid-template-columns:1fr}.guide-resource-nav{justify-content:flex-start}.guide-sidebar{max-height:none;position:static}.guide-sidebar ol{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.workspace-view,.sync-inspector{padding:12px}.page-main{gap:12px;padding:12px}.presence-layer,.app-header{padding-inline:12px}.view-tabs{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.view-tabs button{min-width:0;min-height:44px}.command-button span,.brand-block p,.presence-cursors{display:none}.header-actions{flex-wrap:wrap}.hero-metrics,.feature-panel-grid,.quality-grid,.resource-link-grid,.shortcut-list div{grid-template-columns:1fr}.guide-main{gap:18px;padding:14px 12px 40px}.guide-hero{padding-top:8px}.guide-resource-nav{grid-template-columns:1fr;display:grid}.guide-resource-nav a{min-height:44px}.guide-sidebar ol,.guide-definition-grid,.guide-status-list{grid-template-columns:1fr}.guide-section,.guide-article>.architecture-panel{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}