.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}
.overview-dashboard{gap:var(--space-6);min-width:0;display:grid}.overview-dashboard .page-heading{margin-bottom:0}.overview-dashboard .page-heading h1{overflow-wrap:anywhere;min-width:0}.overview-feature-banner{padding:var(--space-6);border-radius:var(--radius-card)}.overview-feature-banner>.surface-content{align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.overview-feature-banner-copy{padding:var(--space-6);background:var(--palette-white);border-radius:var(--radius-card)}.overview-feature-banner-copy h2{margin:0 0 var(--space-3);font-size:clamp(26px,2.5vw,32px);font-weight:var(--font-medium);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.overview-feature-banner-copy p{color:var(--muted-ink);font-size:var(--text-small);line-height:var(--leading-small);margin:0}.overview-feature-banner-icons{justify-content:center;gap:var(--space-4);display:flex}.overview-feature-banner-icons>span{background:var(--palette-white);border-radius:var(--radius-pill);place-items:center;width:64px;height:64px;display:grid}.overview-feature-banner-icon{width:28px;height:28px}.overview-usage,.overview-section{min-width:0;padding:var(--spacing-card);border:1px solid var(--boundary);border-radius:var(--radius-card);background:var(--palette-white)}.overview-section-heading h2,.overview-section h2{font-size:24px;font-weight:var(--font-medium);letter-spacing:var(--tracking-heading);margin:0}.overview-section>p,.overview-supporting{margin:var(--space-3) 0 0;font-size:var(--text-small);line-height:var(--leading-small);color:var(--muted-ink)}.overview-lower-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.overview-section-icon{width:25px;height:25px;margin-bottom:var(--space-4);flex-shrink:0}.overview-api-metrics{gap:var(--space-4);margin-block:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.overview-api-metrics>div{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--palette-surface);display:grid}.overview-api-metrics span{font-size:var(--text-small);color:var(--muted-ink)}.overview-api-metrics strong{font-size:36px;font-weight:var(--font-medium)}.overview-api-history{align-items:center;gap:var(--space-3);color:var(--muted-ink);display:flex}.overview-api-history .overview-section-icon{margin:0}.overview-api-history p{font-size:var(--text-small);line-height:var(--leading-small);margin:0}.overview-section .overview-api-unavailable{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--boundary)}@media (max-width:700px){.overview-feature-banner{padding:var(--space-4)}.overview-feature-banner>.surface-content,.overview-lower-grid{grid-template-columns:1fr}.overview-feature-banner-copy{padding:var(--space-4)}.overview-feature-banner-icons>span{width:44px;height:44px}.overview-feature-banner-icon{width:24px;height:24px}.overview-usage,.overview-section{padding:var(--space-4)}.overview-api-metrics{grid-template-columns:1fr}.overview-api-metrics>div{grid-template-columns:1fr auto;align-items:center}}.overview-preview-note,.overview-data-row{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-small);display:flex}.overview-preview-note{color:var(--muted-ink)}.overview-preview-note a{color:var(--ink);padding-block:var(--space-3)}.overview-graphs{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.overview-graphs h3{font-size:var(--text-body);font-weight:var(--font-medium);margin:0 0 var(--space-6)}.overview-daily-bars{gap:var(--space-3);height:180px;display:flex}.overview-day{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-small);flex-direction:column;flex:1;display:flex}.overview-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.overview-bar{background:var(--chart);border-radius:6px 6px 0 0;width:100%}.overview-channel-bars{gap:var(--space-6);display:grid}.overview-horizontal-track{background:var(--palette-surface);border-radius:var(--radius-pill);height:8px;margin-top:var(--space-3);overflow:hidden}.overview-horizontal-track>div{background:var(--palette-blue);border-radius:inherit;height:100%}.overview-data-list{margin-top:var(--space-4);display:grid}.overview-data-list>.overview-data-row{padding-block:var(--space-4);border-bottom:1px solid var(--boundary)}.overview-data-list>.overview-data-row:last-child{border-bottom:0}.overview-data-row small{color:var(--muted-ink);margin-top:var(--space-1);display:block}.overview-record-total{align-items:baseline;gap:var(--space-3);margin-top:var(--space-4);display:flex}.overview-record-total strong{font-size:36px;font-weight:var(--font-medium)}.overview-record-total span{color:var(--muted-ink);font-size:var(--text-small)}@media (max-width:700px){.overview-graphs{grid-template-columns:1fr}.overview-data-row{flex-wrap:wrap}}.overview-feature-banner-copy .button,.overview-feature-banner-copy a{margin-top:var(--space-4)}.overview-section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.overview-preview-picker,.overview-period{width:220px;max-width:100%}.overview-period{justify-content:flex-end;display:flex}.overview-attention{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--boundary);border-radius:var(--radius-card);display:flex}.overview-attention h2{font-size:22px;font-weight:var(--font-medium);margin:0}.overview-attention p{margin:var(--space-2) 0 0;color:var(--muted-ink);font-size:var(--text-small)}.overview-attention-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.overview-api-metrics .overview-metric-button{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--palette-surface);cursor:pointer;text-align:start;color:var(--ink);font:inherit;border:1px solid #0000;display:grid}.overview-metric-button>span{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.overview-small-icon{flex-shrink:0;width:16px;height:16px}button.overview-day,.overview-channel-button,.overview-row-button,.overview-inline-action{font:inherit;color:var(--ink);cursor:pointer;text-align:start;background:0 0;border:0}button.overview-day{min-height:44px;font-size:var(--text-small);padding:4px}.overview-channel-button{width:100%;padding:var(--space-2) 0;display:block}.overview-horizontal-track{display:block}.overview-channel-fill{background:var(--palette-blue);border-radius:inherit;height:100%;display:block}.overview-inline-action{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) 0;margin-top:var(--space-3);font-size:var(--text-small);text-decoration:none;display:inline-flex}.overview-row-button{text-align:start;width:100%;min-height:44px}.overview-metric-button:hover,button.overview-day:hover,.overview-channel-button:hover,.overview-row-button:hover{background:var(--palette-hover)}.overview-metric-button:focus-visible,button.overview-day:focus-visible,.overview-channel-button:focus-visible,.overview-row-button:focus-visible,.overview-inline-action:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--radius-card)}.overview-footnote{color:var(--muted-ink);font-size:var(--text-small);margin:var(--space-6) 0 0}.overview-empty{padding-block:var(--space-6)}.overview-empty h3{font-size:var(--text-body);margin:0}.overview-empty p{color:var(--muted-ink);line-height:var(--leading-body)}.overview-empty a{color:var(--ink);min-height:44px;padding-block:var(--space-3);display:inline-block}.overview-drilldown{overscroll-behavior:contain;max-height:min(55vh,480px);margin-block:var(--space-4);overflow-y:auto}.overview-drilldown-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--boundary);display:flex}.overview-drilldown-row small{color:var(--muted-ink);overflow-wrap:anywhere;margin-top:var(--space-2);display:block}.overview-detail-copy{line-height:var(--leading-body);overflow-wrap:anywhere}@media (max-width:700px){.overview-attention,.overview-section-heading{flex-direction:column;align-items:flex-start}.overview-section-heading{align-items:stretch}.overview-period{width:100%}.overview-preview-note,.overview-drilldown-row{flex-wrap:wrap}.overview-api-metrics .overview-metric-button{grid-template-columns:1fr auto;align-items:center}}
.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}}