.app{background:var(--m-bg);color:var(--m-text);font-family:var(--m-font-sans);min-height:100vh;margin:0}.app main{max-width:760px;margin:0 auto;padding:48px 16px 96px}.app h1{margin:0 0 24px;font-size:28px;font-weight:600}.app h2{margin:32px 0 12px;font-size:18px;font-weight:600}.app .card{background:var(--m-surface);border:1px solid var(--m-line-1);border-radius:8px;padding:20px}.app .button{background:var(--m-accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:10px 16px}.app .button.secondary{color:var(--m-text);border:1px solid var(--m-line-2);background:0 0}.app .button[disabled]{opacity:.5;cursor:default}.app .field{gap:6px;margin-bottom:14px;display:grid}.app .field input,.app .field select{font:inherit;border:1px solid var(--m-line-2);border-radius:6px;padding:9px 10px}.app .error{color:var(--m-no);background:var(--m-no-soft);border-radius:6px;padding:10px 12px}.app .notice{color:var(--m-warn-text);background:#fbf4e4;border-radius:6px;padding:10px 12px}.app code,.app pre{font-family:var(--m-font-mono);font-size:13px}.app pre{background:var(--m-ink-2);color:var(--m-text-on-dark);border-radius:6px;padding:14px;overflow:auto}.app .topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.app .muted{color:var(--m-text-4)}.app main{max-width:960px}.app h3{margin:16px 0 8px;font-size:14px;font-weight:600}.app a{color:inherit}.app a.button{text-decoration:none;display:inline-block}.app .button.danger,.app .card.danger .button{background:var(--m-no);color:#fff}.app .topnav{align-items:center;gap:16px;display:flex}.app .heading-row{justify-content:space-between;align-items:center;display:flex}.app .heading-row h1{margin:0}.app .stack{gap:16px;display:grid}.app .list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.app .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.app .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app .badge{border:1px solid var(--m-line-2);color:var(--m-text-4);border-radius:4px;padding:2px 6px;font-size:12px}.app .tabs{border-bottom:1px solid var(--m-line-1);gap:4px;margin:0 0 20px;display:flex}.app .tabs a{border-bottom:2px solid #0000;padding:8px 12px;text-decoration:none}.app .tabs a[aria-current=page]{border-color:var(--m-accent);font-weight:600}.app .columns{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;display:grid}.app .key{border-top:1px solid var(--m-line-1);gap:4px;padding-top:8px;display:grid}.app .check{align-items:center;gap:8px;margin-bottom:6px;display:flex}.app .notice pre{margin:6px 0 0}.app table{border-collapse:collapse;width:100%}.app th,.app td{text-align:left;border-top:1px solid var(--m-line-1);vertical-align:middle;padding:8px 6px}.app .grow{flex:1;min-width:220px}
