:root{font-family:system-ui,sans-serif;color:#222;background:#fafafa}body{margin:0}main{max-width:900px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}header{display:flex;align-items:baseline;gap:1rem}h1{margin:0;font-size:1.4rem}.sub{color:#666}.repo{margin-left:auto;font-size:.9rem;color:#666;text-decoration:none}.repo:hover{color:#222;text-decoration:underline}textarea{width:100%;box-sizing:border-box;font:14px/1.4 ui-monospace,monospace;padding:.6rem;border:1px solid #ccc;border-radius:6px;resize:vertical;outline:none}.controls{display:flex;gap:2rem;align-items:center;font-size:.9rem}.controls label{display:flex;align-items:center;gap:.5rem}.preview{min-height:160px;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:6px;overflow:auto}.preview svg{max-width:100%;height:auto}summary{cursor:pointer}.actions{display:inline-flex;gap:.4rem;margin-left:.75rem;vertical-align:middle}.actions button{font:inherit;font-size:.8rem;padding:.15rem .6rem;border:1px solid #ccc;border-radius:6px;background:#fff;color:inherit;cursor:pointer}.actions button:hover{background:#f0f0f0}.muted{color:#999}.error{color:#b00;white-space:pre-wrap;margin:0}.source{font-size:11px;white-space:pre-wrap;word-break:break-all;background:#f0f0f0;padding:.75rem;border-radius:6px;max-height:300px;overflow:auto}