.Background{pointer-events:none;position:absolute;inset:0}.Background__canvas{display:none}.CellRenderer{position:absolute;border:var(--border);background-color:var(--cs-neutral-09);gap:var(--size-md)}.CellRenderer_title{display:flex}.CellRenderer_name{flex:1 0 auto;cursor:grab;font-weight:700}.CellRenderer_name:active{cursor:grabbing}.CellRenderer_close{flex:0 0 auto}.ButtonGroup{display:flex}.ButtonGroup :first-child{border-top-left-radius:var(--size-md);border-bottom-left-radius:var(--size-md)}.ButtonGroup :last-child{border-top-right-radius:var(--size-md);border-bottom-right-radius:var(--size-md)}.PushButton{border:none;outline:thin black solid;background:transparent;cursor:pointer;font-weight:700;min-width:0;padding:var(--size-sm) var(--size-md);box-shadow:inset 0 0 1px 0 var(--cs-neutral-02)}.PushButton[aria-pressed=false]{background-color:var(--color-button-normal)}.PushButton[aria-pressed=true]{background-color:var(--color-button-selected);box-shadow:inset 0 0 1px 1px var(--cs-neutral-02)}.PushButton:hover{background-color:var(--color-button-hover)}.PushButton:active{background-color:var(--color-button-active)}.PushButton:focus{outline:2px var(--color-focus) solid}.PushButton svg{display:inline-block;width:var(--font-md);height:var(--font-md)}.AtomEditor{display:block;outline:thin black solid}.AtomEditor__head{padding:var(--size-md) var(--size-md);display:flex;align-items:center;gap:var(--size-xl);border-bottom:thin black solid;background-color:var(--cs-neutral-09)}.AtomEditor__name{flex:1 1 auto}.AtomEditor__label{font-weight:700}.AtomEditor__value{position:relative;overflow:hidden;padding:var(--size-md) var(--size-md);border-bottom:thin black solid;background-color:var(--cs-neutral-09)}.AtomEditor__source{display:flex;gap:var(--size-md);padding:0;background-color:var(--cs-neutral-07)}.AtomEditor__textarea{border:none;font-family:var(--font-monospace);flex:1 1 auto}.AtomEditor__override{flex:0 0 auto}.CellDeclarationInspector{display:flex;flex-direction:column;align-items:stretch;margin:var(--size-lg) 0;gap:var(--size-lg)}.IconButton{border:none;background:transparent;cursor:pointer;min-width:0;padding:0;width:1em;height:auto}.Inspector{position:relative;width:100%;min-height:100%;background-color:var(--color-layer-low)}.Inspector__name{display:flex;gap:var(--size-md)}.Inspector__nameInput{font-family:var(--font-monospace);border:var(--border);padding:var(--size-sm) var(--size-md)}.Inspector__nameCode{border:var(--border);border-color:transparent;padding:var(--size-sm) var(--size-md)}.Inspector__content{padding:var(--size-md) var(--size-md) var(--size-md) var(--size-lg);min-width:200px}.MainMenu{display:flex}.MainMenu__item{position:relative}.MainMenu__menu{min-width:300px;position:absolute;top:100%;left:0;display:flex;flex-direction:column}.MainMenu__button{text-align:left;padding:var(--size-md) var(--size-xl);border:none;background-color:var(--color-layer-top);color:var(--color-text);font-weight:700;cursor:pointer}.MainMenu__button:hover{background-color:var(--cs-neutral-09)}.MainMenu__button--open,.MainMenu__button--open:hover{background-color:var(--cs-neutral-08)}.MainMenu__about{position:absolute;width:50%;height:80%;margin:auto;border:var(--border);background-color:var(--cs-neutral-08);padding:var(--size-xl);color:var(--cs-neutral-02)}.MainMenu__about_content{display:flex;flex-direction:column;gap:var(--size-lg);overflow:auto}.MainMenu__about code{display:inline-block;padding:0 var(--size-xs);margin:0 var(--size-xs);background-color:var(--cs-neutral-09);border-radius:var(--size-sm);outline:thin var(--cs-neutral-02) solid}.MainMenu__about pre{display:block;padding:var(--size-xs);margin:var(--size-xs);background-color:var(--cs-neutral-09);border-radius:var(--size-sm);outline:thin var(--cs-neutral-02) solid}.MainMenu__close{position:absolute;top:0;right:0;width:44px;height:auto}.SidePanelHandle{position:absolute;top:0;bottom:0;z-index:1;width:var(--size-lg);cursor:ew-resize;border-left:var(--size-sm) var(--color-drag-source-target) solid}.SidePanelHandle::hover{border-left-color:var(--color-drag-source-hover)}.SidePanelHandle:active{border-left-color:var(--color-drag-source-active)}.StatusBar{display:flex;font-family:var(--font-monospace);border-top:var(--border)}.StatusBar_application,.StatusBar_document{padding:var(--size-sm) var(--size-xl);border-right:var(--border)}.StatusBar_focus{padding:var(--size-sm) var(--size-xl)}.MainCanvas{display:grid;grid-template-areas:"menu menu menu" "viewport viewport inspector" "status status status";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;width:100%;height:100%;position:relative;overflow:auto}.MainCanvas_menu{grid-area:menu;background-color:var(--color-layer-top)}.MainCanvas_viewport{grid-area:viewport;position:relative;overflow:scroll;background-color:var(--color-layer-back)}.MainCanvas_content{width:4000px;height:4000px;position:relative}.MainCanvas_status{grid-area:status;background-color:var(--color-layer-top)}.MainCanvas_inspector{position:relative;grid-area:inspector;background-color:var(--color-layer-mid);display:flex;align-items:stretch;overflow-y:auto}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;font-family:var(--font-chrome)}code,pre{font-family:var(--font-monospace)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a,p,h1,h2,h3,h4,h5,h6,code{overflow-wrap:break-word}html,body{height:100%}#main{height:100%;isolation:isolate;background-color:var(--color-layer-top);color:var(--color-text);border-color:var(--color-border)}:root{--cs-neutral-00: lab(0% 0% 0%);--cs-neutral-01: lab(10% 0% 0%);--cs-neutral-02: lab(20% 0% 0%);--cs-neutral-03: lab(30% 0% 0%);--cs-neutral-04: lab(40% 0% 0%);--cs-neutral-05: lab(50% 0% 0%);--cs-neutral-06: lab(60% 0% 0%);--cs-neutral-07: lab(70% 0% 0%);--cs-neutral-08: lab(80% 0% 0%);--cs-neutral-09: lab(90% 0% 0%);--cs-neutral-10: lab(100% 0% 0%);--color-button-hover: var(--cs-neutral-08);--color-button-normal: var(--cs-neutral-07);--color-button-active: var(--cs-neutral-06);--color-button-selected: var(--cs-neutral-09);--color-focus: #0075FF;--color-drag-source-target: lab(90% 0% -10%);--color-drag-source-hover: lab(80% 0% -20%);--color-drag-source-active: lab(90% 0% -30%);--color-layer-top: var(--cs-neutral-10);--color-layer-high: var(--cs-neutral-09);--color-layer-low: var(--cs-neutral-08);--color-layer-back: var(--cs-neutral-07);--color-text: var(--cs-neutral-01);--color-border: var(--cs-neutral-03);--size-xs: 2px;--size-sm: 4px;--size-md: 8px;--size-lg: 12px;--size-xl: 16px;--font-monospace: "Consolas", "Monaco", monospace;--font-chrome: "Helvetica Neue", "Helvetica", "Arial", "Roboto", sans-serif;--font-xs: 8px;--font-sm: 12px;--font-md: 16px;--font-lg: 22px;--font-xl: 28px;--border-width: 3px;--border-style: solid;--border-color: var(--color-border);--border: var(--border-width) var(--border-style) var(--border-color)}@media (prefers-color-scheme: dark){:root{--cs-neutral-00: lab(100% 0% 0%);--cs-neutral-01: lab(90% 0% 0%);--cs-neutral-02: lab(80% 0% 0%);--cs-neutral-03: lab(70% 0% 0%);--cs-neutral-04: lab(60% 0% 0%);--cs-neutral-05: lab(50% 0% 0%);--cs-neutral-06: lab(40% 0% 0%);--cs-neutral-07: lab(30% 0% 0%);--cs-neutral-08: lab(20% 0% 0%);--cs-neutral-09: lab(10% 0% 0%);--cs-neutral-10: lab(0% 0% 0%)}}