.topbar{justify-content:flex-start}.empty-art{margin-bottom:1.5rem}.empty-state h1{margin-bottom:1rem}.editor{grid-template-columns:180px minmax(320px,1fr) 330px}.left-panel{min-width:0;overflow:hidden;background:var(--panel);border-right:1px solid var(--line)}.left-tabs{display:grid;grid-template-columns:1fr 1fr;height:48px;border-bottom:1px solid var(--line)}.left-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#989c98;cursor:pointer}.left-tab.active{border-bottom-color:var(--accent);color:var(--text)}.left-tab-panel[hidden]{display:none}.vertical-tools{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px;overflow-y:auto}.paint-tool{display:flex;min-height:53px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;border:1px solid transparent;border-radius:3px;background:transparent;color:#aeb2ae;font:inherit;font-size:.72rem;cursor:pointer}.paint-tool span{color:#d8dad6;font-size:1.05rem;line-height:1}.paint-tool:hover{background:var(--panel-2)}.paint-tool.active{border-color:#756847;background:#36342e;color:var(--accent)}.canvas-area{grid-template-rows:48px minmax(0,1fr) 34px 56px}.clipboard-actions{display:flex;gap:14px}.canvas-wrap{position:relative;flex:none;box-shadow:0 10px 40px #0008}#previewCanvas,#interactionCanvas{position:absolute;inset:0;display:block;box-shadow:none}#interactionCanvas{z-index:1;touch-action:none}.palette-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;overflow-x:auto;background:#1c1e1f;border-top:1px solid var(--line)}.palette-colour{flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #7778;border-radius:50%;box-shadow:inset 0 0 0 2px #0004;cursor:pointer}.palette-colour:hover,.palette-colour:focus-visible{outline:2px solid var(--text);outline-offset:2px}.control-tabs{grid-template-columns:1fr 1fr 1fr}.colour-control{position:relative;display:grid;grid-template-columns:36px 1fr;gap:8px;margin-top:5px}.colour-swatch{width:36px;height:36px;padding:0;border:1px solid #5a5e5f;border-radius:4px;background:#f3a6b8;cursor:pointer}.colour-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#nativeColor{position:absolute;left:0;top:0;width:36px;height:36px;opacity:0;pointer-events:none}.colour-control #colorText{margin:0;height:36px}.field-help{margin:4px 0 0;color:#7f8480;font-size:.68rem}.spaced-button{margin-top:12px}.selection-actions,.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.selection-actions .button,.layer-actions .button{padding-inline:5px;font-size:.72rem}.layers-list{display:flex;flex-direction:column;gap:4px}.layer-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:42px;padding:4px 7px;border:1px solid transparent;border-radius:3px;background:#27292a;cursor:pointer}.layer-row:hover{background:#303233}.layer-row.active{border-color:#756847;background:#35342f}.layer-visible{border:0;background:transparent;color:var(--accent);cursor:pointer}.layer-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row-opacity{color:#858a86;font-size:.68rem}.context-menu{position:fixed;z-index:50;display:none;width:205px;margin:0;padding:5px;border:1px solid #4b4e4f;border-radius:4px;background:#252728;box-shadow:0 12px 30px #0008}.context-menu.show{display:block}.context-menu button{display:flex;width:100%;justify-content:space-between;padding:8px 10px;border:0;border-radius:2px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.context-menu button:hover{background:#373a3b}.context-menu button span{color:#8f9490;font-size:.7rem}.context-menu hr{margin:4px;border:0;border-top:1px solid var(--line)}@media(max-width:900px){.editor{grid-template-columns:1fr;grid-template-rows:auto minmax(520px,70vh) auto}.left-panel{border-right:0;border-bottom:1px solid var(--line)}.vertical-tools{grid-template-columns:repeat(6,minmax(64px,1fr));overflow-x:auto}.canvas-area{grid-template-rows:48px minmax(0,1fr) 34px 56px}}@media(max-width:520px){.clipboard-actions{gap:7px}.canvas-toolbar{padding-inline:7px}.palette-bar{justify-content:flex-start}}