.menubar{height:32px;display:flex;align-items:stretch;gap:1px;padding:0 12px;border-bottom:1px solid var(--line);background:#1c2022;position:relative;z-index:20}.menu-group{position:relative}.menu-trigger{height:31px;border:0;border-radius:0;padding:0 11px;font-size:12px}.menu-trigger[aria-expanded=true]{background:#374237;color:var(--accent)}.menu-popup{position:absolute;top:31px;left:0;min-width:265px;padding:5px;background:#272e2f;border:1px solid #48504c;border-radius:0 0 5px 5px}.menu-popup button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:24px;text-align:left;border:0;border-radius:3px;font-size:12px;padding:8px 12px;white-space:nowrap}.menu-popup button:focus{background:#3d493c;outline:none}.menu-popup kbd{font-size:10px;color:#b5beb6}.menu-separator{margin:4px 7px;border-top:1px solid #424a47}.app{height:calc(100dvh - 108px)}.tools{gap:2px;padding-top:10px}.tools button[data-tool]{height:38px;position:relative;display:flex;justify-content:center;align-items:center}.tool-key{position:absolute;bottom:3px;right:5px;font-size:8px;color:var(--muted)}.tools .swatch{margin-bottom:0;z-index:1;align-self:flex-start;margin-left:4px}.background-swatch{display:block;align-self:flex-end;margin-top:-18px;margin-right:2px}.background-swatch input{width:29px;height:29px}.tools .tool-line{margin:6px 0}#transformBar{display:flex;align-items:center;gap:12px;padding:7px 18px;background:#2d382d;border-bottom:1px solid #4c5b44;font-size:11px}#transformBar[hidden]{display:none}#transformBar span{flex:1;color:#c4d0bf}#transformBar button{padding:4px 9px}.app.hide-inspector{grid-template-columns:76px minmax(300px,1fr)}.app.hide-inspector aside{display:none}.app.hide-panels{grid-template-columns:minmax(300px,1fr)}.app.hide-panels>.tools,.app.hide-panels>aside{display:none}.app.hide-panels>main{grid-column:1}canvas:focus-visible{outline:1px solid #819870;outline-offset:2px}.menu-group:nth-last-child(-n+3) .menu-popup{left:auto;right:0}@media(max-width:1100px){.menu-trigger{padding:0 9px}.app.hide-inspector{grid-template-columns:64px minmax(240px,1fr)}}@media(max-width:760px){.menubar{padding:0 3px}.menu-trigger{padding:0 6px;font-size:11px}.menu-popup{position:fixed;top:auto;left:8px!important;right:8px!important;min-width:0;max-height:65dvh;overflow:auto}.app.hide-inspector{grid-template-columns:52px minmax(180px,1fr)}#transformBar span{display:none}#transformBar{gap:6px;padding:7px 10px}#transformBar strong{margin-right:auto}}@media(max-width:520px){.menubar{height:32px}.menu-trigger{padding:0 5px;font-size:10px}.app{height:auto}.app.hide-inspector{grid-template-columns:48px minmax(180px,1fr)}.app.hide-panels{grid-template-columns:1fr}.app.hide-panels main{height:76dvh}.tools button[data-tool]{height:34px}}