#root{min-height:100vh;max-width:100%;overflow-x:hidden}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}*{box-sizing:border-box}canvas.pixel-text-raster-canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pattern-creator-shell{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.pattern-creator-row{display:flex;flex-wrap:wrap;gap:0;width:100%;min-width:0;align-items:stretch}@media(min-width:900px){.pattern-creator-row{flex-wrap:nowrap;flex:1;min-height:0}}.pattern-creator-col{flex:1 1 0%;min-width:0;max-width:100%}@media(max-width:899px){.pattern-creator-col{flex-basis:100%}}.pattern-creator-col--preview{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;min-height:0}.pattern-creator-col--preview::-webkit-scrollbar{display:none}@media(min-width:900px){.pattern-creator-col.pattern-creator-col--controls{flex:0 0 25%;max-width:25%;min-width:0;align-self:stretch;display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pattern-creator-col.pattern-creator-col--controls::-webkit-scrollbar{display:none}.pattern-creator-col.pattern-creator-col--preview{flex:1 1 0%;width:auto;max-width:none;min-width:0;align-self:stretch;display:flex;flex-direction:column;min-height:0}}