:root{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
html,body{max-width:100%;overflow-x:hidden}
img,canvas,svg{max-width:100%;height:auto}
.sidebar{max-width:100%}
.workspace{min-width:0}
.canvas-container{max-width:100%;overflow:auto}
@media (max-width:900px){.sidebar{width:100%;}.workspace{width:100%;}.canvas-container{width:100%;overflow-x:auto;}}
@media (max-width:600px){body{font-size:14px;}.sidebar{float:none;}.workspace{padding:8px;}.canvas-container{max-width:100%;}.radio-group{gap:6px;}.color-row{width:100%;}.upload-btn{max-width:100%;}}

/* HOSTINGER_RESPONSIVE_OVERRIDES_20261003 */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
#canvasArea, #canvasWrapper, .canvas-area, .canvas-wrapper { width: 100%; max-width: 100%; min-width: 0; }
#canvas3D, #canvasCapa, #legendasCanvas { display: block; max-width: 100%; }
#sidebar, #imgCtrlPanel, #textCtrlPanel, #joystick3DPanel { max-width: 100%; min-width: 0; }
#fontPreview, #cipPreview, .cip-preview { max-width: 100%; overflow-wrap: anywhere; }
#textoLombada, #editoraContraCapa, input, textarea, select { max-width: 100%; }

@media (max-width: 768px) {
  #sidebar { width: 100%; max-width: 100%; }
  #canvasArea, #canvasWrapper, .canvas-area, .canvas-wrapper { overflow-x: auto; overflow-y: hidden; }
  #canvas3D, #canvasCapa, #legendasCanvas { width: 100% !important; height: auto !important; }
  .app, .canvas-area, .canvas-toolbar, .canvas-wrapper { min-width: 0; max-width: 100%; }
  .canvas-toolbar, .ctrl-group, .lombada-ctrl { display: flex; flex-wrap: wrap; gap: 8px; }
  .ctrl-group, .lombada-ctrl { flex: 1 1 100%; }
  .ctrl-btn { min-height: 40px; }
}

@media (max-width: 480px) {
  body { font-size: 14px; }
  .canvas-toolbar, .ctrl-group, .lombada-ctrl { gap: 6px; }
  .ctrl-btn { flex: 1 1 calc(50% - 6px); min-width: 0; }
  #fontPreview, #cipPreview, .cip-preview { overflow-x: auto; }
}

@media (min-width: 769px) {
  #canvasArea, #canvasWrapper, .canvas-area, .canvas-wrapper { overflow: auto; }
}