/* The workshop scrolls naturally; no flex child can collapse the painting canvas. */
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto}
.app{height:auto;min-height:100dvh;display:block;padding-bottom:36px}
.pintar{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:420px;align-items:start}
.lienzo{display:block;min-height:420px;flex:none;overflow:hidden}.lienzo .fondo{display:block;min-height:390px;padding:28px 10px 10px}.respira{width:100%;height:auto}#lienzo{width:100%;height:auto;max-width:480px;aspect-ratio:1;display:block;margin:auto}
.formas{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));overflow:visible;max-height:none}.forma{min-width:0}.forma canvas{max-width:105px}.forma span{overflow-wrap:anywhere}.herramientas{display:flex;flex-wrap:nowrap;margin:18px 0 0;gap:10px}.herr{min-width:0}
@media(max-width:820px){.pintar{display:flex;flex-direction:column;gap:14px;min-height:0;align-items:stretch}.lienzo{min-height:350px;padding:10px}.lienzo .fondo{display:flex;align-items:center;justify-content:center;min-height:325px;padding:8px}.respira{width:min(100%,440px)}#lienzo{max-width:440px}.color{width:auto;flex:none}.formas{display:flex;overflow-x:auto;gap:10px;padding:12px}.forma{flex:0 0 105px;padding:8px 5px}.forma canvas{max-width:72px}.forma span{font-size:12px}.mochi{width:64px;bottom:6px;right:6px;left:auto}.aventura-entrada{max-width:calc(100% - 65px)}.herramientas{gap:8px;margin-bottom:14px}.herr{height:58px}.herr svg{width:38px;height:38px}.mc-header{position:relative}.mc-intro{margin:18px 0}.mc-intro h1{margin-right:65px}.app{padding-bottom:40px}}
@media(max-width:450px){.lienzo{min-height:320px}.lienzo .fondo{min-height:300px}.respira{width:100%}.forma{flex-basis:98px}.mc-intro h1{font-size:32px}.cg-play-creation{width:100%}}