[data-view=Demo] .sample-requests{background:#fffdf8;border:1px solid #c9cec6;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 28px;width:min(1100px,100% - 48px);margin:24px auto;padding:24px;display:grid}[data-view=Demo] .sample-requests .eyebrow{margin:0 0 10px}[data-view=Demo] .sample-requests h2{margin:0 0 8px;font-size:1rem}[data-view=Demo] .sample-requests p:not(.eyebrow){color:#53635a;overflow-wrap:anywhere;margin:0;line-height:1.6}[data-view=Demo] .sample-requests code{color:#b73520}[data-view=Demo] .sample-actions{flex-wrap:wrap;gap:8px;display:flex}[data-view=Demo] .sample-actions button{color:#17231d;min-height:44px;font:400 1rem var(--font-mono);background:#fffdf8;border:1px solid #bfc6c0;border-radius:7px;padding:9px 12px}[data-view=Demo] .sample-actions button:hover:not(:disabled),[data-view=Demo] .sample-actions[aria-busy=true] button:hover{color:#fff;background:#17231d;border-color:#17231d}[data-view=Demo] .sample-actions button:focus-visible{outline-offset:3px;outline:2px solid #287348}[data-view=Demo] .sample-actions button:disabled{opacity:.55;cursor:not-allowed}[data-view=Demo] .sample-actions[aria-busy=true] button:disabled{opacity:1;cursor:wait}[data-view=Demo] .sample-requests p.sample-result{color:#237443;height:calc(3.2em + 15px);font-family:var(--font-mono);border-top:1px solid #d5d9d4;grid-column:1/-1;padding-top:14px;overflow:auto}[data-view=Demo] .sample-requests p.sample-result.error{color:#b73520}[data-view=Demo] [data-view=Inspector] .app{height:auto}[data-view=Demo] [data-view=Inspector] .app main{height:auto;overflow:visible}@media (max-width:1000px){[data-view=Demo] .sample-requests{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){[data-view=Demo] .sample-requests{width:calc(100% - 24px);padding:20px}}
