.try [hidden]{display:none!important}.try{min-height:calc(100svh - 68px);padding-top:clamp(32px,6vw,72px)}.try__wrap{max-width:calc(820px + 2 * var(--gutter));gap:18px;display:grid}.try__card{gap:24px;display:grid}.try h1:focus{outline:none}html[data-motion=full] .try__log .msg{animation:try-in .35s var(--ease)}@keyframes try-in{0%{opacity:0;transform:translateY(8px)}}.try__examples{gap:10px;padding:0 4px;display:grid}.try__chips{flex-wrap:wrap;gap:10px;display:flex}.try .chip{font-family:var(--font);cursor:pointer;transition:border-color .2s var(--ease), background-color .2s var(--ease)}.try .chip:hover{border-color:var(--accent)}.try__actions{align-items:center;gap:10px;display:flex}.try__actions [data-send]{margin-left:auto}.try__card[data-busy] .dots{display:inline-flex}.try__card[data-busy] [data-send]{background:var(--ink-quiet);cursor:progress}.try__status:empty{display:none}.try__status{background:var(--error-tint);color:var(--error)}.try__frame{border:1px solid var(--hairline-strong);border-radius:var(--r-lg);background:#fff;flex-direction:column;width:100%;height:min(720px,75svh);display:flex;position:relative;overflow:hidden}.try__frame iframe{border:0;flex:1;width:100%;min-height:0;display:block}.try[data-phone] .try__frame{border-radius:var(--r-xl);align-self:center;max-width:392px}.try__expand,.try__close{border:1px solid var(--hairline-strong);border-radius:var(--r-sm);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0;display:inline-flex}.try__tools{border-bottom:1px solid var(--hairline);background:var(--bone);justify-content:flex-end;gap:8px;padding:6px 8px;display:flex}.try__tool{border:1px solid var(--hairline-strong);border-radius:var(--r-sm);height:32px;color:var(--ink);font:600 12px/1 var(--font);white-space:nowrap;cursor:pointer;background:#fff;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.try__tool svg{width:14px;height:14px}.try__tool:hover{background:var(--bone)}.try__tool[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.try__tool:disabled{opacity:.5;cursor:not-allowed}.try__pop{z-index:1;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:#fff;gap:10px;width:min(320px,100% - 16px);padding:12px;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 12px 32px #0000002e}.try__pop .try__chips{gap:6px}.try__pop .chip{min-height:28px;padding:0 12px;font-size:13px}.try__pop form{justify-items:end;gap:8px;display:grid}.try__pop textarea{resize:none;width:100%}.try__picked,.try__about{border-radius:var(--r-xs);color:var(--accent-ink);font:600 12px/1.6 var(--font-mono);overflow-wrap:anywhere;background:#5a5fcf1a;justify-self:start;margin:0;padding:2px 8px}.try__about{margin-bottom:4px;display:inline-block}.try__expand:hover,.try__close:hover{background:var(--bone)}.try__expand svg,.try__close svg{width:16px;height:16px}.try__window{border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:#fff;width:min(1400px,100vw - 48px);max-width:none;height:calc(100dvh - 48px);max-height:none;padding:0;overflow:hidden;box-shadow:0 24px 64px #00000040}.try__window[open]{flex-direction:column;display:flex}.try__window::backdrop{background:#1d1c1d80}html[data-motion=full] .try__window[open]{animation:try-in .25s var(--ease)}.try__chrome{border-bottom:1px solid var(--hairline);background:var(--chrome);align-items:center;gap:12px;padding:8px 10px 8px 14px;display:flex}.try__lights{gap:6px;display:inline-flex}.try__lights i{background:var(--hairline-strong);border-radius:50%;width:12px;height:12px}.try__url{border-radius:var(--r-pill);min-width:0;color:var(--ink-mute);font:13px/1.4 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#fff;flex:1;margin:0;padding:6px 12px;overflow:hidden}.try__view{background:var(--panel);flex:1;justify-content:center;min-height:0;display:flex;position:relative}.try__view iframe{background:#fff;border:0;width:100%;height:100%}.try[data-phone] .try__view iframe{border-inline:1px solid var(--hairline);width:min(390px,100%)}[data-restart]{justify-self:start}.try__bar{border-bottom:1px solid var(--hairline);justify-content:center;align-items:center;min-height:52px;display:flex}.try__stages{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.try__stages li,.try__stages button{border-radius:var(--r-pill);height:28px;font:600 12px/1 var(--font-mono);color:var(--ink-mute);background:#f0eff499;border:0;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.try__stages li:has(>button){background:0 0;padding:0}.try__stages [data-state=current]{background:var(--ink);color:#fff}.try__stages [data-state=done],.try__stages [data-state=done] button{background:var(--bone);color:var(--ink)}.try__stages button{cursor:pointer}.try__stages button:hover{background:var(--mist)}.try__check{width:12px;height:12px}.try__head{gap:12px;display:grid}.try__desktop{border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:var(--bone);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px;display:flex}.try__desktop>div{flex:260px;min-width:0}.try__desktop h2{font:600 15px/1.4 var(--font);margin:0}.try__log{gap:18px;margin:0;padding:0;list-style:none;display:grid}.try__log:empty{display:none}.try__log .msg__text{white-space:pre-wrap;font-size:15px;line-height:1.55}.try__log .msg__meta b{font-size:14px}.try__eyebrow{font:600 10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-quiet);margin-bottom:2px}.try__options{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.try__option{border:1px solid var(--hairline-strong);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 12px 8px 8px;font-size:14px;display:flex;box-shadow:0 1px 2px #0000000d}.try__option:hover{border-color:#1d1c1d40}.try__option:active{background:var(--bone);transform:translateY(1px)}.try__option[aria-pressed=true]{border-color:var(--accent);background:#5a5fcf14}.try__option[aria-pressed=true] .try__num{border-color:var(--accent);background:var(--accent);color:#fff}.try__done{margin-top:8px}.try__num{border:1px solid var(--hairline-strong);width:20px;height:20px;color:var(--ink-mute);font:12px/1 var(--font-mono);background:#f0eff499;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.try__link{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.try__link code{overflow-wrap:anywhere;background:var(--bone);min-width:0;font:13px/1.4 var(--font-mono);-webkit-user-select:all;user-select:all;border-radius:8px;padding:6px 10px}.try__composer{background:#fff;border:1px solid #1d1c1d4d;border-radius:12px;gap:8px;padding:8px;display:grid;box-shadow:0 1px 2px #0000000d}.try__composer:focus-within{border-color:#1d1c1d99}.try__composer textarea.field{min-height:0;box-shadow:none;resize:none;border:0;padding:6px 8px}.try__address{gap:8px;padding:4px;display:grid}.try__kbd{align-items:center;gap:4px;display:inline-flex}.try__kbd kbd{font:600 11px var(--font-mono);background:#f0eff4b3;border:1px solid #e6e5ebb3;border-radius:4px;padding:2px 6px}.try[data-stage]:where(:not([data-stage=idea])){min-height:0;padding:0 0 16px}.try[data-stage]:where(:not([data-stage=idea])) .try__wrap{grid-template-rows:auto minmax(0,1fr);gap:16px;height:calc(100dvh - 84px)}.try[data-stage]:where(:not([data-stage=idea])) .try__card{flex-direction:column;gap:16px;min-height:0;padding:clamp(16px,2.4vw,24px);display:flex}.try[data-stage]:where(:not([data-stage=idea])) .try__head .h2{font-size:clamp(20px,2.4vw,26px)}.try__scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.try__card>:not(.try__scroll){flex-shrink:0}body:has(.try[data-stage]:where(:not([data-stage=idea]))) .footer{display:none}.try__log .msg--you{grid-template-columns:minmax(0,auto) 28px;justify-self:end;max-width:80%}.try__log .msg--you .avatar{order:1}.try__log .msg--you>div{background:var(--bone);text-align:right;border-radius:12px 4px 12px 12px;padding:8px 12px}.try[data-stage=preview] .try__wrap{max-width:none}@media (min-width:1024px){.try[data-stage=preview] .try__card{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;display:grid}.try[data-stage=preview] .try__card>*{grid-column:1}.try[data-stage=preview] .try__frame{grid-area:1/2/-1;height:100%}.try[data-stage=preview][data-phone] .try__card{grid-template-columns:minmax(0,1fr) 392px}}@media (max-width:1023.98px){.try[data-stage=preview] .try__wrap{height:auto}.try[data-stage=preview] .try__frame{order:-1}.try[data-stage=preview] .try__scroll{overflow:visible}}@media (max-width:640px){.try__kbd{display:none}.try__stages li,.try__stages button{padding:0 10px;font-size:11px}}