body{font-family:Arial,sans-serif;max-width:800px;margin:50px auto;padding:20px;background-color:#f9f9f9;color:#333}h1{color:#333;border-bottom:2px solid #4CAF50;padding-bottom:10px}h2{color:#555;margin-top:30px}.demo-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0}#file-input{margin:20px 0;padding:10px;border:2px solid #ddd;border-radius:4px;width:100%;box-sizing:border-box}#output{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;min-height:100px}#output p{margin:10px 0}.success{color:#4caf50;font-weight:700}.error{color:#f44336;font-weight:700}pre{background:#f5f5f5;padding:15px;border-radius:4px;overflow-x:auto;border:1px solid #ddd;max-height:500px;overflow-y:auto}.github-link{position:fixed;bottom:20px;left:20px;font-size:14px;opacity:.7;transition:opacity .3s}.github-link:hover{opacity:1}.github-link a{color:#333;text-decoration:none;padding:5px 10px;background:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a}.github-link a:hover{background:#fff}.nav-link{display:inline-block;margin-bottom:12px;color:#4caf50;text-decoration:none}.lead{margin:8px 0 16px;line-height:1.6}.code-input,textarea{width:100%;box-sizing:border-box;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;border:1px solid #ddd;border-radius:6px;padding:12px;background:#fff}select{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;padding:10px 12px;background:#fff;font-size:14px}button{padding:10px 16px;border:none;border-radius:6px;background-color:#4caf50;color:#fff;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}.status{margin-top:8px;color:#333}.status.inline{display:inline-block;margin-left:12px}.status.error{color:#f44336;font-weight:600}.note{font-size:14px;color:#555;margin:0 0 8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.output{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:12px;min-height:160px;white-space:pre-wrap;word-break:break-word}.actions{display:flex;align-items:center;gap:12px;margin-bottom:8px}.log-visualizer{border:1px solid #ddd;border-radius:8px;background:linear-gradient(180deg,#fafafa,#f4f4f4);padding:12px;margin-top:12px;overflow-x:auto}.log-visualizer--empty{text-align:center;color:#666;font-size:13px}.log-visualizer-empty{padding:6px 4px}.log-visualizer-lane{display:flex;align-items:center;gap:10px;margin:6px 0}.log-visualizer-label{width:70px;font-size:12px;color:#555;text-align:right;flex-shrink:0}.log-visualizer-track{position:relative;height:28px;background:#fff;border:1px solid #e2e2e2;border-radius:6px;min-width:640px;box-shadow:inset 0 1px 2px #0000000a}.log-visualizer-event{position:absolute;top:5px;width:8px;height:18px;border-radius:4px;box-shadow:0 1px 2px #0000001a;opacity:.9}