:root{color-scheme:dark;--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--error: #f85149;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:860px;margin:0 auto;padding:2rem 1rem 4rem}.app>h1{font-size:1.5rem}.app>p{color:var(--muted);margin-bottom:2rem}.section{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem}.section>h2{font-size:1.05rem;margin:0 0 .25rem}.section>.section-desc{color:var(--muted);font-size:.85rem;margin:0 0 .75rem}label{display:block;font-size:.8rem;color:var(--muted);margin:.75rem 0 .25rem}input,textarea,select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent)}button{background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer;margin-top:.75rem}button:hover{border-color:var(--accent)}.copy-field{margin-top:.75rem}.copy-field .copy-row{display:flex;gap:.5rem;align-items:flex-start}.copy-field .copy-row input{flex:1}.copy-field code{flex:1;display:block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;font-size:.8rem;word-break:break-all;min-height:2.1rem}.copy-field .copy-row button{margin-top:0;flex-shrink:0}.error{color:var(--error);font-size:.85rem;margin-top:.75rem;word-break:break-all}