html[data-runtime=browser]{--app-max-width:100%;--app-content-pad:20px;--app-scroll-top:16px;--app-scroll-bottom:24px;--browser-cabinet-max-width:1280px;--browser-cabinet-gap:16px;--browser-field-radius:12px}.playground-main .tab-shell{flex:1 1;width:100%;max-width:none;min-height:0;margin:0;background:transparent}.playground-main .tab-shell__scroll{padding:max(16px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));overflow-y:auto;overflow-x:hidden}@media (min-width:960px){html[data-runtime=browser]{--app-content-pad:32px;--app-scroll-top:28px;--app-scroll-bottom:40px}html[data-runtime=browser] .playground-main .billing-compact__scroll,html[data-runtime=browser] .playground-main .integrations-compact__scroll,html[data-runtime=browser] .playground-main .profile-compact__scroll,html[data-runtime=browser] .playground-main .sources-compact__scroll,html[data-runtime=browser] .playground-main .tab-shell__scroll{padding:28px 32px 40px max(32px,env(safe-area-inset-right,0px))}html[data-runtime=browser] .playground-main .agents-compact,html[data-runtime=browser] .playground-main .billing-compact,html[data-runtime=browser] .playground-main .create-compact,html[data-runtime=browser] .playground-main .edit-compact,html[data-runtime=browser] .playground-main .integrations-compact,html[data-runtime=browser] .playground-main .profile-compact,html[data-runtime=browser] .playground-main .sources-compact{width:100%;max-width:var(--browser-cabinet-max-width);margin-inline:auto}html[data-runtime=browser] .playground-main .agents-compact__title,html[data-runtime=browser] .playground-main .app-page-title,html[data-runtime=browser] .playground-main .profile-compact__title,html[data-runtime=browser] .playground-main .sources-compact__title{font-size:1.75rem;line-height:1.15;letter-spacing:-.02em}html[data-runtime=browser] .playground-main .agents-compact__head,html[data-runtime=browser] .playground-main .app-page-head--split,html[data-runtime=browser] .playground-main .app-page-head--stacked,html[data-runtime=browser] .playground-main .profile-compact__head{margin-bottom:24px;align-items:center}html[data-runtime=browser] .playground-main .agents-compact__head{margin-bottom:20px}html[data-runtime=browser] .playground-main .agents-compact__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--browser-cabinet-gap);gap:var(--browser-cabinet-gap)}html[data-runtime=browser] .playground-main .agents-compact__card{min-height:132px}html[data-runtime=browser] .playground-main .agents-compact__card:active{transform:none}html[data-runtime=browser] .playground-main .agents-compact__create-btn{min-height:44px;padding:11px 18px;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}html[data-runtime=browser] .playground-main .agents-compact__create-btn svg{flex-shrink:0;display:block}html[data-runtime=browser] .playground-main .integrations-compact__list:not(.integrations-compact__list--nested){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--browser-cabinet-gap);gap:var(--browser-cabinet-gap)}html[data-runtime=browser] .playground-main .integrations-compact__list--nested{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}html[data-runtime=browser] .playground-main .integrations-compact__section-block{margin-top:32px}html[data-runtime=browser] .playground-main .billing-compact__hub-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--browser-cabinet-gap);gap:var(--browser-cabinet-gap);margin-top:8px}html[data-runtime=browser] .playground-main .billing-plans-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--browser-cabinet-gap);gap:var(--browser-cabinet-gap);align-items:stretch}html[data-runtime=browser] .playground-main .billing-plans-catalog .card,html[data-runtime=browser] .playground-main .billing-plans-catalog .miniapp-plan-card{margin-bottom:0;height:100%}html[data-runtime=browser] .playground-main .billing-compact .miniapp-tabs{max-width:28rem;margin-bottom:12px}html[data-runtime=browser] .playground-main .agents-compact__card,html[data-runtime=browser] .playground-main .billing-compact .card,html[data-runtime=browser] .playground-main .billing-compact .miniapp-plan-card,html[data-runtime=browser] .playground-main .integrations-compact__hub{border-radius:16px}html[data-runtime=browser] .playground-main .profile-compact__stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}html[data-runtime=browser] .playground-main .profile-compact__action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;max-width:520px}html[data-runtime=browser] .playground-main .profile-compact__action-btn{min-height:48px}html[data-runtime=browser] .playground-main .subflow-compact--overlay{position:static;display:block;overflow:visible;min-height:0}html[data-runtime=browser] .playground-main .tab-shell__scroll:has(.subflow-compact){overflow-y:auto;display:block;padding-top:28px}html[data-runtime=browser] .playground-main .subflow-compact__header-float{position:static;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;width:100%;max-width:var(--browser-cabinet-max-width);margin:0 auto 20px;padding:0}html[data-runtime=browser] .playground-main .subflow-compact__header-float .chat-stream__pill{border-radius:12px;min-height:44px;box-shadow:none;border:1px solid var(--app-border);background:var(--app-surface)}html[data-runtime=browser] .playground-main .subflow-compact__header-float .chat-stream__pill--profile{justify-content:flex-start;padding-inline:14px}html[data-runtime=browser] .playground-main .subflow-compact__scroll{padding:0 max(32px,env(safe-area-inset-right,0px)) max(40px,env(safe-area-inset-bottom,0px)) max(32px,env(safe-area-inset-left,0px));overflow:visible}html[data-runtime=browser] .playground-main .subflow-compact__scroll-inner{width:100%;max-width:var(--browser-cabinet-max-width);margin-inline:auto;gap:16px}html[data-runtime=browser] .playground-main .prisma-float-field__input,html[data-runtime=browser] .playground-main .prisma-float-field__multiselect-trigger,html[data-runtime=browser] .playground-main .prisma-float-field__select,html[data-runtime=browser] .playground-main .prisma-float-field__textarea{min-height:44px;font-size:15px;line-height:1.45;border-radius:var(--browser-field-radius);border-color:color-mix(in srgb,var(--border) 80%,transparent);background:var(--app-surface);box-shadow:none}html[data-runtime=browser] .playground-main .prisma-float-field--pill .prisma-float-field__input,html[data-runtime=browser] .playground-main .prisma-float-field--pill .prisma-float-field__multiselect-trigger,html[data-runtime=browser] .playground-main .prisma-float-field--pill .prisma-float-field__select{border-radius:var(--app-radius-pill)}html[data-runtime=browser] .playground-main .prisma-float-field__textarea{min-height:112px;padding-top:14px;padding-bottom:14px}html[data-runtime=browser] .playground-main .prisma-float-field__control{background:transparent;border:none;box-shadow:none;padding:0}html[data-runtime=browser] .playground-main .app-pill-btn,html[data-runtime=browser] .playground-main .profile-compact__pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;font-size:14px;line-height:1.2;border-radius:var(--app-radius-pill);cursor:pointer}html[data-runtime=browser] .playground-main .app-pill-btn svg,html[data-runtime=browser] .playground-main .profile-compact__pill-btn svg{flex-shrink:0;display:block}html[data-runtime=browser] .playground-main .app-pill-btn:active:not(:disabled){transform:none;opacity:.9}html[data-runtime=browser] .playground-main .app-action-btn,html[data-runtime=browser] .playground-main .profile-compact__action-btn{min-height:48px;font-size:15px;border-radius:14px}html[data-runtime=browser] .playground-main .miniapp-tabs{max-width:28rem}html[data-runtime=browser] .playground-main .playground-plans-page__catalog .billing-plans-catalog{display:contents}html[data-runtime=browser] .playground-main .playground-plans-page{max-width:var(--browser-cabinet-max-width);margin-inline:auto;width:100%;padding-inline:0}html[data-runtime=browser] .playground-main .playground-plans-page__catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--browser-cabinet-gap)}html[data-runtime=browser] .playground-main .playground-chat{--playground-column-max:52rem;max-width:min(100%,var(--playground-column-max))}html[data-runtime=browser] .playground-main .playground-composer-stack{border-radius:18px}html[data-runtime=browser] .playground-main .playground-composer-card--stacked .chat-stream__composer,html[data-runtime=browser] .playground-main .playground-composer-card--stacked .chat-stream__composer--stacked{border:none;box-shadow:none;background:transparent}html[data-runtime=browser] .playground-main .playground-composer-card{border-radius:16px}html[data-runtime=browser] .playground-main .playground-composer-card .chat-stream__composer,html[data-runtime=browser] .playground-main .playground-composer-card .chat-stream__composer--stacked{border:none;box-shadow:none;background:transparent}html[data-runtime=browser] .playground-main .playground-composer-card--pill{border-radius:999px}html[data-runtime=browser] .playground-main .chat-stream{flex:1 1;min-height:0;height:100%;max-height:none;width:100%;max-width:min(100%,52rem);margin-inline:auto}html[data-runtime=browser] .playground-main .booking-ops,html[data-runtime=browser] .playground-main .booking-shell{width:100%;max-width:var(--browser-cabinet-max-width);margin-inline:auto}html[data-runtime=browser] .playground-main .miniapp-onboarding{width:100%;max-width:36rem;margin-inline:auto}html[data-runtime=browser] .playground-main .tab-shell__scroll>.app-page-head,html[data-runtime=browser] .playground-main .tab-shell__scroll>.app-page-title{width:100%;max-width:var(--browser-cabinet-max-width);margin-inline:auto}html[data-runtime=browser] .playground-main .miniapp-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px}}@media (min-width:1280px){html[data-runtime=browser] .playground-main .agents-compact__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px) and (max-width:959px){html[data-runtime=browser] .playground-main .agents-compact__list,html[data-runtime=browser] .playground-main .integrations-compact__list:not(.integrations-compact__list--nested){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--browser-cabinet-gap);gap:var(--browser-cabinet-gap)}html[data-runtime=browser] .playground-main .billing-plans-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-runtime=browser] .playground-main .miniapp-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}}@media (max-width:959px){html[data-runtime=browser] .playground-main .agents-compact__title,html[data-runtime=browser] .playground-main .app-page-title,html[data-runtime=browser] .playground-main .profile-compact__title,html[data-runtime=browser] .playground-main .sources-compact__title{font-size:1.5rem;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}html[data-runtime=browser] .playground-main .agents-compact__head,html[data-runtime=browser] .playground-main .app-page-head--split{flex-wrap:wrap;align-items:stretch;gap:10px}html[data-runtime=browser] .playground-main .app-pill-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}html[data-runtime=browser] .playground-main .agents-compact__create-btn,html[data-runtime=browser] .playground-main .app-page-head--split .app-pill-btn--primary,html[data-runtime=browser] .playground-main .app-pill-btn--full{width:100%;max-width:100%;justify-content:center}html[data-runtime=browser] .playground-main .app-page-head--split .app-pill-btn--primary{width:auto;max-width:100%}html[data-runtime=browser] .playground-main .agents-compact,html[data-runtime=browser] .playground-main .billing-compact,html[data-runtime=browser] .playground-main .create-compact,html[data-runtime=browser] .playground-main .edit-compact,html[data-runtime=browser] .playground-main .integrations-compact,html[data-runtime=browser] .playground-main .profile-compact,html[data-runtime=browser] .playground-main .sources-compact{width:100%;max-width:none;margin-inline:0}html[data-runtime=browser] .playground-main .billing-compact__scroll,html[data-runtime=browser] .playground-main .integrations-compact__scroll,html[data-runtime=browser] .playground-main .profile-compact__scroll,html[data-runtime=browser] .playground-main .sources-compact__scroll,html[data-runtime=browser] .playground-main .tab-shell__scroll{padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}html[data-runtime=browser] .playground-main .billing-compact__ledger-wrap,html[data-runtime=browser] .playground-main .miniapp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}@media (max-width:359px){html[data-runtime=browser]{--app-content-pad:12px}html[data-runtime=browser] .playground-main .billing-compact__scroll,html[data-runtime=browser] .playground-main .integrations-compact__scroll,html[data-runtime=browser] .playground-main .profile-compact__scroll,html[data-runtime=browser] .playground-main .sources-compact__scroll,html[data-runtime=browser] .playground-main .tab-shell__scroll{padding-inline:max(12px,env(safe-area-inset-left,0px))}html[data-runtime=browser] .playground-main .agents-compact__title,html[data-runtime=browser] .playground-main .app-page-title{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){html[data-runtime=browser] .playground-main .agents-compact__card,html[data-runtime=browser] .playground-main .agents-compact__create-btn,html[data-runtime=browser] .playground-main .app-pill-btn{transition:none}}