:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #f7f7f8;--surface: #ffffff;--text: #1f2328;--text-muted: #57606a;--border: #d0d7de;--input-bg: #ffffff;--accent: #1f6feb;--accent-hover: #1858c4;--accent-text: #ffffff;--error-bg: #ffebe9;--error-border: #ffaaa6;--error-text: #82071e;--shadow: 0 1px 3px rgba(0, 0, 0, .05);background:var(--bg);color:var(--text)}:root[data-theme=dark]{--bg: #0d1117;--surface: #161b22;--text: #e6edf3;--text-muted: #8b949e;--border: #30363d;--input-bg: #0d1117;--accent: #2f81f7;--accent-hover: #1f6feb;--accent-text: #ffffff;--error-bg: #3a1416;--error-border: #82071e;--error-text: #ffd1cc;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:3rem auto;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.header h1{margin:0}.subtitle{margin:.25rem 0 0;color:var(--text-muted)}.theme-toggle{padding:.4rem .9rem;font-size:.85rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.theme-toggle:hover{background:var(--bg)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app label{font-weight:600;font-size:.9rem}.app textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;resize:vertical;background:var(--input-bg);color:var(--text)}.actions{display:flex;gap:.5rem}.actions button{padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-text);cursor:pointer}.actions button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error{margin:0;padding:.6rem .75rem;border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);border-radius:8px;font-size:.9rem}.footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem;text-align:center}.footer a{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}.footer a:hover{text-decoration:underline}