html,body{height:100%}body{flex-direction:column;display:flex}#root{isolation:isolate;--chat-width:400px;flex:1;min-height:0;display:flex;position:relative}#root.chat-on-left{flex-direction:row-reverse}#main{background:var(--color-bg-sunken);gap:var(--space-5);min-width:0;padding:var(--space-6);flex-direction:column;flex:1;display:flex;container-type:inline-size}#chat{flex:0 0 var(--chat-width);width:var(--chat-width);min-width:0;max-width:100%}.pg-header{scrollbar-width:none;align-items:center;gap:var(--space-3);display:flex;overflow-x:auto}.pill{align-items:center;gap:var(--space-3);height:24px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--color-tag-grey-bg);color:var(--color-text-secondary);font:var(--text-label-default-font-weight) var(--text-label-default-font-size) / 1 var(--text-label-default-font-family);white-space:nowrap;display:inline-flex}.pill strong{color:var(--color-tag-grey-fg);font-weight:var(--font-weight-medium)}.pill.is-ok{background:var(--color-tag-success-bg)}.pill.is-ok strong{color:var(--color-tag-success-fg)}.pill.is-off{background:var(--color-tag-error-bg)}.pill.is-off strong{color:var(--color-tag-error-fg)}.layout{gap:var(--space-5);flex:1;min-height:0;display:flex}.controls{gap:var(--space-5);padding:2px var(--space-4) 2px 2px;scrollbar-gutter:stable;flex-direction:column;flex:0 0 440px;margin:-2px;display:flex;overflow-y:auto}.events{flex-direction:column;flex:1;min-width:0;max-width:640px;display:flex}@container (width<=820px){.layout{flex-direction:column;overflow-y:auto}.controls{flex:none;width:min(100%,440px);overflow:visible}.events{flex:none;width:min(100%,440px);height:20rem}}.section{background:var(--color-bg-layer);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.section>summary{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);cursor:pointer;-webkit-user-select:none;user-select:none;font:var(--text-h4-font-weight) var(--text-h4-font-size) / var(--text-h4-line-height) var(--text-h4-font-family);border-radius:var(--radius-lg);list-style:none;display:flex}.section>summary::-webkit-details-marker{display:none}.section>summary:after{content:"";border-right:1.5px solid var(--color-text-placeholder);border-bottom:1.5px solid var(--color-text-placeholder);width:7px;height:7px;margin-left:auto;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.section[open]>summary:after{transform:translateY(2px)rotate(225deg)}.section>summary .summary-value{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.section-body{gap:var(--space-5);padding:0 var(--space-6) var(--space-6);flex-direction:column;display:flex}.events .section-body{min-height:0;padding-top:var(--space-5);flex:1}.events .section-head{font:var(--text-h4-font-weight) var(--text-h4-font-size) / var(--text-h4-line-height) var(--text-h4-font-family)}.row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.row .push{margin-left:auto}.field{gap:var(--space-3);font-size:var(--text-x-small-paragraph-font-size);line-height:var(--text-x-small-paragraph-line-height);color:var(--color-text-secondary);flex-direction:column;display:flex}.field-head{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-x-small-paragraph-font-size);color:var(--color-text-secondary);display:flex}.kind-panel{gap:var(--space-5);flex-direction:column;display:flex}.kind-panel[hidden]{display:none}.check{align-items:center;gap:var(--space-4);cursor:pointer;display:flex}.hint{color:var(--color-text-secondary);font-size:var(--text-x-small-paragraph-font-size);line-height:var(--text-x-small-paragraph-line-height)}.hint strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.error{color:var(--color-text-error);font-size:var(--text-x-small-paragraph-font-size)}.error:empty{display:none}code{background:var(--color-bg-neutral-subtle);border-radius:var(--radius-xs);padding:.1em .3em;font-size:.9em}button,select,input[type=text],input[type=number],textarea{font:var(--text-interactive-small-regular-font-weight) var(--text-interactive-small-regular-font-size) / var(--text-interactive-small-regular-line-height) var(--font-family-fakt);height:32px;padding:0 var(--space-5);color:var(--color-text-primary);border-radius:var(--radius-sm);border:0}button{cursor:pointer;font-weight:var(--font-weight-medium);background:var(--color-bg-secondary);white-space:nowrap}button:hover{background:var(--color-bg-secondary-hover)}button.primary{background:var(--color-bg-primary);color:var(--color-text-on-dark)}button.primary:hover{background:var(--color-bg-primary-hover)}button.ghost{font-weight:var(--font-weight-regular);background:0 0}button.ghost:hover{background:var(--color-bg-ghost-hover)}button.danger{color:var(--color-text-error);background:0 0}button.danger:hover{background:var(--color-bg-error-subtle)}select,input[type=text],input[type=number],textarea{background:var(--color-bg-input)}select:hover,input[type=text]:hover,input[type=number]:hover,textarea:hover{background:var(--color-bg-input-hover)}select:focus-visible,input:focus-visible,textarea:focus-visible{background:var(--color-bg-layer)}input::placeholder{color:var(--color-text-placeholder)}input[type=text]{flex:1;min-width:0}.select{flex:1;min-width:0;display:flex;position:relative}.select select{appearance:none;cursor:pointer;min-width:0;padding-right:var(--space-8);flex:1}.select:after{content:"";border-right:1.5px solid var(--color-text-secondary);border-bottom:1.5px solid var(--color-text-secondary);pointer-events:none;width:6px;height:6px;position:absolute;top:11px;right:14px;transform:rotate(45deg)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-bg-dark-layer);cursor:pointer;margin:0}input[type=range]{width:100%;accent-color:var(--color-bg-dark-layer);margin:0}output{color:var(--color-text-primary);font-family:var(--font-family-gheist-mono)}textarea,pre,.log{font-family:var(--font-family-gheist-mono);font-size:var(--text-x-small-paragraph-font-size);line-height:1.5}textarea{width:100%;height:auto;padding:var(--space-4) var(--space-5);resize:vertical}pre{background:var(--color-bg-dark-base);color:var(--color-text-on-dark);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);overflow-x:auto}.sub>summary{font-size:var(--text-x-small-paragraph-font-size);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.sub[open]>summary{margin-bottom:var(--space-4)}.source-list{gap:var(--space-3);max-height:10rem;padding:var(--space-4) var(--space-5);background:var(--color-bg-sunken);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow-y:auto}.source-list .check{font-size:var(--text-x-small-paragraph-font-size)}.log{background:var(--color-bg-sunken);border-radius:var(--radius-sm);min-height:0;padding:var(--space-2) 0;flex:1;overflow-y:auto}.log:empty:before{content:"No events yet.";padding:var(--space-4) var(--space-5);color:var(--color-text-placeholder);font-family:var(--font-family-fakt);display:block}.log-entry{gap:var(--space-5);padding:var(--space-3) var(--space-5);grid-template-columns:auto auto 1fr;display:grid}.log-entry+.log-entry{border-top:1px solid var(--color-border-subtle)}.log-entry time{color:var(--color-text-placeholder)}.log-entry .kind{font-weight:var(--font-weight-medium)}.log-entry.is-callback .kind{color:var(--color-text-accent)}.log-entry.is-error .kind{color:var(--color-text-error)}.log-entry .payload{color:var(--color-text-secondary);word-break:break-all;white-space:pre-wrap}#host-overlay{background:var(--color-bg-overlay);z-index:12;text-align:center;color:var(--color-text-on-dark);font-size:var(--text-default-paragraph-font-size);line-height:var(--text-default-paragraph-line-height);justify-content:center;align-items:center;display:none;position:absolute;inset:0}#host-overlay.is-open{display:flex}#host-overlay button{margin-top:var(--space-6);background:var(--color-bg-on-dark-primary)}#host-overlay button:hover{background:var(--color-bg-on-dark-primary-hover)}