.assistant-playground{min-width:0}.playground-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1.04fr);align-items:start;gap:28px;display:grid}.playground-editor{min-width:0;margin:0}.playground-section{gap:20px;display:grid}.playground-section-heading,.playground-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.playground-section-heading h2,.playground-preview-heading h2{letter-spacing:-.5px;margin:0 0 8px;font-size:20px}.playground-section-heading p,.playground-power-heading p,.playground-widget-copy p{color:var(--muted-ink);margin:0;font-size:14px;line-height:1.65}.playground-context-note{border:1px solid var(--boundary);background:var(--surface);border-radius:12px;padding:18px;font-size:14px;line-height:1.65}.playground-context-note p{color:var(--muted-ink);margin:6px 0 0}.playground-filters,.playground-source-meta,.playground-power-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.playground-source-list,.playground-widget-list{gap:14px;display:grid}.playground-source,.playground-power{border:1px solid var(--boundary);background:var(--paper);border-radius:16px;gap:16px;min-width:0;padding:20px;display:grid}.playground-source-title,.playground-power-heading{grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.playground-icon{width:20px;height:20px;color:var(--muted-ink);flex-shrink:0}.playground-text-action{text-align:start;cursor:pointer;min-width:0;min-height:44px;color:var(--ink);overflow-wrap:anywhere;background:0 0;border:0;gap:5px;padding:0;display:grid}.playground-text-action:hover{text-decoration:underline}.playground-text-action:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.playground-text-action span,.playground-source-meta,.playground-source-detail,.playground-power-footer,.playground-footnote{color:var(--muted-ink);font-size:13px;line-height:1.65}.playground-source-detail,.playground-footnote{overflow-wrap:anywhere;margin:0}.playground-power-heading h3,.playground-widget-copy h3{margin:0 0 6px;font-size:16px}.playground-power-facts{border-block:1px solid var(--boundary);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding-block:16px;display:grid}.playground-power-facts dt{color:var(--muted-ink);margin-bottom:5px;font-size:12px}.playground-power-facts dd{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.playground-widget-card{border:1px solid var(--boundary);background:var(--paper);border-radius:16px;overflow:hidden}.playground-widget-art{background:var(--surface);border-bottom:1px solid var(--boundary);place-items:center;gap:18px;padding:26px;display:grid}.playground-widget-symbol{width:44px;height:44px;color:var(--muted-ink)}.playground-widget-art span{color:var(--muted-ink);align-items:center;gap:12px;font-size:13px;display:flex}.playground-widget-copy{justify-items:start;gap:14px;padding:20px;display:grid}.playground-preview{gap:18px;min-width:0;display:grid;position:sticky;top:20px}.playground-preview .assistant-preview-context{margin:0;padding-bottom:12px}.playground-preview-heading{scroll-margin-block-start:24px}.playground-preview-heading:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.playground-preview-heading h2{margin:0}.playground-preview-connected{flex-direction:column;gap:12px;block-size:calc(100dvh - 48px);min-block-size:440px;display:flex}.playground-preview-connected>:not(.playground-stage){flex-shrink:0}.playground-preview-connected .playground-stage{background:0 0;border:0;flex:1;min-block-size:0;padding:0;display:flex}.playground-preview-connected .playground-chat-frame{min-block-size:0}.playground-chat-frame[hidden],.playground-sample-chat[hidden]{display:none}.playground-source-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.playground-source-choice{white-space:normal;min-inline-size:0;padding-inline:8px}.playground-mode-selector{gap:0;padding:2px}.playground-width-controls{gap:4px}.playground-preview-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.playground-stage{border:1px solid var(--boundary);background:var(--surface);border-radius:20px;min-width:0;padding:14px}.playground-chat-frame,.playground-widget-preview{width:100%;min-width:0;margin-inline:auto}.playground-stage-phone .playground-chat-frame,.playground-stage-phone .playground-widget-preview{max-width:360px}.playground-widget-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.playground-widget-preview-heading p{color:var(--muted-ink);margin:4px 0 0;font-size:13px}.playground-disclosure{background:var(--surface);border-radius:12px;padding:16px;line-height:1.65}.playground-disclosure summary{cursor:pointer}@media (max-width:1100px){.playground-layout{grid-template-columns:minmax(0,1fr)}.playground-preview{position:static}}@media (max-height:800px){.playground-preview{position:static}}@media (max-width:600px){.playground-stage{background:0 0;border:0;padding:0}.playground-source,.playground-power,.playground-widget-copy{padding:16px}.playground-footnote,.playground-source-meta,.playground-source-detail{font-size:14px}}.playground-sample-recovery{border:1px solid var(--boundary);border-radius:12px;justify-items:start;gap:8px;padding:12px;display:grid}.playground-sample-recovery p{color:var(--muted-ink);margin:0;font-size:14px}
.integration-library{min-width:0;container-type:inline-size}.integration-library-heading{justify-content:space-between;align-items:start;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.integration-library-heading h2{letter-spacing:-.035em;font-size:24px;font-weight:500;line-height:1.35}.integration-library-heading p{color:var(--muted-ink);margin-block-start:var(--space-2);font-size:14px;line-height:1.65}.integration-library-sample{color:var(--muted-ink);border:1px solid var(--boundary);border-radius:var(--radius-pill);white-space:nowrap;padding:6px 10px;font-size:12px}.integration-library-search{max-width:520px;margin-block-end:var(--space-4)}.integration-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.integration-result-count{color:var(--muted-ink);margin:var(--space-6) 0 var(--space-4);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.integration-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.integration-feedback{margin-block-start:var(--space-4);font-size:14px;line-height:1.6}.integration-feedback:empty{display:none}.integration-library-note{color:var(--muted-ink);margin-block-start:var(--space-6);font-size:12px;line-height:1.65}.integration-empty{padding:var(--space-8) var(--space-4);gap:var(--space-3);text-align:center;border:1px dashed var(--boundary);border-radius:var(--radius-card);justify-items:center;display:grid}.integration-empty>svg{width:28px;height:28px;color:var(--muted-ink)}.integration-empty h3{font-size:20px;font-weight:500}.integration-empty p{color:var(--muted-ink);font-size:14px;line-height:1.6}.integration-detail{gap:var(--space-6);min-width:0;display:grid}.integration-detail-provider{align-items:center;gap:var(--space-4);display:flex}.integration-detail-provider strong{font-size:20px;font-weight:500;display:block}.integration-detail-provider span{color:var(--muted-ink);font-size:12px}.integration-detail-intro{font-size:16px;line-height:1.65}.integration-detail h3{margin-block-end:var(--space-3);font-size:14px;font-weight:500;line-height:1.6}.integration-detail-powers{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.integration-detail-powers li{gap:var(--space-2);align-items:start;font-size:14px;line-height:1.6;display:flex}.integration-detail-powers li>svg{flex-shrink:0;width:18px;height:18px;margin-block-start:2px}.integration-access{border-block:1px solid var(--boundary);padding-block:var(--space-4)}.integration-access ul{margin:0;padding-inline-start:20px;font-size:14px;line-height:1.7}.integration-access p,.integration-account p,.integration-detail-note{color:var(--muted-ink);margin:var(--space-3) 0 0;font-size:14px;line-height:1.65}.integration-account{background:var(--surface);padding:var(--space-4);border-radius:var(--radius-card)}.integration-account>span{color:var(--muted-ink);margin-block-end:var(--space-2);font-size:12px;display:block}.integration-account strong{font-size:16px;font-weight:500;line-height:1.5;display:block}.integration-detail-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@container (max-width:850px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:540px){.integration-grid{grid-template-columns:minmax(0,1fr)}.integration-library-heading h2{font-size:22px}}