:root{--bg:#f7f7f9;--panel:#fff;--text:#131417;--muted:#5f636b;--faint:#9397a0;--line:#e5e6ea;--line-strong:#cfd2d8;--accent:#5e6ad2;--accent-ink:#fff;--accent-soft:#eceefb;--shadow:0 1px 2px #1011140d,0 10px 32px #10111412;--radius:16px;--danger:#d64545;--danger-soft:#fbeaea;--glow:radial-gradient(60% 50% at 50% 35%,#5e6ad21a,transparent 70%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1012;--panel:#17181b;--text:#ececef;--muted:#9a9ea6;--faint:#6b6f76;--line:#26282d;--line-strong:#34373d;--accent:#7a84e8;--accent-ink:#0f1012;--accent-soft:#1f2133;--shadow:0 1px 2px #0006,0 12px 36px #00000073;--danger:#ef6a6a;--danger-soft:#2d1b1d;--glow:radial-gradient(60% 50% at 50% 35%,#7a84e81f,transparent 70%)}}:root[data-theme=dark]{--bg:#0f1012;--panel:#17181b;--text:#ececef;--muted:#9a9ea6;--faint:#6b6f76;--line:#26282d;--line-strong:#34373d;--accent:#7a84e8;--accent-ink:#0f1012;--accent-soft:#1f2133;--shadow:0 1px 2px #0006,0 12px 36px #00000073;--danger:#ef6a6a;--danger-soft:#2d1b1d;--glow:radial-gradient(60% 50% at 50% 35%,#7a84e81f,transparent 70%)}*{box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;margin:0;font:15px/1.5 Inter,system-ui,-apple-system,sans-serif}#__nuxt{min-height:100%}button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}a,button{color:inherit}a{text-decoration:none}html.theming,html.theming *,html.theming :after,html.theming :before{transition:background-color .18s,border-color .18s,color .18s,fill .18s,stroke .18s,box-shadow .18s!important}.bar{z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);align-items:center;gap:12px;height:56px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.bar.lined{border-bottom:1px solid var(--line)}.brand{align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.brand .mark{background:linear-gradient(135deg,var(--accent),#9aa3ff);border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.brand .mark svg{width:13px;height:13px}.bar .spacer,.tools .grow{flex:1}.bar .meta{align-items:center;gap:8px;min-width:0;display:flex}.bar .title{text-overflow:ellipsis;max-width:42vw;font-weight:500;overflow:hidden}.bar .title,.tag{white-space:nowrap}.tag{color:var(--muted);border-radius:999px;padding:3px 8px;font-size:12px}.ghost,.tag{border:1px solid var(--line)}.ghost{height:32px;color:var(--text);background:var(--panel);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .15s;display:inline-flex}.ghost:hover{border-color:var(--line-strong)}.ghost svg{width:14px;height:14px}.icon{border:1px solid var(--line);background:var(--panel);width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;transition:border-color .15s,color .15s;display:grid}.icon:hover{border-color:var(--line-strong);color:var(--text)}.icon svg{width:15px;height:15px}.icon .sun{display:none}:root[data-theme=dark] .icon .sun{display:block}:root[data-theme=dark] .icon .moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon .sun{display:block}:root:not([data-theme=light]) .icon .moon{display:none}}.home{background:var(--glow);flex-direction:column;align-items:center;min-height:100vh;padding:96px 16px 64px;display:flex}.col{width:100%;max-width:720px;padding-top:calc(max(0px,40vh - 256px))}.hero{text-align:center}.hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:34px;font-weight:600;line-height:1.15}.hero p{color:var(--muted);margin:0 0 32px;font-size:16px}@media (width<=640px){.hero h1{font-size:26px}.hero p{font-size:15px}}.composer{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.composer:focus-within{border-color:var(--line-strong);box-shadow:var(--shadow),0 0 0 4px var(--accent-soft)}.composer textarea{resize:none;width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;max-height:40vh;padding:18px 20px 8px;font-size:16px;line-height:1.5;display:block;overflow-y:auto}.composer textarea::placeholder{color:var(--faint)}.tools{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px 10px 12px;display:flex}.chip{position:relative}.chip>button{height:30px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.chip.open>button,.chip>button:hover{background:var(--accent-soft);color:var(--text)}.chip>button .k{color:var(--faint);font-weight:400}.chip>button svg{opacity:.6;width:12px;height:12px}.menu{background:var(--panel);border:1px solid var(--line);width:300px;max-width:calc(100vw - 48px);box-shadow:var(--shadow);z-index:5;border-radius:12px;padding:6px;display:none;position:absolute;bottom:calc(100% + 8px);left:0}.chip.open .menu{display:block}.chip:not(.notes) .menu.flip{top:calc(100% + 8px);bottom:auto}.notes .menu.flip{top:auto;bottom:calc(100% + 8px)}.menu button{-moz-column-gap:12px;text-align:left;border-radius:8px;grid-template-columns:1fr 16px;align-items:center;column-gap:12px;width:100%;padding:9px 10px 9px 12px;line-height:1.35;display:grid}.menu button:hover{background:var(--accent-soft)}.menu button .n{color:var(--text);grid-area:1/1;font-size:13.5px;font-weight:500}.menu button .d{color:var(--muted);grid-area:2/1;margin-top:2px;font-size:12px}.menu button .c{visibility:hidden;grid-area:1/2/3;width:16px;height:16px}.menu button .c,.menu button.sel .n{color:var(--accent)}.menu button.sel .c{visibility:visible}.notes{position:relative}.notes .menu{cursor:default;width:420px;padding:16px 18px;inset:calc(100% + 8px) 0 auto auto}.notes .menu h4{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0 0 6px;font-size:12px;font-weight:600}.notes .menu p{color:var(--text);margin:0 0 14px;font-size:13.5px;line-height:1.55}.notes .menu p:last-child{margin-bottom:0}.notes .menu ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.notes .menu .cost{color:var(--faint);margin-top:12px;font-size:12px}.menu .h{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:6px 12px 4px;font-size:11px;font-weight:600}.send{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:10px;place-items:center;transition:opacity .15s,transform .1s;display:grid}.send:disabled{opacity:.35;cursor:default}.send:not(:disabled):active{transform:scale(.96)}.send svg{width:16px;height:16px}.examples{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:none}html[data-runs="0"] .examples{display:flex}.examples button{color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 12px;font-size:13px;transition:border-color .15s,color .15s}.examples button:hover{border-color:var(--line-strong);color:var(--text)}.foot{color:var(--faint);text-align:center;min-height:18px;margin-top:40px;font-size:12px}.runs{margin-top:44px}html[data-runs="0"] .runs{display:none}.run.enter{animation:.4s cubic-bezier(.2,.8,.2,1) both drop}@keyframes drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.runs-head{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:11px;font-weight:600;display:flex}.runs-head button{letter-spacing:0;text-transform:none;color:var(--muted);font-size:12px;font-weight:500}.runs-head button:hover{color:var(--text)}.run{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:92px 1fr 16px;align-items:center;gap:16px;width:100%;margin-bottom:10px;padding:12px 14px 12px 12px;transition:border-color .15s,box-shadow .15s;display:grid;box-shadow:0 1px 2px #1011140a}.run.done{cursor:pointer}.run.done:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.run .thumb{background:var(--accent-soft);border:1px solid var(--line);width:92px;height:62px;color:var(--accent);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.run .thumb iframe{transform-origin:0 0;pointer-events:none;opacity:0;background:0 0;border:0;width:760px;height:520px;transition:opacity .25s;position:absolute;top:0;left:0;transform:scale(.121053)}.run .thumb iframe.ready{opacity:1}.run .thumb .ring{border:1.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}.run.failed .thumb{background:var(--danger-soft);color:var(--danger)}.run .thumb svg{width:18px;height:18px}.run .body,.run .rs{min-width:0}.run .rq{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.run .rt{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.5px;overflow:hidden}.run .rs{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:flex}.run .rs .txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.run .rs .clock{color:var(--muted);flex:none}.run .rs .clock:before{content:"·";margin-right:6px}.run.running .rs{color:var(--text)}.run.failed .rs{color:var(--danger)}.run .rs svg{flex:none;width:13px;height:13px}.run .pill,.run.done .rs svg{color:var(--accent)}.run .pill{background:var(--accent-soft);border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:600}.run .rs .act{color:var(--text);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);flex:none;font-weight:500}.run .rs .act:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.run .go{width:16px;height:16px;color:var(--faint);visibility:hidden}.run.done .go{visibility:visible}@media (width<=560px){.run{grid-template-columns:68px 1fr 14px;gap:12px}.run .thumb{width:68px;height:46px}.run .thumb iframe{transform:scale(.0894737)}.run .rt{white-space:normal}}@keyframes spin{to{transform:rotate(1turn)}}.result{position:fixed;inset:56px 0 0}.result iframe{background:var(--bg);border:0;width:100%;height:100%;display:block}.result .wait{height:100%;color:var(--muted);text-align:center;place-items:center;padding:0 24px;font-size:14px;display:grid}.result .wait .ring{border:1.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:0 auto 14px;animation:.9s linear infinite spin}
