.notebook-editor{box-sizing:border-box;flex-direction:column;gap:18px;height:100%;padding:0 8px 24px 0;display:flex;overflow:auto}.notebook-toolbar,.notebook-cell-toolbar,.notebook-result-heading{align-items:center;gap:12px;display:flex}.notebook-editor button{color:inherit;background:var(--app-background);border:1px solid var(--app-border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.notebook-editor button:disabled{opacity:.5;cursor:default}.notebook-toolbar>span,.notebook-result-heading{color:var(--app-muted);font-size:.85rem}.notebook-cell{border:1px solid var(--app-border);background:var(--app-background);border-radius:9px;flex-shrink:0;overflow:hidden}.notebook-cell-toolbar{border-bottom:1px solid var(--app-border);background:var(--dock-background);padding:9px 12px}.notebook-cell-naming{flex:1;min-width:0;margin-right:auto}.notebook-cell-name{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #0000;border-radius:4px;padding:5px 6px;font-size:.85rem}.notebook-cell-name::placeholder{color:var(--app-muted)}.notebook-cell-name:hover{border-color:var(--app-border)}.notebook-cell-name:focus{outline:1px solid var(--brand-color);border-color:var(--brand-color);background:var(--app-background)}.notebook-cell-name-error{color:#dc4545;margin-top:4px;font-size:12px;display:block}.notebook-cell-toolbar button{flex-shrink:0}.notebook-source{box-sizing:border-box;resize:vertical;width:100%;min-height:130px;color:inherit;background:var(--app-background);tab-size:4;border:0;padding:16px;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.notebook-source:focus-visible{outline:2px solid var(--brand-color);outline-offset:-2px}.notebook-result{border-top:1px solid var(--app-border);padding:12px 16px}.notebook-result-heading{justify-content:space-between}.notebook-result pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;overflow:auto}.notebook-result-error pre{color:#bf4141}.document-view{text-align:left;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.document-page-header{flex-shrink:0;align-items:center;gap:9px;min-width:0;padding:20px 24px;display:flex}.document-page-header svg{color:var(--app-muted);flex-shrink:0}.document-page-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.document-page-editor{flex:1;min-height:0;padding:0 24px 20px;overflow:hidden}.document-view[data-standalone] .document-page-editor{padding:0}.document-page-message{flex:1;margin:0;padding:0 24px 20px}@media (width<=640px){.document-page-header,.document-page-editor,.document-page-message{padding-inline:16px}}.workspace-library-picker{border:1px solid var(--app-border);background:var(--app-background);width:min(350px,100vw - 20px);color:inherit;border-radius:8px;font-size:12px;overflow:hidden;box-shadow:0 12px 36px #0003}.workspace-library-picker>header,.workspace-library-picker>footer{background:var(--dock-background);color:var(--app-muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.workspace-library-picker>header{border-bottom:1px solid var(--app-border)}.workspace-library-picker-list{height:min(320px,100dvh - 150px)}.workspace-library-picker-list .library-panel{--library-panel-height:100%;aspect-ratio:auto}.workspace-library-picker>footer{border-top:1px solid var(--app-border);font-size:10px}.workspace-library-picker footer button{border:1px solid var(--app-border);background:var(--app-background);color:inherit;font:inherit;cursor:pointer;border-radius:5px;padding:4px 8px}.library-template-menu{z-index:1200;border:1px solid var(--app-border);background:var(--app-background);width:224px;max-height:calc(100dvh - 16px);color:var(--app-text);border-radius:9px;padding:5px;position:fixed;overflow:auto;box-shadow:0 5px 18px #0002}.library-template-menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.library-template-menu button:hover,.library-template-menu button:focus-visible{background:var(--app-hover);outline:2px solid var(--brand-color)}.library-template-menu a[role=menuitem]{color:inherit;border-radius:5px;align-items:center;gap:8px;padding:8px;font-size:13px;text-decoration:none;display:flex}.library-template-menu a[role=menuitem]:hover,.library-template-menu a[role=menuitem]:focus-visible{background:var(--app-hover);outline:2px solid var(--brand-color)}.library-template-menu button:disabled{opacity:.5;cursor:default}.library-template-menu small{color:var(--app-muted);padding:5px 8px;font-size:11px;display:block}.library-panel-entry .library-entry-more{width:24px;height:24px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 24px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.library-panel-entry .library-entry-more:hover,.library-panel-entry .library-entry-more:focus-visible{background:var(--app-hover,#e9edf3);opacity:1;outline:2px solid var(--brand-color)}.library-panel,.library-column-browser{--library-panel-border:#cbd5e1;--library-panel-background:#fff}.library-panel{width:100%;min-width:0;height:var(--library-panel-height,auto);aspect-ratio:1;outline:1px solid var(--library-panel-border);background:var(--library-panel-background);color:#334155;text-align:left;font:14px/1.5 system-ui,sans-serif;position:relative;overflow:auto}.library-panel-entry{box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:8px;min-width:max-content;height:32px;padding:0 10px;display:flex}.library-disclosure,.library-disclosure-space{flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:24px;display:inline-flex}.library-panel .library-disclosure{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0}.library-panel-entry svg{color:inherit;flex-shrink:0}.library-panel-row:hover{background:#f1f5f9}.library-panel-row[data-dragging=true]{opacity:.45}.library-panel[data-drop=allowed],.library-panel-row[data-drop=allowed],.library-mounted-body[data-drop=allowed]{outline-offset:-2px;background-color:#22c55e18;outline:2px solid #22c55e}.library-panel[data-drop=blocked],.library-panel-row[data-drop=blocked],.library-mounted-body[data-drop=blocked]{outline-offset:-2px;outline:2px solid #ef4444}.library-panel-row[aria-selected=true]{color:#312e81;background:#e0e7ff}.library-panel-row:focus-visible,.library-panel [role=tree]:focus-visible{outline-offset:-2px;outline:2px solid #6366f1}.library-panel-message{color:#64748b;text-align:center;pointer-events:none;place-content:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.library-panel-message[role=alert]{color:#b91c1c}@media (prefers-color-scheme:dark){.library-panel,.library-column-browser{--library-panel-border:#475569;--library-panel-background:#1e293b}.library-panel{color:#e2e8f0}.library-panel-message{color:#94a3b8}.library-panel-row:hover{background:#334155}.library-panel-row[aria-selected=true]{color:#e0e7ff;background:#373077}.library-panel-message[role=alert]{color:#fca5a5}}.library-browse-files{width:22px;height:24px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 22px;place-items:center;padding:0;display:grid}.library-browse-files:hover,.library-browse-files:focus-visible{color:var(--app-text);background:var(--app-hover)}.library-column-browser{--library-column-width:280px;--library-column-gap:1px;text-align:left;width:100%;min-width:0}.library-column-path{white-space:nowrap;margin:0 0 12px;font-size:14px;overflow-x:auto}.library-columns{gap:var(--library-column-gap);padding:1px 1px 12px;display:flex;position:relative;overflow-x:auto}.library-column{flex:0 0 var(--library-column-width);min-width:0}.library-column .library-panel-entry{width:100%;min-width:0}.library-column .library-panel-entry>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.library-columns:after{content:"";min-width:0;height:var(--library-panel-height,var(--library-column-width));outline:1px solid var(--library-panel-border);background:repeating-linear-gradient(to right, transparent 0 var(--library-column-width), var(--library-panel-border) var(--library-column-width) calc(var(--library-column-width) + var(--library-column-gap))), var(--library-panel-background);flex:1 0 0}.library-mounted-tree{aspect-ratio:auto;height:100%;min-height:160px;overflow:hidden}.library-mounted-root,.library-mounted-parent{z-index:1;height:32px;position:relative;overflow-x:auto}.library-mounted-root{font-weight:600}.library-mounted-root:focus-visible{outline-offset:-2px;outline:2px solid #6366f1}.library-mounted-body{inset:var(--library-tree-header-height,32px) 0 0;min-height:0;position:absolute}.library-inspector{box-sizing:border-box;min-width:0;height:var(--library-panel-height,360px);border:1px solid var(--app-border);border-radius:8px;padding:20px;overflow-y:auto}.library-inspector-heading{color:var(--app-muted);align-items:center;gap:8px;margin:0 0 24px;font-size:14px;font-weight:500;display:flex}.library-inspector-icon{color:var(--brand-color)}.library-inspector-name{overflow-wrap:anywhere;margin:12px 0 20px;font-size:18px;font-weight:600}.library-inspector-details{overflow-wrap:anywhere;margin:0;font-size:14px}.library-inspector-details dt{color:var(--app-muted);font-size:12px}.library-inspector-details dd{margin:2px 0 16px}.library-inspector-message{color:var(--app-muted);font-size:14px}.library-inspector-open{border:1px solid var(--app-border);color:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-family:inherit;font-size:14px;text-decoration:none;display:inline-flex}.library-inspector-open:hover{background:var(--app-hover)}.library-inspector-open:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.library-inspector:has(.library-image-details){flex-direction:column;padding:0;display:flex;overflow:hidden}.library-inspector:has(.library-image-details)>.library-inspector-heading{border-bottom:1px solid var(--app-border);flex-shrink:0;margin:0;padding:12px}.library-image-details{flex-direction:column;flex:1;min-height:0;display:flex}.library-image-details>.image-inspector{flex:1;height:auto}.library-image-details>.library-inspector-open{border:0;border-top:1px solid var(--app-border);text-align:center;border-radius:0;flex-shrink:0;margin:0}.library-image-details>.library-inspector-message{padding:12px}.library-image-details .sidebar-stack-toggle{min-height:30px;color:inherit;font:inherit;background:0 0;border:0;border-radius:0;padding:5px 10px}.library-image-details .sidebar-stack-toggle:hover{background:var(--app-hover)}.library-inspector-actions{align-items:center;gap:6px;margin-top:12px;display:flex}.library-inspector-actions .library-inspector-open{margin-top:0}.library-inspector-more{border:1px solid var(--app-border);height:34px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:0 0 34px;justify-content:center;align-items:center;padding:0;display:inline-flex}.library-inspector-more:hover{background:var(--app-hover)}.library-inspector-more:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.library-theme-colors{align-items:center;gap:5px;display:inline-flex}.library-theme-colors>span{border:1px solid #0002;border-radius:5px;width:18px;height:18px}.library-resource-copy{border-top:1px solid var(--panel-border);gap:8px;padding-top:12px;display:grid}.library-resource-copy label{gap:4px;font-size:12px;display:grid}.library-resource-copy label:has(input[type=checkbox]){align-items:center;gap:6px;display:flex}.library-resource-copy input:not([type=checkbox]),.library-resource-copy select,.library-resource-copy button{min-width:0;font:inherit;color:inherit;padding:5px 7px}.library-resource-copy p{overflow-wrap:anywhere;margin:0;font-size:12px}.library-toolbar{box-sizing:border-box;border-bottom:1px solid var(--app-border);background:var(--dock-background);min-height:58px;color:inherit;align-items:center;gap:8px;padding:8px 14px;display:flex}.library-toolbar-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:60px;margin:0 12px 0 2px;font-size:.95rem;overflow:hidden}.workspace-unit .library-toolbar button{height:34px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.85rem;display:inline-flex}.workspace-unit .library-toolbar button:hover,.workspace-unit .library-toolbar button[aria-expanded=true]{background:var(--app-hover)}.workspace-unit .library-toolbar button:focus-visible{outline:2px solid var(--brand-color);outline-offset:1px}.workspace-unit .library-toolbar button:disabled{opacity:.4;cursor:default}.library-toolbar-group{background:var(--app-background);border-radius:10px;gap:2px;padding:3px;display:flex}.workspace-unit .library-toolbar-group button[aria-pressed=true]{background:var(--app-selection)}.library-toolbar-divider{border-left:1px solid var(--app-border);height:22px;margin:0 4px}.library-inline-create input{border:1px solid var(--brand-color);background:var(--app-background);width:100%;min-width:0;color:inherit;font:inherit;box-sizing:border-box;border-radius:3px;outline:none;padding:2px 4px}.library-inline-create .library-create-extension{color:var(--app-muted);flex-shrink:0;font-size:12px;overflow:visible}@media (width<=640px){.library-toolbar{flex-wrap:wrap;gap:5px;padding:8px}.library-toolbar-name{margin-right:0}.library-toolbar-divider{display:none}}.library-path-bar{--library-selection-width:150px;border:1px solid var(--app-border);background:var(--dock-background);min-width:0;font-size:13px;position:relative}.library-path-scroll{box-sizing:border-box;min-height:40px;padding:4px 8px;padding-right:calc(var(--library-selection-width) + 12px);scrollbar-width:none;white-space:nowrap;align-items:center;display:flex;overflow-x:auto}.library-path-scroll::-webkit-scrollbar{display:none}.library-selection-count{box-sizing:border-box;width:var(--library-selection-width);background:var(--dock-background);color:var(--app-muted);white-space:nowrap;justify-content:flex-end;align-items:center;padding-inline:12px;display:flex;position:absolute;inset:0 0 0 auto}.library-path-bar:before,.library-selection-count:before{content:"";pointer-events:none;opacity:0;width:24px;position:absolute;top:0;bottom:0}.library-path-bar:before{z-index:1;background:linear-gradient(to right, var(--dock-background), transparent);left:0}.library-selection-count:before{background:linear-gradient(to right, transparent, var(--dock-background));right:100%}.library-path-bar[data-hidden-start]:before,.library-path-bar[data-hidden-end] .library-selection-count:before{opacity:1}.library-path-step{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.library-path-bar .library-path-segment{color:inherit;font:inherit;cursor:default;background:0 0;border:0;border-radius:4px;flex-shrink:0;align-items:center;gap:7px;padding:5px 6px;text-decoration:none;display:inline-flex}.library-path-bar button.library-path-segment{cursor:pointer}button.library-path-segment:hover{background:var(--app-hover)}.library-path-segment:focus-visible{outline:2px solid var(--brand-color);outline-offset:-2px}.library-path-chevron{color:var(--app-muted)}.document-workspace{background:var(--app-background);text-align:left;flex-direction:column;height:100%;min-height:0;display:flex}.document-workspace-top{background:var(--dock-background);border-bottom:1px solid var(--app-border);flex-shrink:0;align-items:stretch;min-width:0;min-height:42px;display:flex}.document-tabs{scrollbar-width:thin;flex:1;min-width:0;display:flex;overflow-x:auto}.document-tab{box-sizing:border-box;border-right:1px solid var(--app-border);max-width:290px;color:var(--app-muted);flex-shrink:0;align-items:center;display:flex;position:relative}.document-tab[data-active=true]{background:var(--app-background);color:inherit}.document-tab[data-active=true]:before{background:var(--brand-color);content:"";height:2px;position:absolute;inset:0 0 auto}.document-tab[data-mode=pinned]{border-right-color:color-mix(in srgb, var(--brand-color) 20%, var(--app-border))}.document-tab-select,.document-tab-action,.document-workspace-tool{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0;display:inline-flex}.document-tab-select{flex-shrink:1;justify-content:flex-start;min-width:0;min-height:42px;padding:0 8px 0 14px;font-size:12px}.document-tab-select svg{color:var(--brand-color);flex-shrink:0}.document-tab-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-tab[data-mode=preview] .document-tab-select span{font-style:italic}.document-tab-action{opacity:0;border-radius:4px;width:22px;height:24px}.document-tab-close{margin-right:6px}.document-tab:hover .document-tab-action,.document-tab:focus-within .document-tab-action,.document-tab[data-active=true] .document-tab-close,.document-tab[data-mode=pinned] .document-tab-pin{opacity:1}.document-tab-action:hover,.document-workspace-tool:hover{background:var(--app-hover)}.document-workspace button:focus-visible{outline:2px solid var(--brand-color);outline-offset:-2px}.document-workspace-tool{border-left:1px solid var(--app-border);width:44px;color:var(--app-muted)}.document-workspace-content,.document-tab-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.document-tab-panel[hidden]{display:none}.document-workspace-empty{color:var(--app-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.document-workspace-empty h1{color:var(--brand-color);margin:0;font-size:22px;font-weight:500}.document-workspace-empty p{margin:0;font-size:13px}.document-workspace-message{border-bottom:1px solid var(--app-border);background:var(--dock-background);color:var(--app-muted);margin:0;padding:8px 20px;font-size:12px}
