:root{--api-chart-ok:#2373db;--api-chart-bad:#e5194a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--api-chart-ok:#3b82df;--api-chart-bad:#e85a7c}}:root[data-theme=dark]{--api-chart-ok:#3b82df;--api-chart-bad:#e85a7c}.api-access{gap:14px;display:grid}.api-access h3{margin:0}.api-access code,.api-form code{background:var(--canvas);border-radius:4px;padding:1px 4px;font-size:.9em}.api-plan{border:1px solid var(--line);border-radius:var(--radius,12px);background:var(--surface-2);gap:10px;padding:12px 14px;display:grid}.api-plan__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.api-plan__name{font-size:var(--fs-base)}.api-plan .form-hint{overflow-wrap:anywhere;margin:0}.api-meter{gap:5px;display:grid}.api-meter__label{font-size:var(--fs-md);flex-wrap:wrap;justify-content:space-between;gap:2px 10px;display:flex}.api-meter__label span{color:var(--muted)}.api-meter__label b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.api-meter__track{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.api-meter__track span{background:var(--accent);border-radius:999px;min-width:2px;height:100%;display:block}.api-meter__track.is-high span{background:var(--warn)}.api-meter__track.is-full span{background:var(--bad)}.api-block{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.api-block__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.api-block__head h4{font-size:var(--fs-base);margin:0}.api-block__head h4 small{color:var(--muted);margin-left:6px;font-weight:500}.api-block__select{width:auto;max-width:100%;min-height:36px}.api-block .form-hint{margin:0}.share-links.api-list{max-height:none;overflow:visible}.api-list li.is-inactive{background:var(--canvas)}.api-list li.is-inactive strong{color:var(--muted)}.api-list li>div>span{line-height:1.4}.api-prefix{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.api-url{overflow-wrap:anywhere;word-break:break-word}.share-links li>.api-hook-actions{border-top:1px solid var(--line);flex:100%;justify-content:flex-end;padding-top:8px}.api-badge{font-size:var(--fs-sm);white-space:nowrap;vertical-align:1px;border-radius:999px;padding:1px 8px;font-weight:600;display:inline-block}.api-badge--delivered{color:var(--ok);background:var(--ok-soft)}.api-badge--pending{color:var(--warn);background:var(--warn-soft)}.api-badge--failed{color:var(--bad-ink);background:var(--bad-soft)}.api-switch,.dialog label.api-switch{min-height:34px;font-size:var(--fs-md);cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin-right:auto;font-weight:600;display:inline-flex}.api-switch input[type=checkbox]{appearance:none;background:var(--line-strong);width:38px;min-width:38px;height:22px;min-height:0;box-shadow:none;cursor:pointer;border:0;border-radius:999px;flex:none;margin:0;padding:0;transition:background .15s;position:relative}.api-switch input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.api-switch input[type=checkbox]:checked{background:var(--ok)}.api-switch input[type=checkbox]:checked:after{transform:translate(16px)}.api-switch input[type=checkbox]:focus-visible{outline:3px solid var(--focus-ring,var(--accent));outline-offset:2px}.api-field-error{color:var(--bad-ink);font-size:var(--fs-sm)}.api-secret{gap:10px;display:grid}.api-secret__warning{border:1px solid var(--warn);color:var(--warn);background:var(--warn-soft);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;line-height:1.45;display:flex}.api-secret__warning svg{flex:none;margin-top:2px}.api-secret__value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-md)!important}.api-code{color:var(--ink-2);background:var(--canvas);white-space:pre;border-radius:10px;margin:0;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.api-form{gap:12px;display:grid}.api-checks{gap:2px}.api-checks label.check{align-items:flex-start;gap:8px;min-height:36px;padding:4px 0;font-weight:400;display:flex}.api-checks label.check input{width:auto;margin-top:3px}.api-checks small{color:var(--muted)}.api-deliveries{gap:6px;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.api-deliveries li{border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.api-deliveries__main{gap:2px;min-width:0;display:grid}.api-deliveries__main small{color:var(--muted)}.api-deliveries__main .api-deliveries__error{color:var(--bad-ink);overflow-wrap:anywhere}.api-chart{gap:6px;margin:0;display:grid}.api-chart__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;display:flex}.api-chart__legend{color:var(--muted);font-size:var(--fs-sm);flex-wrap:wrap;gap:12px;display:flex}.api-chart__legend span{align-items:center;gap:6px;display:inline-flex}.api-chart__swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.api-chart__swatch--ok{background:var(--api-chart-ok)}.api-chart__swatch--bad{background:var(--api-chart-bad)}.api-chart__readout{color:var(--ink-2);font-size:var(--fs-md);font-variant-numeric:tabular-nums;margin:0}.api-chart svg{touch-action:pan-y;width:100%;height:auto;display:block}.api-chart__grid line{stroke:var(--line);stroke-width:1px}.api-chart__grid text,.api-chart__day{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.api-chart__ok{fill:var(--api-chart-ok)}.api-chart__bad{fill:var(--api-chart-bad)}.api-chart g.is-active .api-chart__ok,.api-chart g.is-active .api-chart__bad{opacity:.78}.api-chart__hit{fill:#0000;cursor:crosshair}.api-chart__table summary{color:var(--accent-text);font-size:var(--fs-md);cursor:pointer}.api-chart__table .table-wrap{max-height:240px;margin-top:6px;overflow:auto}@media (forced-colors:active){.api-chart__ok{fill:canvastext}.api-chart__bad{fill:highlight}}.api-plans-table input{font-variant-numeric:tabular-nums;width:110px;min-height:36px;padding:6px 8px}.api-plans-table td.is-changed input{border-color:var(--accent)}.api-plans-table .api-plans-table__error{color:var(--bad-ink);font-size:var(--fs-sm);display:block}.api-account-plan{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.api-account-plan select{width:auto;min-height:36px}.api-account-plan .form-hint{margin:0}@media (width<=640px){.api-list li{align-items:stretch}.api-list li>.btn{width:100%}.api-chart__grid text,.api-chart__day{font-size:13px}.api-plans-table input{width:100%}}
