:root{--bg: #fafaf8;--panel: #ffffff;--text: #1a1a1a;--muted: #666;--border: #e3e3e0;--primary: #3b82f6;--primary-hover: #2563eb;--ok: #0b8043;--err: #c0372a;--segmented-bg: #f0f0ec;--disclaimer-bg: #fff7e6;--disclaimer-border: #f3dfa0;--disclaimer-text: #664d00;--shadow: 0 1px 2px rgba(0, 0, 0, .08);--radius: 10px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f0f10;--panel: #1a1a1c;--text: #ececec;--muted: #9a9a9d;--border: #2a2a2d;--primary: #60a5fa;--primary-hover: #3b82f6;--ok: #43c17a;--err: #ff6a5b;--segmented-bg: #232326;--disclaimer-bg: #2a2414;--disclaimer-border: #4a3f1f;--disclaimer-text: #f2d889;--shadow: 0 1px 2px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{--bg: #0f0f10;--panel: #1a1a1c;--text: #ececec;--muted: #9a9a9d;--border: #2a2a2d;--primary: #60a5fa;--primary-hover: #3b82f6;--ok: #43c17a;--err: #ff6a5b;--segmented-bg: #232326;--disclaimer-bg: #2a2414;--disclaimer-border: #4a3f1f;--disclaimer-text: #f2d889;--shadow: 0 1px 2px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.5;transition:background .15s,color .15s}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none;letter-spacing:-.01em}.site-header nav{display:flex;align-items:center;gap:.5rem}.nav-link{color:var(--muted);text-decoration:none;font-size:.92rem;padding:.4rem .7rem;border-radius:6px}.nav-link:hover{color:var(--text);background:var(--segmented-bg)}.nav-link.active{color:var(--text);background:var(--segmented-bg);font-weight:500}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;min-height:36px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:.5rem}.icon-btn:hover{color:var(--text);border-color:var(--text)}.icon-btn .icon-sun{display:block}.icon-btn .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-btn .icon-sun{display:none}:root:not([data-theme=light]) .icon-btn .icon-moon{display:block}}:root[data-theme=dark] .icon-btn .icon-sun{display:none}:root[data-theme=dark] .icon-btn .icon-moon{display:block}:root[data-theme=light] .icon-btn .icon-sun{display:block}:root[data-theme=light] .icon-btn .icon-moon{display:none}main{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem}.hero h1{font-size:1.6rem;margin:.5rem 0;letter-spacing:-.015em}.lede{color:var(--muted);margin:0 0 1.5rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.card h2{margin:0 0 1rem;font-size:1.15rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field.grow{flex:1}.label{font-size:.82rem;color:var(--muted);font-weight:500}.row{display:flex;gap:.75rem;align-items:flex-end}.row .field{flex:1;margin-bottom:.9rem}select,input[type=text]{font-family:var(--sans);font-size:1rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);width:100%;min-height:44px}input.mono{font-family:var(--mono);letter-spacing:.05em}input.upper{text-transform:uppercase}select:focus,input:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.segmented{display:inline-flex;background:var(--segmented-bg);border-radius:8px;padding:3px;gap:2px}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;inset:0}.segmented span{display:inline-block;padding:.5rem 1.1rem;border-radius:6px;font-weight:500;cursor:pointer;min-width:72px;text-align:center;color:var(--muted)}.segmented input:checked+span{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}button{font-family:var(--sans);font-size:.98rem;border-radius:8px;padding:.7rem 1.1rem;cursor:pointer;min-height:44px;border:1px solid transparent;transition:background .15s,border-color .15s}button.primary{background:var(--primary);color:#fff;border-color:var(--primary);width:100%;font-weight:600}button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.ghost{background:transparent;color:var(--muted);border-color:var(--border);padding:.35rem .7rem;min-height:32px;font-size:.85rem}button.ghost:hover{border-color:var(--text);color:var(--text)}button.ghost.copied{color:var(--ok);border-color:var(--ok)}.disclaimer{margin-top:1rem;padding:.75rem .9rem;background:var(--disclaimer-bg);border:1px solid var(--disclaimer-border);border-radius:8px;font-size:.85rem;color:var(--disclaimer-text)}.site-footer{text-align:center;color:var(--muted);font-size:.85rem;padding:2rem 1rem}@media(max-width:420px){.row{flex-direction:column;align-items:stretch;gap:0}.site-header{padding:.75rem .9rem}.nav-link{padding:.35rem .5rem;font-size:.88rem}}