*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
body{margin:0;padding:16px;display:flex;flex-direction:column;min-height:100vh}
header h1{margin:0 0 12px 0}
main{display:flex;gap:12px;flex:1}
.controls{flex:0 0 320px;padding:12px;border:1px solid #ddd;border-radius:8px}
.controls label{display:block;margin:8px 0;font-size:14px}
.preview{flex:1;display:flex;align-items:center;justify-content:center;padding:12px}
#previewCanvas{max-width:100%;border:1px solid #ccc;background:#111}
.output{flex:0 0 420px;padding:12px;border:1px solid #ddd;border-radius:8px}
#output{width:100%;height:60vh;font-family:monospace;font-size:12px;padding:8px}
.buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
button{padding:8px 10px;border-radius:6px;border:1px solid #888;background:#f3f3f3;cursor:pointer}
footer{margin-top:12px;font-size:13px;color:#666}