.brand-toolbar,.brand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.brand-toolbar{padding:14px 0;border-block:1px solid var(--line);margin:20px 0 12px}.brand-format{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px}.brand-format select{width:auto}.brand-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.brand-artboard{min-width:0}.brand-stage{min-height:420px;padding:24px;background:repeating-conic-gradient(#151a24 0 25%,#1b202d 0 50%) 0/24px 24px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}.brand-stage canvas{display:block;max-width:100%;max-height:650px;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 32px #0006;touch-action:none;cursor:move}.brand-stage canvas:focus-visible{outline-offset:7px}#brand-empty{max-width:370px;padding:24px;background:var(--surface);border-radius:8px}#brand-empty h2{font-size:24px}#brand-message{min-height:24px;font-size:14px;color:var(--accent)}.brand-inspector{position:sticky;top:18px}.brand-inspector>p{line-height:1.65}.brand-inspector label{margin-bottom:13px}.brand-inspector input[type=color]{padding:5px}.brand-inspector .brand-checkbox{display:flex;align-items:center;gap:8px}.brand-checkbox input{width:20px;min-height:20px;margin:0}.brand-layers{display:grid;gap:7px;margin:16px 0;max-height:240px;overflow:auto}.brand-layers button{text-align:left;overflow-wrap:anywhere}.brand-layers button[aria-pressed=true],.brand-pages button[aria-pressed=true]{border-color:var(--accent);background:#302640}.brand-pages{display:flex;gap:10px;overflow:auto;padding:8px 4px 16px}.brand-pages button{flex:0 0 116px;width:116px;padding:7px;display:grid;gap:6px;align-content:start}.brand-pages img{height:70px;width:100%;object-fit:contain;background:var(--bg)}.brand-pages span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.brand-project{margin-top:16px}.brand-project p{margin:12px 0 0}.brand-inspector .two-col{gap:10px}.brand-actions button{font-size:12px;padding:8px 11px}.brand-inspector h2{font-size:21px}#brand-dimensions{padding-top:12px}.brand-inspector>p:last-child{margin-top:18px}.brand-inspector .brand-actions{margin-bottom:12px}@media(max-width:1100px){.brand-layout{grid-template-columns:minmax(0,1fr) 280px}.brand-stage{padding:12px;min-height:300px}}@media(max-width:850px){.brand-layout{grid-template-columns:1fr}.brand-inspector{position:static}.brand-stage canvas{max-height:520px}.brand-format{margin-left:0}}@media(max-width:480px){.brand-toolbar{gap:10px}.brand-toolbar button{flex:1 1 44%}.brand-stage{padding:8px;min-height:240px}.brand-project .brand-actions button{flex:1 1 44%}}