@media(max-width:820px){body{overflow:auto}.workspace{grid-template-columns:1fr;height:auto}.library,.inspector{display:block;border:0}.library{order:2;padding:18px}.canvas-area{height:560px;order:1}.inspector{order:3}.pattern-list{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr))}.pattern-card{grid-template-columns:48px 1fr 14px;height:68px}.pattern-thumb{height:48px;width:48px}.intro-card{max-width:none}.main-nav{display:none}.topbar{grid-template-columns:1fr auto}.top-actions{grid-column:2}.application-strip{left:12px;right:12px;bottom:20px}}
@media(max-width:560px){.pattern-list{grid-template-columns:1fr}.canvas-area{height:440px}.stage-shell{padding:12px}.brand strong{font-size:15px}.topbar{padding:0 12px}.save-btn{padding:0 10px}.application-strip{height:72px}.mockup-art{height:35px}}