:root{--header:76px}
.app-header{height:var(--header);display:flex;gap:20px;padding:0 24px}
.project-identity{min-width:220px}.header-actions{margin-left:0}
.project-menu>summary{width:40px;padding:9px;background:#f1f4ed;box-shadow:none}
.project-menu .dropdown-panel{left:auto;right:0;width:244px;padding:10px;max-height:calc(100dvh - 100px)}
.project-menu .dropdown-panel>small{padding:7px 9px;color:var(--muted);font-size:12px}
.project-menu .pen-variant{display:flex;position:static;gap:3px;grid-column:auto;grid-row:auto;justify-content:stretch;margin-bottom:7px;padding:3px;background:#f1f4ed}
.project-menu .pen-variant button{flex:1;min-height:36px;padding:7px;font-size:12px;justify-content:center}
.project-menu .pen-variant button[aria-pressed=true]::after{display:none}
.project-menu #save-status{display:block;max-width:none;margin:6px 9px;font-size:12px}
.layers-menu .mechanism-controls{display:grid;gap:3px;padding-top:4px;border-top:1px solid var(--line)}
.viewport-toolbar .toolbar-cluster:empty{display:none}
@media(min-width:801px){.workspace-tabs{margin-left:auto;margin-right:auto}.workspace-tabs button{min-width:100px}}
@media(max-width:800px){:root{--header:108px}.app-header{height:108px;display:grid;grid-template-columns:1fr auto;grid-template-rows:38px 36px;padding:12px 14px;gap:9px 10px}.project-identity{min-width:0;grid-column:1;grid-row:1}.header-actions{grid-column:2;grid-row:1}.workspace-tabs{grid-column:1/-1;grid-row:2}.workspace-tabs button{min-height:34px}.project-menu>summary{min-height:36px;width:36px}.project-menu .dropdown-panel{position:absolute;right:0;left:auto;top:calc(100% + 8px);width:240px}.project-menu .pen-variant{grid-column:auto;grid-row:auto}.project-identity p{font-size:11px}.project-identity h1{font-size:14px}body[data-workspace=build] .sidebar{bottom:0}}