:root{--bt-error: #ba1a1a;--bt-error-container: #ffdad6;--bt-on-error-container: #93000a}button,textarea,select{font:inherit}button{cursor:pointer}.btn{border:0;font-family:var(--font-body)}.btn:disabled{opacity:.58;cursor:wait;transform:none}.try-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;padding:32px;border:1px solid var(--bt-border);border-radius:var(--radius-lg);background:var(--bt-lowest)}#try{scroll-margin-top:88px}#try .sec-head{margin-bottom:24px}#try-form,.try-result{min-width:0}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:14px;font-weight:600}.field textarea,.field select,.field input{color:var(--bt-ink);background:var(--bt-lowest);border:1px solid var(--bt-border);border-radius:var(--radius-sm);padding:12px;width:100%;min-width:0}.field textarea{resize:vertical;min-height:134px;font-size:15px;line-height:1.6}.field select{min-height:48px;font-size:14px}.field textarea:focus,.field select:focus{border-color:var(--bt-primary)}.field textarea[aria-invalid=true]{border-color:var(--bt-error)}.field-error{font-size:14px;color:var(--bt-error);margin:0}.try-options{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:20px}.key-area{border-top:1px solid var(--bt-border-soft);margin-top:24px;padding-top:20px;font-size:13px}.key-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--bt-ink-soft)}.key-heading>span:first-child{color:var(--bt-primary);font-weight:600}.key-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}.key-controls code{font:13px var(--font-mono);overflow-wrap:anywhere;min-width:0}.key-controls>div{display:flex;gap:4px}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:none;border:0;border-radius:var(--pill);padding:8px 10px;font:600 13px var(--font-body);color:var(--bt-primary);text-decoration:none}.text-button:hover{background:var(--bt-low)}.try-actions{display:flex;flex-direction:column;gap:4px;margin-top:24px}.try-actions .btn{width:100%;padding:10px 20px;min-height:52px;font-size:15px}.try-status{display:flex;align-items:start;gap:10px;margin-top:20px;background:var(--bt-low);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.try-status.error{background:var(--bt-error-container);color:var(--bt-on-error-container)}.try-status p{margin:0}.try-status small{display:block;margin-top:4px}.action-note{margin:10px 0 0;color:var(--bt-ink-soft);font-size:13px}.action-note:empty{display:none}.try-result{position:relative;display:flex;flex-direction:column;gap:16px}#result-image{border-radius:var(--radius-md);overflow:hidden;background:var(--bt-low)}#result-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.conversion{margin:0 0 24px;color:var(--bt-primary);font-size:15px;font-weight:600}@media (max-width: 720px){.try-panel{grid-template-columns:1fr;gap:24px;padding:20px 16px;border-radius:var(--radius)}.try-options{gap:12px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);margin-top:16px}.try-actions{margin-top:20px}.key-heading{font-size:12px;gap:6px}.key-controls>div{margin-left:-8px}.key-controls{gap:0}.try-result{gap:12px}.try-status{padding:12px}#try{scroll-margin-top:80px}.try-result #playground{font-size:14px}}.try-result{scroll-margin-top:80px}.sample-caption{margin:0;font-size:13px;color:var(--bt-text-secondary, #5f6b66)}#result-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:16px}#try [hidden]{display:none!important}.try-panel .btn{color:var(--bt-on-primary, #fff)}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}#result-meta{margin:0;color:var(--bt-ink-soft);line-height:1.7;overflow-wrap:anywhere}.request-code{margin-top:4px}.request-code pre{font-size:12px;line-height:1.65;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}#result-wait{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:var(--radius-md);background:var(--bt-low)}#result-wait p{margin:0}.spinner{width:30px;height:30px;border:3px solid var(--bt-border);border-top-color:var(--bt-primary);border-radius:50%;animation:try-spin 1s linear infinite}@keyframes try-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}@media (min-width: 721px){.try-result.has-result #result-image img{max-height:200px;object-fit:contain;aspect-ratio:auto}}.try-result.has-result #result-image img{object-fit:contain}a.js-cta[aria-disabled=true]{opacity:.58;cursor:wait}.hero-price{margin:0 0 16px;color:var(--bt-primary);font:600 24px/1.3 var(--font-head)}.promo-image-count{margin:12px 0 0;color:var(--bt-primary);font-size:14px;font-weight:600}.hero h1{margin-bottom:12px}.sample-card{min-width:0}.hero .sample-card{border:1px solid var(--bt-border-soft);border-radius:var(--radius);background:var(--bt-lowest);overflow:hidden}.sample-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.sample-switch{display:flex;gap:8px;padding:8px 16px 0}.sample-switch .text-button{min-height:44px;padding:0 16px;border:1px solid var(--bt-border);border-radius:var(--pill);text-decoration:none}.sample-switch [aria-pressed=true]{color:var(--bt-green-deep);background:var(--bt-green-soft)}.sample-prompt{margin:0;padding:0 16px 16px;color:var(--bt-ink-soft);font-size:13px;line-height:1.5}.hero .sample-caption{padding:8px 16px;text-align:left}.endpoint-line{overflow-wrap:anywhere}.example-tabs{flex-wrap:wrap;border-color:var(--bt-border-soft);padding:0;margin-bottom:16px}.example-tabs .tab{color:var(--bt-ink-soft)}.example-tabs .tab[aria-selected=true]{color:var(--bt-primary);background:var(--bt-green-soft);border-bottom-color:var(--bt-primary)}#billing-rules{scroll-margin-top:88px}@media (max-width: 720px){.hero-grid{gap:24px}.hero-price{font-size:22px;margin-bottom:12px}.hero .lead,.hero .eyebrow{margin-bottom:12px}}
