:root{--ink:#1a1a1a;--muted:#8a8a8a;--faint:#ececec;--line:#e6e6e6;--accent:#e5484d;--ok:#2f9e44;--sidebar:400px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{color:var(--ink);background:#fff;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.muted{color:var(--muted)}.page{padding:128px 24px 160px;transition:margin-right .2s}.with-sidebar .page{margin-right:var(--sidebar)}.doc,.doc-source{max-width:680px;margin:0 auto;font-family:Iowan Old Style,Charter,Georgia,serif;font-size:19px;line-height:1.65;display:block}.doc{cursor:text;min-height:50vh}.doc.empty{color:#c4c4c4}.doc>:first-child{margin-top:0}.doc h1,.doc h2,.doc h3{letter-spacing:-.01em;margin:1.6em 0 .5em;font-family:system-ui,-apple-system,sans-serif;line-height:1.25}.doc h1{font-size:2em}.doc h2{font-size:1.4em}.doc h3{font-size:1.15em}.doc p,.doc ul,.doc ol,.doc blockquote{margin:0 0 .9em}.doc ul,.doc ol{padding-left:1.4em}.doc li{margin:.15em 0}.doc blockquote{border-left:3px solid var(--line);color:#555;padding-left:1em}.doc code{font-family:var(--mono);background:#f5f5f5;border-radius:4px;padding:.1em .3em;font-size:.85em}.doc pre code{padding:1em;display:block;overflow-x:auto}.doc hr{border:0;border-top:1px solid var(--line);margin:2em 0}.doc table{border-collapse:collapse;margin-bottom:1em}.doc th,.doc td{border:1px solid var(--line);padding:.3em .6em}.doc-source{resize:none;width:100%;font-family:var(--mono);background:#fff;border:0;outline:0;min-height:50vh;font-size:15px;overflow:hidden}.corner{z-index:5;gap:2px;display:flex;position:fixed;top:26px;right:16px}.corner .icon-button{width:30px;height:30px}.icon-button.active{color:var(--ink)}.with-sidebar .corner{right:calc(var(--sidebar) + 16px)}.ghost{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:13px}.ghost:hover{color:var(--ink);background:#f3f3f3}.ghost.small{padding:2px 8px;font-size:12px}.ghost.danger:hover{color:var(--accent)}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:6px 16px}.primary:disabled{opacity:.3;cursor:default}.recorder{pointer-events:none;z-index:10;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed;top:14px;left:16px}.pill{pointer-events:auto;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#ffffffd1;border-radius:26px;align-items:center;gap:12px;width:min(440px,100vw - 112px);height:52px;padding:0 8px;transition:box-shadow .2s;display:flex;box-shadow:0 0 0 1px #0000000f,0 2px 4px #00000008,0 12px 32px #00000014}.pill.live{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 1px #e5484d40,0 0 #e5484d1f,0 12px 32px #00000014}50%{box-shadow:0 0 0 1px #e5484d66,0 0 0 6px #e5484d14,0 12px 32px #00000014}}.pill:focus-within{box-shadow:0 0 0 1px #0000001f,0 2px 4px #00000008,0 12px 32px #0000001a}.question{pointer-events:auto;background:var(--ink);color:#fff;border-radius:18px;align-items:center;gap:8px;max-width:min(440px,100vw - 48px);margin-left:10px;padding:8px 8px 8px 16px;font-size:14.5px;animation:.2s ease-out rise;display:flex;position:relative;box-shadow:0 8px 24px #0000001f}.question .icon-button{color:#aaa}.question .icon-button:hover{color:#fff;background:#ffffff1f}.question:before{content:"";background:var(--ink);border-radius:2px;width:12px;height:12px;position:absolute;top:-5px;left:14px;transform:rotate(45deg)}@keyframes rise{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.rec-error{pointer-events:auto;max-width:min(440px,100vw - 32px);color:var(--accent);background:#fff5f5;border-radius:999px;padding:4px 12px;font-size:12.5px}.mic{--level:0;cursor:pointer;background:var(--ink);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:box-shadow 80ms,background .2s,transform .1s;display:grid}.mic:hover{background:#333}.mic:active{transform:scale(.94)}.mic.recording,.mic.connecting,.mic.stopping{background:var(--accent);box-shadow:0 0 0 calc(4px + var(--level) * 10px) #e5484d29}.mic.connecting,.mic.stopping{opacity:.6}.stop-icon{background:#fff;border-radius:2.5px;width:11px;height:11px}.ticker{white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.ticker.overflowing{-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px);mask-image:linear-gradient(90deg,#0000,#000 48px)}.ticker-inner{display:inline-block}.said.handled{color:silver}.said.new,.said.pending{color:#888}.partial{color:var(--ink)}.type{flex:1;min-width:0}.type input{background:0 0;border:0;outline:0;width:100%;font-size:15px}.type input::placeholder{color:#aaa}.pill-end{color:var(--muted);flex:none;align-items:center;gap:4px;padding-right:6px;display:flex}kbd{color:#999;border:1px solid #e4e4e4;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:500 11px/1 system-ui,sans-serif}.icon-button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-button.small{width:20px;height:20px}.icon-button:hover{color:var(--ink);background:#0000000d}.thinking{gap:3px;padding:0 6px;display:inline-flex}.thinking i{background:#9a9a9a;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite bounce}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.spinner{border:2px solid var(--faint);border-top-color:var(--ink);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.spinner.tiny{border-width:1.5px;width:10px;height:10px}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{width:var(--sidebar);border-left:1px solid var(--line);font-family:var(--mono);z-index:20;background:#fcfcfc;flex-direction:column;font-size:11.5px;line-height:1.45;display:flex;position:fixed;top:0;bottom:0;right:0}.resize-handle{cursor:col-resize;z-index:1;width:6px;position:absolute;top:0;bottom:0;left:-3px}.resize-handle:hover,.resizing .resize-handle{background:var(--line)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing .page,body.resizing .recorder{transition:none}.sidebar header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;font-family:system-ui,sans-serif;font-size:13px;font-weight:600;display:flex}.inv-list{flex:1;padding:8px 10px 40px;overflow-y:auto}.inv{border-bottom:1px solid var(--line);padding:10px 4px}.inv-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;display:flex}.inv-meta .cached{color:var(--ok)}.inv-model{text-overflow:ellipsis;text-align:right;flex:1;min-width:0;overflow:hidden}.inv-speech{color:var(--ink);margin:6px 0;font-family:system-ui,sans-serif;font-size:13px}.inv-wait{color:var(--muted);font-style:italic}.inv-error{color:var(--accent);margin-top:4px}.step{margin-top:4px}.call{border-left:2px solid var(--ok);margin:4px 0;padding:2px 0 2px 8px}.call.fail{border-left-color:var(--accent)}.arg{gap:6px;display:flex}.arg-k{color:var(--muted);flex:none}.sidebar pre{white-space:pre-wrap;word-break:break-word;font:inherit;max-height:160px;margin:0;overflow-y:auto}.step-text{color:#555;margin:4px 0}.sidebar details summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none}.sidebar pre.raw{background:#f4f4f4;border-radius:4px;max-height:360px;margin-top:4px;padding:6px}.backdrop{z-index:50;background:#18181824;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.dialog{background:#fff;border-radius:16px;flex-direction:column;gap:18px;width:min(440px,100%);padding:22px 24px 20px;display:flex;box-shadow:0 0 0 1px #0000000d,0 24px 64px #00000024}.dialog header{justify-content:space-between;align-items:center;margin:0 -6px -10px 0;display:flex}.dialog h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.dialog .lede{color:var(--muted);margin:0;font-size:13.5px}.dialog .lede a{color:var(--ink);text-underline-offset:2px;text-decoration-color:#ccc}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.fields{grid-template-columns:1fr 128px;gap:12px;display:grid}.field>label:first-child{color:#666;font-size:12px;font-weight:500}.field input:not([type=checkbox]),.field select{width:100%;height:38px;color:var(--ink);background:#fafafa;border:1px solid #e2e2e2;border-radius:9px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.field input:not([type=checkbox]):focus,.field select:focus{background:#fff;border-color:#bbb;box-shadow:0 0 0 3px #0000000d}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:30px}.field input[type=password]{letter-spacing:.08em}.field input::placeholder{letter-spacing:normal;color:#aaa}.label-note{color:#aaa;margin-left:4px;font-weight:400}.field-hint{color:#999;font-size:12px}.field-hint a{white-space:nowrap}.field-hint a,a.field-hint{color:#777;text-underline-offset:2px;text-decoration-color:#ccc}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{color:#555;cursor:pointer;background:#fafafa;border:1px solid #e2e2e2;border-radius:999px;height:30px;padding:0 12px;font-size:13px;position:relative}.segmented button:hover{border-color:#ccc}.segmented button.on{background:var(--ink);border-color:var(--ink);color:#fff}.has-key{background:var(--ok);vertical-align:2px;border-radius:50%;width:5px;height:5px;margin-left:6px;display:inline-block}label.check{color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}label.check input{width:15px;height:15px;accent-color:var(--ink);margin:0}.dialog footer{border-top:1px solid #f0f0f0;align-items:center;gap:8px;margin-top:2px;padding-top:16px;display:flex}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.text-button.danger:hover{color:var(--accent)}.dialog .primary{border-radius:9px;height:36px;padding:0 20px;font-size:14px;font-weight:500}.spacer{flex:1}@media (width<=900px){.app{--sidebar:100vw!important}.with-sidebar .page{margin-right:0}.with-sidebar .corner{z-index:30;right:16px}}@media (hover:none){.pill kbd{display:none}}