:root{--bg:#f9fafb;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--brand:#111827;--accent:#2563eb}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text)}.container{min-height:100vh;display:flex;flex-direction:column}.header{padding:16px 24px;border-bottom:1px solid var(--border);background:var(--card);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-weight:700}.main{flex:1 1;padding:24px;max-width:1100px;width:100%;margin:0 auto}.footer{padding:16px 24px;border-top:1px solid var(--border);color:var(--muted)}.card,.footer{background:var(--card)}.card{border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card.full{grid-column:1/-1}.title{margin:0 0 12px;font-size:18px}.subtitle{margin:8px 0;font-size:16px;font-weight:600}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border)}.row:last-child{border-bottom:none}.label{color:var(--muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}.btn:hover{opacity:.95}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--accent)}.keybox{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;background:#f3f4f6;border-radius:8px;border:1px solid var(--border);overflow:auto}.key{white-space:nowrap}.error{color:#b91c1c;margin-top:8px}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.table tbody tr:hover{background:#f9fafb}.table thead th{font-weight:600;color:var(--muted);border-bottom:1px solid var(--border)}.codeblock{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#0b0b0b;color:#e5e7eb;border:1px solid #1f2937;border-radius:10px;padding:12px;position:relative;max-width:100%;overflow:hidden}.codeblock .label{color:#9ca3af;font-size:12px;margin:0 0 6px;display:block}.codeblock pre{margin:0;overflow-x:auto;white-space:pre;max-width:100%;padding-right:20px;scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937}.codeblock pre::-webkit-scrollbar{height:8px}.codeblock pre::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.codeblock pre::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.codeblock pre::-webkit-scrollbar-thumb:hover{background:#6b7280}.codeblock code{font-size:13px;line-height:1.4;display:block}.diagram{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre;background:#f3f4f6;border:1px solid var(--border);border-radius:10px;padding:12px;overflow-x:auto}