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-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}}@media (min-width:1280px){html[data-runtime=browser] .playground-main .agents-compact__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@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}}