:root{color:#f4ead7;background:#15110d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-height:100vh}.shell{max-width:920px;margin:0 auto;padding:48px 20px}.hero{margin-bottom:28px}.eyebrow{color:#d9a441;letter-spacing:.08em;text-transform:uppercase;font-weight:700}h1{font-size:clamp(2.2rem,7vw,5rem);line-height:.95;margin:0 0 16px}p{color:#cbbda5;font-size:1.1rem;max-width:680px}.dropzone{display:grid;place-items:center;min-height:220px;border:2px dashed #7b6747;border-radius:24px;background:#211a13;cursor:pointer;transition:.16s ease}.dropzone.dragging,.dropzone:hover{border-color:#e0a83a;background:#2a2117}.dropzone input{display:none}.dropzone span{font-size:1.2rem;color:#f5d28a}.viewport-controls,.snapshot-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px;color:#f5d28a}.viewport-controls[hidden],.snapshot-controls[hidden]{display:none}.viewport-controls label{display:inline-flex;gap:8px;align-items:center}.viewport-controls select,.viewport-controls button,.snapshot-controls button{border:1px solid #7b6747;border-radius:10px;padding:8px 10px;color:#f4ead7;background:#211a13}.viewport-controls button,.snapshot-controls button{cursor:pointer}.viewport-controls button:hover,.snapshot-controls button:hover{border-color:#e0a83a}.snapshot-controls span{color:#cbbda5}.import-library{margin-top:24px;padding:18px;border:1px solid #3d3327;border-radius:16px;background:#18130f}.import-library h2{margin:0 0 8px;color:#f5d28a}.import-library p{margin:0 0 12px;font-size:.95rem}.import-library pre{margin:0;color:#cce6c9;white-space:pre-wrap}.debug-overlay{margin-top:24px;padding:18px;border:1px solid #3d3327;border-radius:16px;background:#12100d}.debug-overlay[hidden]{display:none}.debug-overlay summary{cursor:pointer;color:#f5d28a;font-weight:700}.debug-overlay p{margin:12px 0;font-size:.95rem}.debug-overlay pre{margin:0;color:#cce6c9;overflow:auto}.direction-controls{display:grid;gap:12px;margin-top:24px;color:#cbbda5}.direction-controls[hidden]{display:none}.direction-pad{display:grid;grid-template-columns:repeat(3,44px);gap:8px;align-items:center}.direction-pad button{border:1px solid #7b6747;border-radius:10px;padding:10px;color:#f4ead7;background:#211a13;cursor:pointer}.direction-pad button:hover{border-color:#e0a83a}.direction-pad button[data-direction=up]{grid-column:2}.direction-pad button[data-direction=left]{grid-column:1}.direction-pad button[data-direction=down]{grid-column:2}.parser-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px;color:#cbbda5}.parser-controls[hidden]{display:none}.parser-controls label{display:inline-flex;gap:8px;align-items:center}.parser-controls input,.parser-controls button{border:1px solid #7b6747;border-radius:10px;padding:8px 10px;color:#f4ead7;background:#211a13}.parser-controls button{cursor:pointer}.parser-controls button:hover{border-color:#e0a83a}.runtime-step-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px;color:#cbbda5}.runtime-step-controls[hidden]{display:none}.runtime-step-controls label{display:inline-flex;gap:8px;align-items:center}.runtime-step-controls button,.runtime-step-controls select{border:1px solid #7b6747;border-radius:10px;padding:8px 10px;color:#f4ead7;background:#211a13}.runtime-step-controls button{cursor:pointer}.runtime-step-controls button:hover,.runtime-step-controls select:hover{border-color:#e0a83a}.runtime-status{margin-top:24px;padding:12px 14px;border:1px solid #3d3327;border-radius:12px;background:#18130f;color:#f5d28a;font-size:.98rem}.picture{display:block;margin-top:16px;border-radius:16px;image-rendering:pixelated;background:#000;box-shadow:0 20px 60px #0008}.result{margin-top:24px;padding:18px;border-radius:16px;background:#0d0b09;color:#cce6c9;overflow:auto}