body{background-color:#f0f0f0;margin:20px}#app{flex-direction:column;gap:20px;display:flex}.canvas-container{width:100%;overflow-x:auto}canvas{background-color:#fff;border:1px solid #ccc;display:block}@media (width>=768px){#app{flex-direction:row;align-items:flex-start}.canvas-container{width:60%}#controls{width:40%}}.number-input{width:60px}.text-input{width:200px}#controls{text-align:left;flex-direction:column;gap:12px;font-family:sans-serif;font-size:14px;display:flex}.fieldset-complex{background-color:#fafafa;border:none;flex-wrap:wrap;gap:24px;padding-bottom:12px;display:flex}.flex-row-gap{gap:24px;display:flex}.note-text{color:#555;font-size:12px}.note-text p,.note-text ul,.note-text ol{margin-top:0}.export-container{margin-top:12px;padding-top:12px}#exportBtn{cursor:pointer;padding:8px 16px}