.desktop-document-surface.active:has(.lat-notebook){display:flex;flex-direction:column}
.lat-notebook{height:100%;min-height:0;flex:1;overflow:hidden;display:grid;grid-template-rows:36px minmax(0,1fr);background:var(--bg-canvas);color:var(--text-primary);font:12px var(--font-ui)}
.lat-nb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;border-bottom:1px solid var(--border);background:var(--bg-panel)}
.lat-nb-toolbar>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}.lat-nb-toolbar strong{font-size:12px;font-weight:650}.lat-nb-toolbar span{color:var(--text-muted);font-size:11px}.lat-nb-actions{display:flex;align-items:center;gap:4px;overflow-x:auto}.lat-nb-actions button{height:26px;border:1px solid var(--border);border-radius:2px;background:var(--bg-raised);color:var(--text-primary);padding:0 8px;font:600 11px var(--font-ui);white-space:nowrap}.lat-nb-actions button:first-child{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.lat-nb-actions button:disabled{opacity:.55}
.lat-nb-document{min-height:0;overflow:auto;padding:8px 12px 24px}.lat-nb-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding-bottom:6px}.lat-nb-title span{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.lat-nb-title input{min-width:0;width:min(420px,70%);height:26px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--text-primary);font:600 15px var(--font-ui)}.lat-nb-title input:focus{outline:0;border-color:var(--focus)}.lat-nb-support{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:var(--text-muted);font-size:11px}.lat-nb-support span:first-child{min-width:0}
.lat-nb-cells{display:grid;gap:6px;max-width:920px}.lat-cell{display:grid;grid-template-columns:42px minmax(0,1fr);border:1px solid var(--border);border-left:2px solid transparent;border-radius:0;background:var(--bg-panel)}.lat-cell.active{border-left-color:var(--accent)}.lat-cell.error{border-left-color:var(--danger)}.lat-cell-gutter{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-right:1px solid var(--border);color:var(--text-muted);font:10px var(--font-mono)}.lat-cell-gutter button{width:26px;height:24px;border:1px solid var(--border);border-radius:2px;background:var(--bg-raised);color:var(--text-primary)}.lat-cell-gutter button:disabled{opacity:.5}.lat-cell-body{min-width:0}.lat-cell-body>header{height:28px;display:flex;align-items:center;gap:8px;padding:0 6px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.lat-cell-body>header select{height:22px;border:1px solid var(--border);border-radius:2px;background:var(--bg-canvas);color:var(--text-primary);font:11px var(--font-ui)}.lat-cell-body>header>span{margin-right:auto;color:var(--text-muted);font:10px var(--font-mono)}.lat-cell-body>header div{display:flex;gap:2px}.lat-cell-body>header button{height:22px;border:0;border-radius:2px;background:transparent;color:var(--text-secondary);font:11px var(--font-ui)}.lat-cell-body>header button:hover{background:var(--bg-raised);color:var(--text-primary)}
.lat-cell-body textarea{display:block;width:100%;min-height:72px;resize:vertical;border:0;background:var(--bg-canvas);color:var(--text-primary);padding:8px 10px;font:12px/1.5 var(--font-mono);tab-size:2}.lat-cell-body textarea:focus{outline:1px solid var(--focus);outline-offset:-1px}.lat-cell-body textarea[hidden]{display:none}
.lat-markdown-preview{display:block;width:100%;padding:8px 10px;border:0;background:var(--bg-canvas);color:var(--text-primary);font:13px/1.45 var(--font-ui);text-align:left;cursor:text}.lat-markdown-preview h2{font-size:15px;margin:0 0 2px}
.lat-cell-output{border-top:1px solid var(--border);padding:6px 10px 8px;background:var(--bg-canvas)}.lat-cell-output>header{display:flex;justify-content:space-between;color:var(--text-muted);font:11px var(--font-mono)}.lat-cell-output pre{margin:4px 0;white-space:pre-wrap;font:12px/1.45 var(--font-mono)}.lat-cell-output p{margin:4px 0 0;color:var(--text-secondary)}.lat-cell-output.error{display:flex;gap:8px;color:var(--danger);background:color-mix(in srgb,var(--bg-canvas) 90%,var(--danger) 10%)}
.lat-nb-plot{margin:6px 0 0;border:1px solid var(--border);background:var(--bg-canvas);padding:6px 8px 4px}.lat-nb-plot figcaption{display:flex;justify-content:space-between;gap:8px;font-weight:650;font-size:12px}.lat-nb-plot figcaption span{color:var(--text-muted);font-weight:500}.lat-nb-plot svg{display:block;width:100%;height:auto}.lat-nb-axis,.lat-nb-zero{fill:none;stroke:var(--text-muted);stroke-width:1}.lat-nb-zero{stroke-dasharray:3 3;opacity:.7}.lat-nb-trace{fill:none;stroke:var(--chart-1,#7dbaa6);stroke-width:1.75}.lat-nb-trace.trace-1{stroke:var(--chart-2,#e0a45a)}.lat-nb-plot text{fill:var(--text-secondary);font:10px var(--font-mono)}
.lat-matrix{border-collapse:collapse;margin:8px 0;font:11px var(--font-mono)}.lat-matrix td{min-width:64px;padding:3px 6px;border:1px solid var(--border);text-align:right}
.desktop-explorer,.desktop-inspector{min-height:0;overflow:auto}
.lat-var-group{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lat-var-table{display:grid}.lat-var-head,.lat-var-row{display:grid;grid-template-columns:minmax(48px,1.1fr) 52px 48px;gap:4px;align-items:center}.lat-var-head{padding:3px 8px 3px 10px;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.lat-var-row{width:100%;min-height:26px;padding:3px 8px 3px 10px;border:0;border-radius:0;border-top:1px solid var(--border);background:transparent;color:var(--text-primary);text-align:left;font:11px var(--font-ui)}.lat-var-row span{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lat-var-row b{overflow:hidden;text-overflow:ellipsis;font-weight:650}.lat-var-row:hover,.lat-var-row.active{background:var(--bg-raised)}
.lat-inspector{display:grid;gap:8px}.lat-inspector>header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.lat-inspector>header span,.lat-inspector footer small{color:var(--text-muted);font-size:10px}.lat-inspector form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:end}.lat-inspector label{display:grid;gap:3px;color:var(--text-muted);font-size:10px;text-transform:uppercase}.lat-inspector input{height:26px;border:1px solid var(--border);border-radius:2px;background:var(--bg-canvas);color:var(--text-primary);padding:0 6px;font:12px var(--font-mono)}.lat-inspector button,.lat-inspector footer button{height:26px;border:1px solid var(--border);border-radius:2px;background:var(--bg-raised);color:var(--text-primary);font:11px var(--font-ui)}.lat-inspector footer{display:grid;gap:6px}.lat-inspector-error{margin:0;color:var(--danger);font-size:11px}
.lat-console{height:100%;min-height:120px;display:grid;grid-template-rows:minmax(0,1fr) 30px;background:#101417;color:#d7e0e4;font:11px var(--font-mono)}.lat-console-log{min-height:0;overflow:auto;padding:4px 8px}.lat-console-log div{padding:1px 0}.lat-console-log .input{color:#d5e09a}.lat-console-log .result{color:#8fc8b0}.lat-console-log .error{color:#ef948f}.lat-console-log .system,.lat-console-log .notebook{color:#93a4ad}.lat-console form{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;border-top:1px solid #344048}.lat-console form label{display:grid;place-items:center;color:#8fc8b0}.lat-console input{min-width:0;border:0;background:transparent;color:#fff;padding:0 6px;font:12px var(--font-mono)}.lat-console input:focus{outline:1px solid var(--focus);outline-offset:-1px}.lat-console form button{border:0;border-left:1px solid #344048;background:#182027;color:#d7e0e4;padding:0 10px;font:11px var(--font-ui)}
@media(max-width:1199px){.lat-nb-toolbar>div:first-child span{display:none}.lat-nb-document{padding:8px}.lat-nb-cells{max-width:none}.lat-nb-support span:first-child{display:none}}
@media(max-width:767px){.lat-notebook{grid-template-rows:40px minmax(0,1fr)}.lat-nb-toolbar{padding:0 6px}.lat-nb-toolbar>div:first-child{display:none}.lat-nb-actions{width:100%}.lat-nb-actions button{height:32px;flex:1}.lat-nb-actions button:nth-of-type(n+5){display:none}.lat-nb-document{padding:6px}.lat-cell{grid-template-columns:36px minmax(0,1fr)}.lat-cell-body>header div button:not([data-delete]){display:none}.lat-cell-body textarea{font-size:13px;min-height:88px}.lat-nb-title input{width:100%}.lat-inspector form{grid-template-columns:minmax(0,1fr)}}