.space-shell{background:var(--bg);grid-template-rows:minmax(0,1fr);grid-template-columns:0 minmax(0,1fr);width:100%;height:100%;transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;inset:0;overflow:hidden}.space-shell.is-writing{grid-template-columns:var(--writing-width,42%) minmax(0, 1fr)}.workspace-divider{z-index:var(--z-chrome);top:0;bottom:0;left:var(--writing-width,42%);cursor:col-resize;touch-action:none;background:0 0;border:0;outline:0;width:12px;position:fixed;transform:translate(-50%)}.workspace-divider:before{background:var(--line-strong);content:"";width:1px;transition:width .12s,background .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.workspace-divider:hover:before,.workspace-divider:focus-visible:before,.space-shell.is-resizing .workspace-divider:before{background:var(--text-3);width:3px}.space-shell.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.space-shell.is-writing .topbar{grid-template-columns:auto minmax(0,1fr) auto;width:calc(100% - 34px)}.space-shell.is-writing .wordmark-text{display:none}@media (max-width:720px){.space-shell.is-writing{grid-template-columns:minmax(330px, var(--writing-width)) minmax(300px, 1fr);overflow-x:auto}.workspace-divider{display:none}.space-shell.is-writing .topbar{width:calc(100% - 16px)}.space-shell.is-writing .space-menu-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}