@layer quartz-base{.canvas-page{width:100%;max-width:none;height:100%;margin:0}.canvas-container{background-color:var(--light);background-image:radial-gradient(circle, var(--lightgray) 1px, transparent 1px);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-size:20px 20px;border:none;border-radius:0;width:100%;height:100%;position:relative;overflow:hidden}.canvas-container:active{cursor:grabbing}.canvas-viewport{transform-origin:0 0;position:absolute;top:0;left:0}.canvas-nodes{position:absolute;top:0;left:0}.canvas-node{border:2px solid var(--canvas-node-color,var(--lightgray));background:var(--light);border-radius:6px;flex-direction:column;transition:box-shadow .15s;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 3px #00000014}.canvas-node:hover{box-shadow:0 2px 8px #00000026}.canvas-node-content{color:var(--darkgray);word-wrap:break-word;flex:1;min-height:0;padding:12px;font-size:.9rem;line-height:1.5;overflow-y:auto}.canvas-node-text .canvas-node-content{white-space:pre-wrap}.canvas-node-file{overflow:visible}.canvas-node-file .canvas-file-label{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:2px 8px;font-size:.8rem;font-weight:500;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}.canvas-node-file .canvas-file-label a{color:var(--canvas-node-color,var(--secondary));align-items:center;gap:4px;text-decoration:none;display:inline-flex}.canvas-node-file .canvas-file-label a:before{content:"";background:var(--canvas-node-color,var(--secondary));flex-shrink:0;width:12px;height:12px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.canvas-node-file .canvas-file-label a:hover{text-decoration:underline}.canvas-node-file .canvas-embed-content h1,.canvas-node-file .canvas-embed-content h2,.canvas-node-file .canvas-embed-content h3,.canvas-node-file .canvas-embed-content h4,.canvas-node-file .canvas-embed-content h5,.canvas-node-file .canvas-embed-content h6{margin-top:.8em;margin-bottom:.4em}.canvas-node-file .canvas-embed-content h1:first-child,.canvas-node-file .canvas-embed-content h2:first-child,.canvas-node-file .canvas-embed-content h3:first-child,.canvas-node-file .canvas-embed-content h4:first-child,.canvas-node-file .canvas-embed-content h5:first-child,.canvas-node-file .canvas-embed-content h6:first-child{margin-top:0}.canvas-node-file .canvas-embed-content p{margin:.5em 0}.canvas-node-file .canvas-embed-content ul,.canvas-node-file .canvas-embed-content ol{margin:.5em 0;padding-left:1.5em}.canvas-node-file .canvas-embed-content img{max-width:100%;height:auto}.canvas-node-file .canvas-embed-content pre{background:var(--lightgray);border-radius:4px;padding:.5em;overflow-x:auto}.canvas-node-file .canvas-embed-content code{font-size:.85em}.canvas-node-file .canvas-file-subpath{color:var(--gray);margin-left:auto;font-size:.75rem}.canvas-node-file .canvas-node-content>.canvas-file-link{height:100%;color:var(--secondary);justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:flex}.canvas-node-file .canvas-node-content>.canvas-file-link:hover{text-decoration:underline}.canvas-node-link{overflow:visible}.canvas-node-link .canvas-node-content{padding:0;overflow:hidden}.canvas-node-link .canvas-link-label{white-space:nowrap;text-overflow:ellipsis;padding:2px 8px;font-size:.8rem;font-weight:500;position:absolute;bottom:100%;left:0;right:0;overflow:hidden}.canvas-node-link .canvas-link-label a{color:var(--canvas-node-color,var(--secondary));align-items:center;gap:4px;text-decoration:none;display:inline-flex}.canvas-node-link .canvas-link-label a:before{content:"";background:var(--canvas-node-color,var(--secondary));flex-shrink:0;width:12px;height:12px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.canvas-node-link .canvas-link-label a:hover{text-decoration:underline}.canvas-node-link .canvas-iframe-wrapper{padding:0;position:relative;overflow:hidden}.canvas-node-link .canvas-iframe-wrapper iframe{background:var(--light);border:none;width:100%;height:100%}.canvas-node-link .canvas-iframe-wrapper .canvas-iframe-fallback{background:var(--light);justify-content:center;align-items:center;font-size:.85rem;display:none;position:absolute;inset:0}.canvas-node-link .canvas-iframe-wrapper .canvas-iframe-fallback a{color:var(--secondary);text-decoration:underline}.canvas-node-group{border-style:dashed;border-color:var(--canvas-node-color,var(--gray));background:0 0;border-radius:12px;overflow:visible}.canvas-node-group .canvas-group-label{background:var(--light);color:var(--canvas-node-color,var(--darkgray));padding:0 8px;font-size:.85rem;font-weight:600;position:absolute;top:-10px;left:16px}.canvas-edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.canvas-edge path{pointer-events:stroke}.canvas-edge-label-bg{fill:var(--light);fill-opacity:.85}.canvas-edge-label{fill:var(--darkgray);pointer-events:none;font-size:.8rem}.canvas-controls{z-index:25;flex-direction:column;gap:4px;transition:top .25s;display:flex;position:fixed;top:12px;right:12px}.canvas-controls button{border:1px solid var(--lightgray);background:var(--light);width:32px;height:32px;color:var(--darkgray);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:background .1s;display:flex}.canvas-controls button:hover{background:var(--lightgray)}.canvas-controls button svg{pointer-events:none}.canvas-controls .canvas-zoom-group{border:1px solid var(--lightgray);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.canvas-controls .canvas-zoom-group button{border:none;border-radius:0}.canvas-controls .canvas-zoom-group button:first-child{border-bottom:1px solid var(--lightgray)}.page[data-frame=canvas]{--canvas-sidebar-width:300px}.page[data-frame=canvas] .canvas-frame{width:100%;height:100%;padding-left:0;transition:padding-left .2s;position:relative;overflow:hidden}.page[data-frame=canvas] .canvas-stage{width:100%;height:100%}.page[data-frame=canvas] .canvas-sidebar{height:100vh;width:var(--canvas-sidebar-width);box-sizing:border-box;background:var(--light);border-right:1px solid var(--lightgray);top:0;left:calc(-1 * var(--canvas-sidebar-width));z-index:20;transition:left .25s;position:fixed;overflow-y:hidden;box-shadow:8px 0 24px #0000001f}.page[data-frame=canvas] .canvas-sidebar-toggle{border:1px solid var(--lightgray);background:var(--light);width:32px;height:32px;color:var(--darkgray);cursor:pointer;z-index:30;border-radius:6px;justify-content:center;align-items:center;transition:background .1s,left .25s;display:flex;position:fixed;top:12px;left:12px}.page[data-frame=canvas] .canvas-sidebar-toggle:hover{background:var(--lightgray)}.page[data-frame=canvas] .canvas-sidebar-toggle svg{pointer-events:none}.page[data-frame=canvas] .canvas-sidebar-icon-close{display:none}.page[data-frame=canvas].canvas-sidebar-open .canvas-frame{padding-left:var(--canvas-sidebar-width)}.page[data-frame=canvas].canvas-sidebar-open .canvas-sidebar{left:0}.page[data-frame=canvas].canvas-sidebar-open .canvas-sidebar-toggle{left:calc(var(--canvas-sidebar-width) + 12px)}.page[data-frame=canvas].canvas-sidebar-open .canvas-sidebar-icon-open{display:none}.page[data-frame=canvas].canvas-sidebar-open .canvas-sidebar-icon-close{display:block}@media (max-width:800px){.page[data-frame=canvas]{--canvas-sidebar-width:calc(100vw - 56px)}.page[data-frame=canvas].canvas-sidebar-open .canvas-frame{padding-left:0}.page[data-frame=canvas].canvas-sidebar-open .canvas-sidebar-toggle{left:calc(var(--canvas-sidebar-width) + 12px)}.page[data-frame=canvas].canvas-sidebar-open .canvas-controls{top:48px}}.page[data-frame=canvas] .canvas-sidebar{flex-direction:column;gap:1rem;padding:1rem;display:flex}.page[data-frame=canvas] .canvas-sidebar .spacer{display:none}.page[data-frame=canvas] .canvas-sidebar .explorer button.desktop-explorer,.page[data-frame=canvas] .canvas-sidebar .explorer button.mobile-explorer{display:none!important}.page[data-frame=canvas] .canvas-sidebar .explorer{order:initial;flex:1 1 0;flex-shrink:initial;align-self:initial;min-height:0;margin-top:0;margin-bottom:0;overflow:hidden}.page[data-frame=canvas] .canvas-sidebar .explorer .explorer-content,.page[data-frame=canvas] .canvas-sidebar .explorer.collapsed>.explorer-content,.page[data-frame=canvas] .canvas-sidebar .explorer:not(.collapsed)>.explorer-content{z-index:auto;background-color:#0000;width:auto;max-width:none;height:100%;max-height:100%;padding:0;position:static;overflow-y:auto;visibility:visible!important;transform:none!important}.page[data-frame=canvas] .canvas-sidebar .explorer-content>.explorer-ul{overscroll-behavior:auto}.transclude .canvas-page{height:auto}.transclude .canvas-container{height:auto;min-height:400px}.transclude .canvas-controls{position:absolute}.popover-inner .canvas-page{height:auto}.popover-inner .canvas-container{height:auto;min-height:200px;max-height:300px}.popover-inner .canvas-controls,.page[data-frame=canvas] .canvas-fullscreen-toggle{display:none}.canvas-container:-webkit-full-screen{width:100vw;height:100vh;min-height:unset;background-color:var(--light)}.canvas-container:fullscreen{width:100vw;height:100vh;min-height:unset;background-color:var(--light)}.canvas-container:-webkit-full-screen .canvas-controls{position:fixed}.canvas-container:fullscreen .canvas-controls{position:fixed}}