.ug-agent-page{min-height:100svh;display:flex;flex-direction:column}.ug-agent-page .ug-agent{flex:1;width:min(100% - 44px,760px);margin:0 auto;padding-block:28px 72px}.ug-agent-page .ug-agent h1{font-size:clamp(36px,5.2vw,60px);line-height:1.04}.ug-agent-page .ug-agent h2{margin-top:56px;font-size:clamp(28px,3.4vw,38px);scroll-margin-top:24px}.ug-agent-page .ug-agent h3{font-size:17px;font-weight:650;line-height:1.3}.ug-agent-page .ug-agent-lede{max-width:600px;margin-top:20px;color:var(--ug-muted);font-size:17px;line-height:1.6}.ug-agent-page .ug-agent-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ug-agent-page .ug-agent-jump a{min-height:44px;display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--ug-control);border-radius:8px;font-size:14px;font-weight:600}.ug-agent-page .ug-agent-jump a:hover{border-color:var(--ug-ink)}.ug-agent-page .ug-agent-examples,.ug-agent-page .ug-agent-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.ug-agent-page .ug-agent-examples li,.ug-agent-page .ug-agent-steps>li{padding:18px 20px;border:1px solid var(--ug-line);border-radius:10px;background:#fff}.ug-agent-page .ug-agent-say{font-weight:650;line-height:1.45}.ug-agent-page .ug-agent-result{margin-top:6px;color:var(--ug-muted);line-height:1.55}.ug-agent-page .ug-agent-helper{margin-top:16px;color:var(--ug-muted);font-size:14px;line-height:1.55}.ug-agent-page .ug-agent-steps{counter-reset:agent-step}.ug-agent-page .ug-agent-steps>li{counter-increment:agent-step;position:relative;padding-left:62px}.ug-agent-page .ug-agent-steps>li:before{content:counter(agent-step);position:absolute;left:20px;top:17px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ug-ink);color:var(--ug-paper);font-size:14px;font-weight:650}.ug-agent-page .ug-agent-steps>li>p{margin-top:10px;line-height:1.6}.ug-agent-page .ug-agent-steps>li>:is(.ug-agent-add,.ug-agent-address,.ug-agent-message,.ug-agent-copy){margin-top:14px}.ug-agent-page .ug-agent-note{color:var(--ug-muted);font-size:14px}.ug-agent-page .ug-agent-link{text-decoration:underline;text-underline-offset:3px}.ug-agent-page .ug-agent-add{display:inline-flex;gap:20px}.ug-agent-page .ug-agent-address{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px 10px 16px;border:1px solid var(--ug-line);border-radius:8px;background:var(--ug-soft)}.ug-agent-page .ug-agent-address code{flex:1 1 260px;min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;-webkit-user-select:all;user-select:all}.ug-agent-page .ug-agent-message{margin:0;padding:16px 18px;border-left:3px solid var(--ug-brand);border-radius:0 8px 8px 0;background:var(--ug-soft);font-size:15px;line-height:1.65}.ug-agent-page .ug-agent-copy{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.ug-agent-page .ug-agent-copy-button{min-height:44px;padding:9px 18px;border:1px solid var(--ug-control);border-radius:6px;background:transparent;color:var(--ug-ink);font-size:13px;font-weight:600}.ug-agent-page .ug-agent-copy-button:hover{border-color:var(--ug-ink)}.ug-agent-page .ug-agent-copy button[hidden]{display:none}.ug-agent-page .ug-agent-copy-status{color:var(--ug-muted);font-size:12px}.ug-agent-page .ug-agent-copy-status:empty{display:none}.ug-agent-page .ug-agent-chat{display:grid;gap:10px;margin-top:24px;max-width:520px}.ug-agent-page .ug-agent-bubble{max-width:88%;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5}.ug-agent-page .ug-agent-bubble span{display:block;margin-bottom:2px;color:var(--ug-muted);font-size:11px;font-weight:650;letter-spacing:.06em}.ug-agent-page .ug-agent-bubble-you{justify-self:end;background:var(--ug-soft);border:1px solid var(--ug-line)}.ug-agent-page .ug-agent-bubble-agent{justify-self:start;background:#fff;border:1px solid var(--ug-line)}.ug-agent-page .ug-agent-safe{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}.ug-agent-page .ug-agent-safe li{display:flex;align-items:flex-start;gap:14px;line-height:1.55}.ug-agent-page .ug-agent-icon{flex:none;width:24px;height:24px;margin-top:1px;color:var(--ug-muted)}.ug-agent-page .ug-agent-notice{margin-top:22px;padding:16px 20px;border:1px solid var(--ug-line);border-radius:10px;background:var(--ug-soft);line-height:1.6}.ug-agent-page .ug-agent-notice a{margin-top:12px}.ug-agent-page .ug-agent-secondary{display:inline-flex;align-items:center}.ug-agent-page .ug-agent-hand{margin-top:18px;padding-top:16px;border-top:1px solid var(--ug-line)}.ug-agent-page .ug-agent-hand h4{margin:0;font-size:14px;font-weight:650}.ug-agent-page .ug-agent-hand>p{margin-top:8px;line-height:1.6}.ug-agent-page .ug-agent-hand>.ug-agent-address{margin-top:12px}.ug-agent-page .ug-agent-hand>.ug-agent-note{margin-top:10px}.ug-agent-page .ug-agent-sub{margin:10px 0 0;padding-left:22px;color:var(--ug-muted);font-size:15px;line-height:1.6}.ug-agent-page .ug-agent-steps>li>.ug-agent-sub{display:block;gap:0}.ug-agent-page .ug-agent-sub li{list-style:decimal;padding:0;border:0;border-radius:0;background:none}.ug-agent-page .ug-agent-sub li:before{content:none}.ug-agent-page .ug-agent-details{margin-top:16px}.ug-agent-page .ug-agent-details>summary{min-height:44px;display:flex;align-items:center;padding:10px 18px;border:1px solid var(--ug-control);border-radius:8px;font-weight:600;cursor:pointer}.ug-agent-page .ug-agent-details>summary:hover{border-color:var(--ug-ink)}.ug-agent-page .ug-agent-details[open]>summary{margin-bottom:4px}.ug-agent-page .ug-agent-later{margin-top:56px;padding-top:18px;border-top:1px solid var(--ug-line);color:var(--ug-muted);font-size:13px;line-height:1.55}.ug-agent-page .ug-agent-later strong{margin-right:6px;color:var(--ug-ink);font-weight:650}@media(max-width:600px){.ug-agent-page .ug-agent{padding-block:12px 48px}.ug-agent-page .ug-agent h2{margin-top:40px}.ug-agent-page .ug-agent-lede{font-size:16px}.ug-agent-page .ug-agent-steps>li{padding:16px 16px 18px}.ug-agent-page .ug-agent-steps>li:before{position:static;margin-bottom:10px}.ug-agent-page .ug-agent-add,.ug-agent-page .ug-agent-copy-primary{width:100%}.ug-agent-page .ug-agent-copy{display:flex}.ug-agent-page .ug-agent-bubble{max-width:94%}}
