.engine{border-radius:var(--r-modal);background:var(--bg-panel);text-align:left;border:1px solid oklch(30% .012 255);overflow:hidden}.engine__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.engine__steps{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.engine__step{color:oklch(75% .01 255);min-height:36px;font:500 13px var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 11px}.engine__step:hover{background:var(--bg-hover)}.engine__step[aria-current=step]{color:#fff;background:oklch(28% .012 255);font-weight:600;box-shadow:inset 0 0 0 1px oklch(40% .012 255)}.engine__step-number{font-family:var(--font-mono);opacity:.7;margin-right:6px}.engine__play{color:var(--text-dim);font:500 12px var(--font-mono);align-items:center;gap:8px;margin-left:auto;display:flex}.engine__progress{background:var(--line);border-radius:2px;width:64px;height:3px;display:block;overflow:hidden}.engine__progress span{background:var(--confirmed);width:0;height:100%;animation:linear forwards engine-progress;display:block}.engine__play.is-paused .engine__progress span{background:oklch(60% .01 255);animation-play-state:paused}.engine__progress span.is-full{width:100%;animation:none}@keyframes engine-progress{to{width:100%}}.engine__body{grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));display:grid}.engine__board{flex-direction:column;gap:16px;min-width:0;padding:22px 24px;display:flex}.engine__caption{min-height:50px;font-size:17px;line-height:1.45}.timetable{grid-template-columns:minmax(64px,88px) minmax(0,1fr);row-gap:8px;display:grid}.timetable__row{display:contents}.timetable__axis{height:16px;color:var(--text-dim);font:500 11px var(--font-mono);position:relative}.timetable__axis span{position:absolute;transform:translate(-50%)}.timetable__axis span:first-child{transform:none}.timetable__axis span:last-child{right:0;transform:none;left:auto!important}.timetable__name{align-self:center}.timetable__name strong{font-size:14px;font-weight:600;display:block}.timetable__name span{color:var(--text-dim);font-size:12px}.timetable__track{border-radius:var(--r-input);background:var(--closed);position:relative}.timetable__open{border-radius:var(--r-input);background:var(--open) var(--open-dots) 0 0 / 12px 12px;transition:width var(--dur-slow,.6s) ease;position:absolute;inset-block:0;box-shadow:inset 0 0 0 1px oklch(32% .012 255)}.slot{font:600 11px var(--font-mono);white-space:nowrap;transition:opacity .35s ease, transform .45s var(--ease-bounce), top .45s var(--ease-bounce), background-color .4s, border-color .4s, color .4s;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:0 6px;display:flex;position:absolute;overflow:hidden}.slot span{text-overflow:ellipsis;overflow:hidden}.slot em{font-style:normal}.slot--hold{border:1.5px dashed var(--hold);color:var(--hold-text);background:oklch(85% .13 80/.16)}.slot--confirmed{border:1.5px solid var(--confirmed);background:var(--confirmed);color:var(--text-on-light)}.slot--rejected{z-index:2;border:1.5px solid var(--conflict);color:var(--conflict-text);background:oklch(22% .04 25)}.engine__legend{color:oklch(75% .01 255);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.legend{align-items:center;gap:6px;display:flex}.legend:before{content:"";width:14px;height:14px;font:700 9px/11px var(--font-mono);text-align:center;border-radius:3px}.legend--open:before{background:var(--open) radial-gradient(oklch(40% .012 255) 1px, transparent 1px) 0 0 / 5px 5px;box-shadow:inset 0 0 0 1px oklch(40% .012 255)}.legend--closed:before{background:repeating-linear-gradient(135deg,oklch(32% .01 255) 0 1px,oklch(18% .01 255) 1px 4px)}.legend--hold:before{content:"◷";border:1.5px dashed var(--hold);color:oklch(88% .11 85)}.legend--confirmed:before{content:"✓";background:var(--confirmed);color:var(--text-on-light);line-height:14px}.legend--rejected:before{content:"✕";border:1.5px solid var(--conflict);color:oklch(82% .12 25)}.engine__wire{border-left:1px solid var(--line);background:var(--bg-sunken);min-width:0;font:12.5px/1.65 var(--font-mono);flex-direction:column;display:flex}@media (width<=1047px){.engine__wire{border-top:1px solid var(--line);border-left:0}}.wire__pane{border-bottom:1px solid oklch(26% .012 255);min-width:0;padding:16px 20px}.wire__pane--log{border-bottom:0;flex:1}.wire__title{color:var(--text-dim);font:500 12px var(--font-sans);letter-spacing:0;margin-bottom:6px}.wire__code{font:inherit;margin:0;overflow-x:auto}.wire__code code{font:inherit}.wire__code--request{min-height:140px}.wire__code--response{min-height:62px}.webhook-log{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.webhook-log li{color:var(--text-dim);border-radius:6px;justify-content:space-between;gap:12px;padding:5px 10px;transition:background-color .4s;display:flex}.webhook-log li.is-new{color:oklch(92% .05 165);background:oklch(26% .04 165)}.webhook-log code{font:inherit}@media (width<=520px){.timetable__axis span:nth-child(2n){display:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:oklch(14% .012 255);--bg-site:oklch(16% .012 255);--bg-workspace:oklch(17% .012 255);--bg-panel:oklch(19% .012 255);--bg-hover:oklch(20% .012 255);--bg-raised:oklch(24% .012 255);--bg-sunken:oklch(15% .012 255);--bg-code:oklch(13% .012 255);--bg-input:oklch(13% .012 255);--bg-well:oklch(12% .012 255);--line:oklch(28% .012 255);--line-soft:oklch(24% .012 255);--line-strong:oklch(36% .012 255);--text:oklch(94% .005 250);--text-muted:oklch(72% .01 255);--text-dim:oklch(65% .01 255);--text-on-light:oklch(16% .012 255);--confirmed:oklch(80% .13 165);--confirmed-text:oklch(85% .1 165);--confirmed-tint:oklch(80% .13 165/.12);--hold:oklch(85% .13 80);--hold-text:oklch(90% .1 85);--hold-tint:oklch(85% .13 80/.1);--conflict:oklch(74% .15 25);--conflict-text:oklch(85% .1 25);--conflict-line:oklch(45% .08 25);--conflict-tint:oklch(74% .15 25/.1);--open:oklch(25% .012 255);--open-dots:radial-gradient(oklch(36% .012 255) 1px, transparent 1px);--closed:repeating-linear-gradient(135deg, oklch(22% .01 255) 0 2px, oklch(18% .01 255) 2px 7px);--mode-test:var(--hold);--mode-test-ink:oklch(20% .03 70);--mode-live:var(--confirmed);--mode-live-frame:oklch(45% .08 165);--focus-ring:var(--hold);--tok-method:oklch(85% .13 80);--tok-key:oklch(78% .09 262);--tok-string:oklch(85% .1 150);--tok-number:oklch(82% .1 320);--tok-literal:oklch(85% .12 80);--tok-comment:oklch(60% .01 255);--tok-ok:oklch(82% .13 165);--tok-bad:oklch(78% .14 25);--font-sans:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--r-pill:5px;--r-control:7px;--r-input:8px;--r-panel:10px;--r-card:12px;--r-modal:14px;--shadow-overlay:0 24px 60px oklch(0% 0 0/.5);--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-bounce:cubic-bezier(.3, 1.4, .5, 1);--gutter:24px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-site);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}p{text-wrap:pretty;margin:0}a{color:oklch(82% .12 165)}a:hover{color:oklch(90% .1 165)}code,pre,kbd{font-family:var(--font-mono);font-size:13px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::placeholder{color:oklch(62% .01 255)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.button{border-radius:var(--r-control);background:var(--text);min-height:38px;color:var(--text-on-light);font:600 14px var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease-out);border:0;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:9px 15px;text-decoration:none;display:inline-flex}.button:hover{color:var(--text-on-light);background:#fff}.button[disabled]{opacity:.7;cursor:progress}.button--accent{background:var(--confirmed)}.button--accent:hover{background:oklch(86% .12 165)}.button--large{border-radius:var(--r-input);min-height:46px;padding:12px 18px;font-size:15px}.button--quiet{border:1px solid var(--line-strong);color:inherit;background:0 0;font-weight:500}.button--quiet:hover{color:inherit;background:oklch(22% .012 255)}.button--danger{background:var(--conflict);color:oklch(18% .03 25)}.button--danger:hover{color:oklch(18% .03 25);background:oklch(78% .15 25)}.button--small{border-radius:6px;min-height:0;padding:6px 11px;font-size:13px;font-weight:500}.button--danger.button--small{border:1px solid var(--conflict-line);color:var(--conflict-text);background:0 0}.button--danger.button--small:hover{background:var(--conflict-tint)}.copy{border:1px solid var(--line-strong);min-height:28px;color:inherit;font:500 12.5px var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;padding:4px 9px}.copy--big{border-color:var(--text);background:var(--text);min-height:44px;color:var(--text-on-light);padding:10px 16px;font-size:14px;font-weight:600}.copy.is-copied{border-color:var(--confirmed);color:oklch(88% .1 165);background:oklch(80% .13 165/.15)}.actions{flex-wrap:wrap;gap:10px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:500}.field .hint{color:oklch(68% .01 255);font-size:13px}.input{border:1px solid var(--line-strong);border-radius:var(--r-input);background:var(--bg-input);width:100%;color:inherit;font:15px var(--font-sans);padding:11px 12px}.input:focus-visible{border-color:var(--hold);outline-offset:1px}.input[aria-invalid=true]{border:1.5px solid var(--conflict)}select.input{padding-block:10px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23a3abb8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:38px}select.input:disabled{cursor:not-allowed;opacity:.6}.input--compact{padding:8px 10px;font-size:14px}select.input--compact{background-position:right 10px center;padding-right:32px}.error-text{color:oklch(82% .12 25);gap:6px;font-size:13px;display:flex}.alert{border:1px solid var(--conflict);border-radius:var(--r-input);background:var(--conflict-tint);gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.alert__glyph{color:oklch(82% .12 25);font-weight:700}.alert a{font-weight:600}.mode-chip{font:600 11.5px var(--font-mono);letter-spacing:.06em;white-space:nowrap;border-radius:4px;padding:2px 7px;display:inline-block}.mode-chip--test{background:var(--mode-test);color:var(--mode-test-ink)}.mode-chip--live{background:var(--mode-live);color:var(--text-on-light)}