:root{--fg: #111;--muted: #777;--line: #e6e6e6;--bg: #fff;--err: #b00020;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0;line-height:1.5}.mono,code,pre,.key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.mono{font-size:11px}.muted{color:var(--muted)}.small{font-size:12px}.shell{max-width:880px;margin:0 auto;padding:0 24px;min-height:100vh;display:flex;flex-direction:column}.top{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.top nav{display:flex;gap:24px;align-items:center}a{color:inherit;text-underline-offset:3px}.top a{text-decoration:none}.brand{display:inline-flex;gap:8px;align-items:center}main{flex:1;padding:64px 0}footer{padding:32px 0;border-top:1px solid var(--line)}h1{font-size:32px;font-weight:500;letter-spacing:-.02em;margin:8px 0 32px}h2{font-size:20px;font-weight:500;margin:4px 0 0}p{margin:4px 0}.narrow{max-width:420px}.card{border:1px solid var(--line);border-radius:8px;padding:28px;margin:24px 0}.block{margin-top:28px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--bg);margin:6px 0 16px}.row input,.row select{width:auto;flex:1;margin:0;min-width:160px}button{font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px;border:1px solid var(--fg);background:none;display:inline-flex;gap:6px;align-items:center}button.primary{background:var(--fg);color:var(--bg)}button.ghost{border-color:var(--line);padding:6px 10px}button.ghost:hover{border-color:var(--fg)}button.link{border:0;padding:0;color:var(--muted)}button:disabled{opacity:.4;cursor:default}.pill{border:1px solid var(--line);border-radius:999px;padding:3px 10px}.pill.active{border-color:var(--fg)}.pill.refunded,.pill.revoked,.pill.suspended,.pill.expired{color:var(--err);border-color:var(--err)}.key{background:#f6f6f6;padding:6px 10px;border-radius:4px;font-size:13px;word-break:break-all}pre{background:#f6f6f6;padding:16px;border-radius:6px;overflow:auto;font-size:12px;margin:12px 0;white-space:pre-wrap}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.tabs button{border-color:transparent;color:var(--muted);padding:6px 10px}.tabs button.on{border-color:var(--fg);color:var(--fg)}.list{list-style:none;padding:0;margin:8px 0}.list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.error{color:var(--err);display:flex;gap:6px;align-items:center}table{width:100%;border-collapse:collapse;margin-top:24px;font-size:13px}th{text-align:left;font-weight:400;padding:8px 6px}td{padding:10px 6px;border-top:1px solid var(--line)}.actions{display:flex;gap:4px;flex-wrap:wrap}svg{flex:none}@media (max-width: 640px){.grid{grid-template-columns:1fr}.top nav{gap:12px}main{padding:32px 0}h1{font-size:26px}table{display:block;overflow-x:auto}}:root{--ink-1: #fdfdfc;--ink-2: #f9f9f8;--ink-3: #f1f0ef;--ink-4: #e9e8e6;--ink-6: #dad9d6;--ink-10: #82827c;--ink-11: #63635e;--ink-12: #21201c;--surface-top: #fff;--fg: var(--ink-12);--muted: var(--ink-11);--line: var(--ink-6);--bg: var(--ink-2);--shadow-ink: 33 32 28;--focus-ring: var(--ink-10);--radius-control: 6px;--radius-container: 8px;--hairline: .5px;--shadow-button: 0 1px 2px rgb(var(--shadow-ink) / .12), 0 0 0 1px rgb(var(--shadow-ink) / .08);--shadow-card: 0 0 0 1px rgb(var(--shadow-ink) / .07), 0 1px 2px rgb(var(--shadow-ink) / .12), 0 3px 4px -2px rgb(var(--shadow-ink) / .08);--ease-out: cubic-bezier(.23, 1, .32, 1);font-size:13px;font-weight:500}body{line-height:20px;overscroll-behavior:none}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1600px;padding:8px 8px 8px 0;margin:auto;gap:0;min-height:100dvh}.rail{padding:24px 16px;display:flex;flex-direction:column}.brand{color:var(--fg);text-decoration:none;font-size:20px;gap:10px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-container);color:var(--surface-top);background:var(--ink-12)}.version{margin-left:auto;font-size:12px;color:var(--muted);background:var(--ink-3);border-radius:4px;padding:1px 6px}.rail-description{margin:12px 8px 32px;color:var(--muted);font-size:12px}.rail nav{display:flex;flex-direction:column;gap:4px}.rail nav a{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;text-decoration:none;color:var(--ink-11);border-radius:var(--radius-control)}.rail nav a.selected{color:var(--ink-12);background:var(--ink-3)}.rail-foot{margin-top:auto;padding:48px 8px 8px;font-size:12px}.rail-foot button{margin-top:20px}.workspace-panel{min-width:0;background:var(--surface-top);border-radius:var(--radius-container);box-shadow:0 0 0 .5px rgb(var(--shadow-ink) / .08),0 1px 2px rgb(var(--shadow-ink) / .03);display:flex;flex-direction:column}.panel-bar{min-height:52px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:var(--hairline) solid var(--line);color:var(--ink-11)}main{width:100%;max-width:1200px;margin:0 auto;padding:40px 48px}footer{padding:16px 24px;color:var(--muted);font-size:12px;border-width:var(--hairline)}h1{font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.01em;margin:0 0 6px}h2{font-size:16px;line-height:24px;font-weight:500;margin:0 0 6px}p{color:var(--ink-11)}section>.row{margin-top:24px}.card{background:var(--surface-top);border:0;border-radius:var(--radius-container);box-shadow:var(--shadow-card);padding:24px;margin:24px 0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics .card{margin:0}.metrics p{color:var(--ink-12);margin:4px 0 12px}.figure{font-size:24px;line-height:32px;font-variant-numeric:tabular-nums}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 16px}.demo-note{margin:12px 0 32px;font-size:12px}.status-dot{color:var(--ink-11);display:inline-flex;align-items:center;gap:6px;font-size:12px}.status-dot:before{content:"";width:6px;height:6px;background:#30a46c;border-radius:50%;flex:none}button,.button{min-height:36px;font-size:13px;line-height:20px;font-weight:500;padding:8px 14px;background:var(--surface-top);color:var(--ink-12);border:0;border-radius:var(--radius-control);box-shadow:var(--shadow-button);text-decoration:none;letter-spacing:-.01em;transition:transform .15s var(--ease-out),background-color .15s var(--ease-out)}button:active,.button:active{transform:scale(.97)}button.primary{background:var(--ink-12);color:var(--surface-top);box-shadow:0 0 0 1px var(--surface-top),0 1px 2px rgb(var(--shadow-ink) / .12)}button.link{box-shadow:none;background:transparent}button.ghost{padding:8px 12px}button:disabled{opacity:.6}input,select,textarea{min-height:36px;font:inherit;color:var(--ink-12);padding:8px 12px;border:0;border-radius:var(--radius-control);background:var(--ink-3);box-shadow:inset 0 1px 2px rgb(var(--shadow-ink) / .04)}textarea{resize:vertical;font-family:ui-monospace,monospace}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}input:focus,textarea:focus{background:var(--ink-4)}.mono{font-family:inherit;font-size:12px;letter-spacing:0}code,pre,.key{font-family:ui-monospace,monospace}.table-wrap{overflow-x:auto;border:var(--hairline) solid var(--line);border-radius:var(--radius-container);box-shadow:0 1px 2px rgb(var(--shadow-ink) / .12)}table{margin:0;background:var(--surface-top)}th,td{padding:10px 16px;height:38px;font-weight:500;text-align:left;font-variant-numeric:tabular-nums;border-width:var(--hairline)}td{color:var(--ink-11);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td:first-child,th{color:var(--ink-12)}th+th,td+td{border-left:var(--hairline) solid var(--line)}.list li{border-width:var(--hairline)}.pill{border:0;box-shadow:var(--shadow-button)}@media (hover: hover) and (pointer: fine){button:hover,.button:hover{background:var(--ink-2)}button.primary:hover{background:#30302c}.rail nav a:not(.selected):hover{background:var(--ink-3)}tbody tr:hover{background:var(--ink-2)}}@media (max-width: 767px){:root{font-size:15px}body{line-height:24px}.shell{display:block;padding:0}.rail{padding:16px 20px}.rail-description,.rail-foot{display:none}.rail nav{flex-direction:row;flex-wrap:wrap;margin-top:16px;gap:6px}.rail nav a{min-height:44px;padding:10px;font-size:15px}.workspace-panel{border-radius:0;box-shadow:none;min-height:80dvh}.panel-bar{padding:12px 20px;font-size:15px;flex-wrap:wrap;gap:8px}main{padding:28px 20px}h1{font-size:20px}.metrics{grid-template-columns:1fr;gap:12px}.metrics .card{padding:20px}.section-heading{align-items:flex-start;flex-direction:column}button,.button,.mono,.small,.muted,.status-dot,.demo-note{font-size:15px}button,.button{min-height:44px}input,select,textarea{min-height:44px;font-size:16px}.row{flex-direction:column;align-items:stretch;gap:12px}.row input,.row select{width:100%;min-width:0}table{display:table;font-size:15px}td,th{height:44px;padding:10px 12px}.card{padding:20px}.key,code{overflow-wrap:anywhere}.section-heading .button{align-self:stretch;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}button:active,.button:active{transform:none}}.rail-foot button{display:flex}@media (max-width: 767px){.demo-overview .table-wrap{overflow:visible}.demo-overview table,.demo-overview tbody{display:block}.demo-overview thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.demo-overview tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.demo-overview tbody tr+tr{border-top:var(--hairline) solid var(--line)}.demo-overview td{display:block;border:0;padding:4px 0;height:auto;max-width:none}.demo-overview td:first-child{grid-column:1 / -1}}.catalog-form h2{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.catalog-form label{display:flex;flex-direction:column;gap:6px;min-width:0}.catalog-form label input,.catalog-form label select{margin-top:0}.catalog-form textarea{margin-bottom:16px}.catalog-form label>.muted{font-size:12px}.catalog-list{list-style:none;margin:0;padding:0}.catalog-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:var(--hairline) solid var(--line)}.catalog-list li>div{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.catalog-list code{font-size:12px;color:var(--muted)}.empty-state{padding:24px;background:var(--ink-2);border-radius:var(--radius-container);text-align:center}@media (max-width: 767px){.form-grid{grid-template-columns:1fr}.catalog-list li{align-items:flex-start}.catalog-list button{flex:none}.catalog-form label>.muted,.catalog-list code{font-size:15px}}html{scrollbar-gutter:stable}@media (min-width: 768px){html,body,#root{height:100%;overflow:hidden}.shell{height:100dvh;min-height:0}.rail{min-height:0;height:calc(100dvh - 16px);overflow-y:auto;scrollbar-gutter:stable}.rail nav{flex-shrink:0}.rail-foot{flex-shrink:0}.workspace-panel{height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.panel-bar{position:sticky;top:0;z-index:5;background:var(--surface-top);flex-shrink:0}}