:where(.workbench){--wb-panel: 360px;--wb-top: 12px;--wb-gap: 16px} .workbench .wb-tabs{display: none}@media screen and (min-width: 861px){ .workbench{grid-template-columns: minmax(0,1fr) var(--wb-panel);grid-template-rows: auto repeat(12,auto) 1fr;row-gap: 0} .workbench .wb-flatten{display: contents}.workbench .wb-title{grid-column: 1 / -1;grid-row: 1;min-width: 0} .workbench .wb-canvas{grid-column: 1;grid-row: 2 / -1;position: sticky;top: var(--wb-top);align-self: start;min-width: 0} .workbench .wb-tabs,.workbench .wb-panel{grid-column: 2;min-width: 0}.workbench .wb-panel{margin-block: var(--wb-gap) 0} .workbench .wb-tabs{display: flex;gap: 8px;position: sticky;top: 0;z-index: 3;margin: calc(-1 * var(--wb-top)) 0 0;padding: var(--wb-top) 0 4px;background: var(--paper,#fffef8)}.workbench .wb-tabs > button{flex: 1 1 0;min-width: 0;min-height: 44px;margin: 0;touch-action: manipulation} .workbench[data-wb-mode="3d"] [data-wb-only="2d"],.workbench[data-wb-mode="2d"] [data-wb-only="3d"]{display: none !important}} @media (prefers-reduced-motion: reduce){.workbench .wb-tabs > button{transition: none}}