body{margin:0;font-family:Arial,sans-serif;background:#f3f3f3;color:#222;}.app{max-width:700px;margin:0 auto;padding:20px;}h1{text-align:center;}input,button{width:100%;padding:14px;margin:10px 0;font-size:18px;}button{background:#222;color:white;border:none;border-radius:6px;cursor:pointer;}button:disabled{background:#777;}#preview{display:none;width:100%;max-height:400px;object-fit:contain;margin-top:15px;background:#ddd;}.result{background:white;padding:15px;border-radius:6px;}#status{margin-top:10px;font-weight:bold;}pre{background:#111;color:#0f0;padding:15px;white-space:pre-wrap;border-radius:6px;}#previewBox canvas{max-width:100%;border:1px solid #ccc;margin-top:15px;}