:root{--bg:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--secondary:#10b981;--accent:#f59e0b;--badge:#f3f4f6}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.app-grid{display:grid;grid-template-columns:1fr 1fr;height:100vh}.sidebar{padding:16px;border-right:1px solid var(--border);overflow:auto}.content{padding:16px;display:flex;flex-direction:column}.section-title{margin:0 0 8px}.muted{color:var(--muted)}.inputs-row,.stats{margin-bottom:12px}.inputs-row{display:flex;gap:8px}.inputs-row input{padding:8px 10px;border:1px solid var(--border);border-radius:6px}.textarea{flex:1 1;resize:none;padding:12px;font-size:16px;line-height:1.6;border:1px solid var(--border);border-radius:8px}.textarea:focus{outline:2px solid rgba(37,99,235,.35)}.btn-row{display:flex;gap:8px;margin-top:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-secondary{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.log-list{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:pre-wrap}.log-line{padding:6px 8px;border-bottom:1px dashed var(--border)}.badge{display:inline-block;padding:2px 6px;border-radius:999px;background:var(--badge);margin-right:6px}.badge-beforeinput{background:#eef2ff}.badge-keydown{background:#ecfeff}.badge-input{background:#f0fdf4}.badge-selection{background:#fff7ed}.badge-clipboard{background:#fdf2f8}.badge-composition{background:#fefce8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}