.app-layout{--left-panel-width: 270px;--right-panel-width: 300px;grid-template-columns:var(--left-panel-width) minmax(460px,1fr) var(--right-panel-width)}.app-layout.left-panel-collapsed{--left-panel-width: 0px}.app-layout.right-panel-collapsed{--right-panel-width: 0px}.app-layout.left-panel-collapsed .tattoo-panel,.app-layout.right-panel-collapsed .properties-panel{display:none}.tattoo-panel{grid-column:1}.viewer-panel{grid-column:2;min-width:0}.properties-panel{grid-column:3}.tattoo-panel,.properties-panel{position:relative}.panel-resizer{position:absolute;z-index:6;top:0;bottom:0;width:8px;cursor:ew-resize;touch-action:none}.panel-resizer:hover,.app-layout.panel-resizing .panel-resizer{background:#f28a0029}.panel-resizer-right-edge{right:0}.panel-resizer-left-edge{left:0}.app-layout.panel-resizing,.app-layout.panel-resizing *{user-select:none}.viewer-global-toolbar{position:absolute;z-index:5;top:1rem;right:1rem;display:flex;gap:.35rem;padding:.3rem;border:1px solid var(--pmd-border);border-radius:var(--pmd-radius);background:#050b14e0;box-shadow:var(--pmd-shadow)}.viewer-global-toolbar button{min-width:2.35rem;min-height:2.2rem;padding:.35rem .5rem;text-align:center}.viewer-global-toolbar #global-undo{border-color:var(--pmd-accent);font-size:1.05rem}.viewer-panel .placement-status{top:4.4rem}.app-header{min-height:48px;align-items:center}.header-panel-toggle{display:inline-grid;flex:0 0 auto;width:2.25rem;height:2.25rem;min-width:2.25rem;padding:0;place-items:center;border-color:transparent;background:transparent}.header-panel-toggle:hover:not(:disabled),.header-panel-toggle:focus-visible{border-color:var(--pmd-border-strong);background:var(--pmd-panel-alt)}.header-panel-toggle[aria-pressed=true]{border-color:var(--pmd-accent);background:#7a3f0047}.header-panel-toggle svg{width:1.28rem;height:1.28rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-right-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.header-right-actions .language-control{margin-left:0}.viewer-global-toolbar{right:1rem}.app-footer>button,.app-footer>.export-format-control,.app-footer>#project-status,.app-footer>#export-status{transform:translateY(-6px)}