body{background:#0f172a;color:#fff;font-family:Segoe UI,Arial,sans-serif;margin:0}.container{max-width:900px;margin:auto;padding:40px}.title{font-size:28px;text-align:center;margin-bottom:25px}.outputBox{width:100%;height:360px;border-radius:10px;border:1px solid #334155;background:#0d1117;padding:20px;font-size:16px;font-family:monospace;color:#e6edf3;white-space:pre-wrap;overflow:hidden;line-height:1.6;box-shadow:0 0 10px #00000080}.lineRow{display:flex;margin:5px 0}.lineNumber{width:40px;color:#6e7681}.lineContent{flex:1}.imageContent{display:flex}.outputImage{max-width:320px;max-height:160px;border-radius:6px;display:block}.cursor{margin-left:4px;color:#22c55e;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.imageBlock{width:100%;margin:15px 0;display:flex;justify-content:center}.outputImage{max-width:400px;height:auto;border-radius:8px;box-shadow:0 4px 10px #00000080}.buttons{margin-top:25px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}button{padding:10px 18px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:.25s}.start{background:#22c55e;color:#000}.pause{background:#f59e0b;color:#000}.stop{background:#ef4444;color:#fff}.reset{background:#64748b;color:#fff}.preview{background:#3b82f6;color:#fff}button:hover{transform:scale(1.05);opacity:.9}