:root{color-scheme:light;--nav:#111827;--nav-raised:#202b3c;--canvas:#eef1f5;--surface:#fff;--line:#d7dee8;--text:#162033;--muted:#5f6b80;--accent:#2563eb;--accent-soft:#eaf1ff;--success:#16825b;--stale:#9a530f;--error:#b42318;--focus:#8eb0ed;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-control:6px;--radius-panel:8px;--z-sticky:10;--z-scrim:20;--z-panel:30;--z-modal:40;--z-status:50;font:14px/1.4 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:var(--canvas)}button,input,textarea,select{font:inherit;color:inherit}button,select,input,textarea{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}button{min-width:32px;min-height:32px;padding:5px 9px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:fixed;z-index:100;left:8px;top:8px;transform:translateY(-160%);padding:8px 12px;background:var(--surface);color:var(--accent)}.skip-link:focus{transform:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace{display:grid;grid-template-columns:64px 248px minmax(0,1fr);height:100%;overflow:hidden}.app-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 8px;background:var(--nav);color:#fff}.app-rail img{border-radius:6px}.rail-destination{border-color:transparent;background:transparent;color:#cbd5e1;font-size:18px}.rail-destination[aria-current]{background:var(--nav-raised);color:#fff}.rail-spacer{flex:1}.document-nav{display:flex;min-width:0;flex-direction:column;padding:16px 12px;border-right:1px solid var(--line);background:#f8fafc;overflow:auto}.document-nav>header{display:flex;align-items:center;justify-content:space-between}.document-nav>header p{margin:0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.document-nav>header button{display:none}.document-row{display:flex;align-items:center;gap:9px;margin:12px 0;text-align:left;border-color:transparent;background:transparent}.document-row span:last-child{min-width:0}.document-row strong,.document-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-row small,.small-status{color:var(--muted);font-size:11px}.document-mark{display:grid;place-items:center;flex:none;width:34px;height:38px;border-radius:6px;background:var(--accent);color:#fff;font-weight:700}.search{display:grid;gap:5px;color:var(--muted);font-size:12px}.search input{width:100%;padding:7px}.small-status{min-height:1.2em;margin:7px 0}.cell-list{display:grid;gap:4px;overflow:auto}.cell-list button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;width:100%;text-align:left;border-color:transparent;background:transparent}.cell-list button[aria-current=true]{border-color:#b8cdf4;background:var(--accent-soft)}.cell-list b{color:var(--accent);font-size:11px}.cell-list span,.cell-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-list small{color:var(--muted);font-size:10px}.add-cell{margin-top:auto;color:var(--accent)}#main-workspace{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:auto;scroll-padding-block:20px}.utility-bar{position:sticky;z-index:var(--z-sticky);top:0;display:flex;align-items:center;flex:none;height:56px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--surface)}.utility-identity{display:flex;gap:6px}.utility-identity span{color:var(--muted)}.document-trigger{display:none}.utility-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.utility-actions label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.utility-actions select{min-height:32px;padding:5px}.menu{position:fixed;z-index:var(--z-panel);top:50px;right:55px;display:grid;min-width:180px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 30px #0e182a33}.menu[hidden],#preview-placeholder[hidden],#preview[hidden]{display:none}.menu button{text-align:left;border-color:transparent}.more-menu{right:18px}.document-preview{display:flex;flex:none;flex-direction:column;height:var(--preview-height,28vh);min-height:180px;max-height:60vh;padding:12px 24px 0;border-bottom:1px solid var(--line);background:#f8fafc}.document-preview>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.document-preview p,.canvas-heading p{margin:0;color:var(--muted);font-size:11px;text-transform:uppercase}.document-preview h1,.canvas-heading h2{margin:2px 0 0;font-size:15px}.preview-actions{display:flex;align-items:center;gap:8px}.preview-actions strong{color:var(--muted);font-size:12px}.preview-actions strong[data-state=stale]{color:var(--stale)}.preview-actions strong[data-state=current]{color:var(--success)}.preview-actions strong[data-state=failed],.preview-actions strong[data-state=blocked]{color:var(--error)}.preview-frame{display:grid;place-items:center;min-height:0;flex:1;overflow:hidden;border:1px solid var(--line);border-radius:8px 8px 0 0;background:#e7ebf0}.preview-frame iframe{width:100%;height:100%;border:0;background:white}.preview-frame p{max-width:36rem;padding:16px;text-align:center;text-transform:none;color:var(--text)}.preview-separator{display:grid;place-items:center;height:32px;cursor:ns-resize;color:var(--muted)}.cell-canvas{width:min(100%,968px);margin:0 auto;padding:24px}.document-details{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.document-details summary{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer}.document-details summary::before{content:"";flex:none;width:0;height:0;border-left:6px solid var(--muted);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform 120ms ease}.document-details[open] summary::before{transform:rotate(90deg)}.document-details summary span{display:block}.document-details summary small,.document-details summary strong{display:block;line-height:1.25}.document-details summary small{color:var(--muted)}.details-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:0 16px 16px}.details-fields label{display:grid;gap:4px;color:var(--muted);font-size:12px}.details-fields input,.details-fields textarea{width:100%;padding:7px}.details-fields .metadata{grid-column:1/-1}.canvas-heading{display:flex;align-items:end;justify-content:space-between;margin:24px 0 12px}.canvas-heading span{color:var(--muted);font-size:12px}.notebook-cells{display:grid;gap:12px}.cell{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.cell:focus-within,.cell[data-active=true]{border-color:var(--focus);box-shadow:0 0 0 2px #dce8ff}.cell>header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:6px 10px;border-bottom:1px solid var(--line);background:#f8fafc}.cell-heading{display:flex;gap:8px;align-items:center}.cell-heading span{color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.cell-actions{display:flex;gap:4px}.editor-tabs{display:flex;align-items:center;gap:3px;padding:6px 10px;border-bottom:1px solid var(--line)}.editor-tabs button{border-color:transparent;background:transparent}.editor-tabs button[aria-selected=true]{border-color:var(--line);background:var(--accent-soft);color:var(--accent)}.editor-tabs small{margin-left:auto;color:var(--muted)}.cell textarea{display:block;width:100%;min-height:150px;padding:12px;border:0;border-radius:0;resize:vertical;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.description-panel{padding:12px}.description-panel textarea{border:1px solid var(--line);border-radius:6px}.description-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.proposal{padding:12px;border-top:1px solid #efcc9f;background:#fff8ed}.proposal textarea{margin-top:8px;border:1px solid #efcc9f}.proposal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.proposal-diagnostics{margin:8px 0 0;padding-left:18px}.proposal-diagnostics li{margin:2px 0}.proposal-diagnostics li[data-severity=error] strong{color:var(--error)}.proposal-diagnostics li[data-severity=warning] strong{color:var(--stale)}.cell-insert{width:100%;border-style:dashed;color:var(--accent)}.add-cell-bottom{width:100%;margin-top:12px;border-style:dashed;color:var(--accent)}.diagnostics-panel{position:fixed;z-index:var(--z-panel);right:0;top:56px;bottom:0;width:min(390px,42vw);padding:16px;border-left:1px solid var(--line);background:var(--surface);box-shadow:-8px 0 30px #0e182a22;overflow:auto}.diagnostics-panel>header{display:flex;justify-content:space-between}.diagnostics-panel h2{margin:3px 0;font-size:16px}.diagnostic{padding:10px;border-left:3px solid var(--line);background:#f8fafc}.diagnostic[data-severity=error]{border-color:var(--error)}.diagnostic[data-severity=warning]{border-color:var(--stale)}.drawer-scrim{display:none}.undo-bar{position:fixed;z-index:var(--z-status);right:20px;bottom:20px;padding:10px 14px;border-radius:8px;background:var(--nav);color:white}.undo-bar button{color:var(--nav)}.preview-dialog{width:min(96vw,1200px);height:92vh;padding:0;border:0;border-radius:8px}.preview-dialog::backdrop,.proposal-dialog::backdrop,dialog::backdrop{background:#0f172a99}.preview-dialog header{display:flex;align-items:center;gap:12px;padding:10px 14px}.preview-dialog header strong{margin-left:auto}.preview-dialog iframe{width:100%;height:calc(100% - 58px);border:0}.proposal-dialog{width:min(900px,92vw)}.proposal-dialog header,.proposal-dialog footer{display:flex;justify-content:space-between;gap:8px}.proposal-dialog textarea{width:100%;height:55vh;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.gate{position:fixed;z-index:var(--z-modal);inset:0;display:grid;place-items:center;padding:16px;background:var(--nav)}.gate[hidden]{display:none}.gate-card{display:grid;gap:12px;width:min(420px,100%);padding:28px;border-radius:8px;background:var(--surface)}.gate-card h1,.gate-card p{margin:0}.gate-card label{display:grid;gap:5px}.gate-card input{padding:8px}.error{color:var(--error)}.field-feedback{color:var(--error);font-size:11px}.cell textarea,.cell input,.cell button,.cell-list button,.details-fields input,.details-fields textarea,.utility-actions button,.utility-actions select,.document-preview button{scroll-margin-block:24px}
.utility-actions select{-webkit-appearance:none;appearance:none;min-height:32px;padding:5px 28px 5px 9px;font-size:14px;line-height:1.4;background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
@media(max-width:1199px){.workspace{grid-template-columns:56px minmax(0,1fr)}.app-rail{padding-inline:6px}.document-nav{position:fixed;z-index:var(--z-panel);left:56px;top:0;bottom:0;width:272px;transform:translateX(-110%);transition:transform 160ms ease;box-shadow:8px 0 30px #0e182a33}.workspace[data-nav-open=true] .document-nav{transform:none}.document-nav>header button{display:block}.drawer-scrim{position:fixed;z-index:var(--z-scrim);inset:0 0 0 56px;border:0;border-radius:0;background:#10182766}.workspace[data-nav-open=true] .drawer-scrim{display:block}.utility-bar{height:52px;padding:0 16px}.document-trigger{display:block}.utility-identity{display:none}.document-preview{height:var(--preview-height,30vh);min-height:160px;max-height:50vh;padding-inline:16px}.cell-canvas{padding:16px}.cell textarea{font-size:11px}.utility-bar button,.utility-bar select,.utility-bar input,.undo-bar button,.menu button,.utility-actions button,.utility-actions select,.utility-actions input,.document-nav button,.document-nav input,.cell button,.cell-list button,.cell-canvas button,.cell-canvas input,.cell-canvas textarea,.document-details input,.document-details textarea,.document-preview button,.app-rail button,.diagnostics-panel button,.skip-link{min-width:44px;min-height:44px}.preview-separator{height:44px}.diagnostics-panel{top:auto;left:56px;width:auto;height:min(55vh,520px);border-top:1px solid var(--line);border-left:0}}
@media(max-width:520px){.workspace{grid-template-columns:1fr}.app-rail{display:none}.document-nav{left:0;width:min(90vw,320px)}.drawer-scrim{inset:0}.utility-bar{height:auto;min-height:52px;flex-wrap:wrap;padding:8px}.utility-actions{gap:4px}.utility-actions label{font-size:0}.utility-actions label select{font-size:12px}.document-preview{padding-inline:8px}.document-preview>header{align-items:flex-start;flex-direction:column}.preview-actions{width:100%;flex-wrap:wrap}.cell-canvas{padding:12px 8px}.details-fields{grid-template-columns:1fr}.details-fields .metadata{grid-column:auto}.cell>header{align-items:flex-start}.cell-actions{flex-wrap:wrap;justify-content:flex-end}.diagnostics-panel{left:0}.menu{right:8px}.document-trigger span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important}}
@media(forced-colors:active){button,input,textarea,select,.cell,.document-details,.preview-frame{border:1px solid CanvasText}.cell:focus-within{outline:2px solid Highlight}.app-rail{background:Canvas;color:CanvasText}}

:root{color-scheme:dark;--nav:#090909;--nav-raised:#181818;--canvas:#090909;--surface:#101010;--line:#303030;--text:#f2eee8;--muted:#aaa49b;--accent:#ff2419;--accent-soft:#33110f;--success:#55b98c;--stale:#e3a13a;--error:#ff6b61;--focus:#ff7168}::selection{background:var(--accent);color:#120000}.app-rail{color:var(--text)}.rail-destination{color:var(--muted)}.rail-destination[aria-current]{color:var(--text)}.document-nav,.document-preview,.cell>header,.diagnostic{background:var(--raised,#181818)}.cell-list button[aria-current=true]{border-color:#6d2925}.menu{box-shadow:0 12px 30px #00000066}.preview-frame{background:#181818}.cell:focus-within,.cell[data-active=true]{box-shadow:0 0 0 2px #5a211e}.proposal{border-top-color:#6d4a1c;background:#21180d}.proposal textarea{border-color:#6d4a1c}.diagnostics-panel{box-shadow:-8px 0 30px #00000066}.preview-dialog::backdrop,.proposal-dialog::backdrop,dialog::backdrop{background:#00000099}.drawer-scrim{background:#00000099}