.playground-shell{--playground-panel:#f7f9fb;--playground-panel-strong:#eef2f6;--playground-paper:#fff;--playground-canvas:#f2f5f7;--playground-ink:#18212b;--playground-text:#334150;--playground-muted:#687687;--playground-quiet:#8995a2;--playground-line:#d9e0e7;--playground-line-soft:#e9edf1;--playground-brand:#087fb7;--playground-brand-dark:#066a99;--playground-brand-soft:#e2f1f7;--playground-brand-pale:#f0f8fb;--playground-danger:#b43f50;width:100%;height:calc(100dvh - 4rem);min-height:0;color:var(--playground-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--playground-canvas);display:flex;overflow:hidden}.playground-shell button:focus-visible{outline-offset:2px;outline:3px solid #087fb73d}.playground-desktop-panel{flex:none;width:336px;min-width:0;min-height:0;display:none}.playground-panel{border-right:1px solid var(--playground-line);background:var(--playground-panel);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.playground-panel-header{border-bottom:1px solid var(--playground-line);flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:0 20px;display:flex}.playground-panel-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:650;display:block;overflow:hidden}.playground-icon-button{width:44px;height:44px;color:var(--playground-muted);border:1px solid #0000;border-radius:11px;flex:none;place-items:center;display:grid}.playground-icon-button:hover{border-color:var(--playground-line);background:var(--playground-paper);color:var(--playground-ink)}.playground-panel-scroll{overscroll-behavior:contain;scrollbar-color:#c5d0d8 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:18px 16px 24px;overflow-y:auto}.playground-panel-heading{margin:0 4px 10px}.playground-panel-heading h2{font-size:var(--text-base);margin:0;font-weight:650}.playground-model-list{gap:8px;display:grid}.playground-model-option{border:1px solid var(--playground-line);background:var(--playground-paper);text-align:left;border-radius:14px;grid-template-columns:40px minmax(0,1fr);gap:12px;width:100%;min-height:92px;padding:14px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;overflow:hidden}.playground-model-option:hover{border-color:#9fc7d9}.playground-model-option.is-selected{background:var(--playground-brand-pale);border-color:#82b9cf;box-shadow:0 8px 22px #1b5b7714}.playground-model-icon{background:var(--playground-panel-strong);width:40px;height:40px;color:var(--playground-muted);border:1px solid #d7e3e9;border-radius:11px;place-items:center;display:grid}.playground-model-option.is-selected .playground-model-icon{background:var(--playground-brand-soft);color:var(--playground-brand-dark);border-color:#bad9e7}.playground-model-option strong{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:650;display:block;overflow:hidden}.playground-model-description{color:var(--playground-muted);margin:4px 0 8px;font-size:14px;line-height:1.45;display:block}.playground-capability-list,.playground-intro-capabilities{flex-wrap:wrap;gap:6px;display:flex}.playground-capability{color:#5e6c78;background:#e9eef2;border-radius:6px;padding:3px 7px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}.playground-model-option.is-selected .playground-capability,.playground-intro-capabilities .playground-capability{color:#246a88;background:#d9ebf3}.playground-panel-divider{background:var(--playground-line);height:1px;margin:20px 4px}.playground-example-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.playground-example-card{border:1px solid var(--playground-line);background:var(--playground-paper);text-align:left;border-radius:12px;grid-template-columns:92px minmax(0,1fr);width:100%;min-height:82px;padding:0;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.playground-example-card:hover{border-color:#8fbfd3;transform:translateY(-1px);box-shadow:0 7px 18px #1c4c6214}.playground-example-card.is-selected{border-color:#66a9c5;box-shadow:0 0 0 2px #087fb71a}.playground-example-card:disabled{cursor:wait}.playground-example-media{background:#173543;min-height:82px;position:relative;overflow:hidden}.playground-example-media img,.playground-example-media video{object-fit:cover;width:100%;height:100%;min-height:82px}.playground-example-placeholder{color:#6f94a6;background:#eaf3f6;place-items:center;width:100%;height:100%;display:grid}.playground-media-kind{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102733c2;border:1px solid #ffffff38;border-radius:5px;padding:2px 5px;font-size:14px;font-weight:650;line-height:1.2;position:absolute;bottom:5px;right:5px}.playground-example-copy{min-width:0;padding:11px 12px}.playground-example-copy strong{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:620;display:block;overflow:hidden}.playground-example-copy>span{color:var(--playground-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.playground-panel-state{border:1px dashed var(--playground-line);min-height:96px;color:var(--playground-muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.playground-panel-note{color:var(--playground-muted);align-items:flex-start;gap:9px;margin:16px 4px 0;font-size:14px;line-height:1.55;display:flex}.playground-panel-note svg{color:var(--playground-brand);flex:none;margin-top:2px}.playground-workspace{background:var(--playground-canvas);flex-direction:column;flex:1;gap:0;min-width:0;min-height:0;display:flex}.playground-topbar{border-bottom:1px solid var(--playground-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;flex-direction:column;flex:none;align-items:stretch;gap:0;min-height:0;display:flex}.playground-current-model-trigger{width:100%;min-height:62px;color:var(--playground-text);text-align:left;align-items:center;gap:11px;padding:8px 16px;display:flex}.playground-current-model-trigger:hover{background:var(--playground-panel-strong)}.playground-current-model-icon{width:40px;height:40px;color:var(--playground-brand-dark);background:var(--playground-brand-soft);border:1px solid #bad9e7;border-radius:11px;flex:none;place-items:center;display:grid}.playground-current-model-copy{flex:1;min-width:0}.playground-current-model-copy strong,.playground-current-model-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playground-current-model-copy strong{color:var(--playground-ink);font-size:var(--text-base);font-weight:650;line-height:1.35}.playground-current-model-copy>span{color:var(--playground-muted);margin-top:2px;font-size:14px;line-height:1.35}.playground-current-model-chevron{color:var(--playground-muted);flex:none}.playground-tabs-list{gap:0;width:100%;height:46px;padding:0 16px;display:flex}.playground-tab{color:#596776;min-width:0;height:100%;font-size:var(--text-base);flex:1;padding:2px 0 0;font-weight:620}.playground-tab[data-active]{color:var(--playground-brand);font-weight:680}.playground-tab:after{border-radius:3px 3px 0 0;background:var(--playground-brand)!important;height:3px!important;bottom:-1px!important}.playground-experience{flex-direction:column;flex:1;min-height:0;display:flex}.playground-conversation{flex:1;min-height:0;position:relative}.playground-empty-page-scroll,.playground-empty-stage{flex-direction:column;flex:1;min-height:0;display:flex}.playground-empty-state{width:100%;height:100%;min-height:180px;color:var(--playground-muted);text-align:center;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.playground-empty-state p{max-width:430px;font-size:var(--text-base);margin:0;line-height:1.65}.playground-empty-hint-mobile,.playground-example-gallery{display:none}.playground-empty-icon{width:44px;height:44px;color:var(--playground-brand);background:var(--playground-brand-pale);border:1px solid #cfe0e8;border-radius:13px;flex:none;place-items:center;display:grid}.playground-composer-zone{z-index:12;border-top:1px solid var(--playground-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9fbf0;flex:none;padding:14px clamp(24px,5vw,72px) 18px;position:relative}.playground-composer-wrap{width:min(920px,100%);margin:0 auto}.playground-composer{background:var(--playground-paper);border:1px solid #cbd7df;border-radius:18px;transition:border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 10px 30px #1b374817}.playground-composer:focus-within{border-color:#72adc6;box-shadow:0 10px 30px #1b37481a}.playground-draft-media{border:1px solid var(--playground-line);background:#f6f9fa;border-radius:11px;grid-template-columns:88px minmax(0,1fr) 44px;align-items:center;gap:12px;width:fit-content;max-width:calc(100% - 28px);margin:12px 14px 0;padding:8px;display:grid}.playground-draft-preview{background:#173543;border-radius:8px;width:88px;height:58px;position:relative;overflow:hidden}.playground-draft-preview img,.playground-draft-preview video{object-fit:cover;width:100%;height:100%}.playground-draft-preview-action{color:#fff;background:#062b4129;place-items:center;display:grid;position:absolute;inset:0}.playground-draft-preview-action svg{filter:drop-shadow(0 1px 4px #00000073)}.playground-draft-copy{min-width:0}.playground-draft-copy>span,.playground-upload-status{color:var(--playground-muted);align-items:center;gap:8px;font-size:14px;display:flex}.playground-upload-status span:first-child{flex:1;min-width:0}.playground-remove-media{width:44px;height:44px;color:var(--playground-muted);border-radius:9px;place-items:center;display:grid}.playground-remove-media:hover{color:var(--playground-danger);background:#f8e9eb}.playground-composer-error{color:#963b48;background:#fff4f5;border:1px solid #edc9ce;border-radius:9px;align-items:flex-start;gap:8px;margin:12px 14px 0;padding:9px 11px;font-size:14px;line-height:1.5;display:flex}.playground-composer-error svg{flex:none;margin-top:2px}.playground-composer-input{resize:none;width:100%;min-height:72px;max-height:152px;color:var(--playground-ink);field-sizing:content;background:0 0;border:0;padding:16px 18px 10px;font-size:16px;line-height:1.6;display:block}.playground-composer-input::placeholder{color:#929da8}.playground-composer-input:focus-visible{outline:none}.playground-composer-actions{border-top:1px solid var(--playground-line-soft);align-items:center;gap:8px;min-height:54px;padding:7px 10px 9px;display:flex}.playground-upload-button,.playground-examples-button{min-height:44px;color:var(--playground-muted);font-size:var(--text-base);padding-inline:10px}.playground-upload-button:hover,.playground-examples-button:hover{color:var(--playground-brand-dark);background:var(--playground-panel-strong)}.playground-examples-button{display:none}.playground-current-model{min-width:0;height:40px;color:var(--playground-text);background:#f6f9fa;border:1px solid #d8e2e8;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:0 10px;font-size:14px;display:flex}.playground-current-model>span{background:var(--playground-brand);border-radius:50%;flex:none;width:6px;height:6px}.playground-current-model strong{text-overflow:ellipsis;white-space:nowrap;font-weight:520;overflow:hidden}.playground-send-button,.playground-stop-button{border-radius:11px;flex:none;width:44px;height:44px}.playground-send-button{border-color:var(--playground-brand);color:#fff;background:var(--playground-brand)}.playground-send-button:hover{border-color:var(--playground-brand-dark);background:var(--playground-brand-dark)}.playground-send-button.is-disabled{color:#9aabb3;background:#eaf0f3;border-color:#d7e3e8}.playground-stop-button{color:#b74b43;background:#fff7f5;border-color:#e5b9b2}.playground-composer-hint{color:var(--playground-muted);text-align:center;margin:8px auto 0;font-size:14px}.playground-message-list{width:100%;height:100%;min-height:0;position:relative}.playground-message-scroll{overscroll-behavior:contain;scrollbar-color:#c3cdd5 transparent;scrollbar-width:thin;width:100%;height:100%;overflow-y:auto}.playground-message-stream{width:min(920px,100%);margin:0 auto;padding:26px clamp(16px,4vw,40px) 34px}.playground-date-separator{color:var(--playground-quiet);align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.playground-date-separator:before,.playground-date-separator:after{background:var(--playground-line);content:"";flex:1;height:1px}.playground-message{grid-template-columns:38px minmax(0,1fr);gap:13px;margin-bottom:24px;display:grid}.playground-message.is-user{grid-template-columns:minmax(0,1fr) 38px}.playground-message-body{min-width:0}.playground-message.is-user .playground-message-body{flex-direction:column;align-items:flex-end;display:flex}.playground-assistant-avatar,.playground-user-avatar{border:1px solid var(--playground-line);background:var(--playground-paper);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.playground-assistant-avatar img{object-fit:contain}.playground-user-avatar{color:#fff;background:#28313b;border-color:#343e49;font-size:14px;font-weight:650}.playground-message-meta{min-height:22px;color:var(--playground-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:7px;font-size:14px;display:flex}.playground-message-meta.is-user{justify-content:flex-end}.playground-message-meta strong{color:var(--playground-text);font-size:var(--text-base);font-weight:650}.playground-model-chip{color:#3a7188;background:var(--playground-brand-pale);border:1px solid #cfe0e8;border-radius:6px;padding:2px 6px;font-size:14px;font-weight:600;line-height:1.3}.playground-user-bubble,.playground-assistant-bubble{border:1px solid var(--playground-line);color:var(--playground-text);background:var(--playground-paper);font-size:var(--text-base);border-radius:4px 16px 16px;padding:16px 18px;line-height:1.75}.playground-user-bubble{color:#223d4b;background:#e8f3f8;border-color:#c7dce6;border-radius:16px 4px 16px 16px;max-width:min(680px,88%)}.playground-user-bubble p{white-space:pre-wrap;margin:0}.playground-user-assets{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:12px;display:flex}.playground-assistant-bubble.is-error{border-color:#f0d1cd}.playground-assistant-bubble.is-stopped{border-color:#ead9bd}.playground-message-media{width:fit-content;max-width:100%;color:var(--playground-text);background:#f6f9fa;border:1px solid #d7e2e7;border-radius:11px;grid-template-columns:176px;padding:8px;display:grid;overflow:hidden}.playground-message-media-preview,.playground-message-media-preview>button,.playground-message-media-unavailable{background:#173543;border-radius:8px;width:176px;height:100px;position:relative;overflow:hidden}.playground-message-media-preview img,.playground-message-media-preview video{object-fit:cover;width:100%;height:100%}.playground-message-media-unavailable{color:var(--playground-muted);background:var(--playground-panel-strong);text-align:center;place-items:center;padding:8px;font-size:14px;display:grid}.playground-message-play{color:#fff;background:#062b411a;place-items:center;display:grid;position:absolute;inset:0}.playground-message-play svg{filter:drop-shadow(0 1px 4px #0000008c)}.playground-message-media-copy{min-width:0;padding:0 2px 2px}.playground-message-media-copy span{color:var(--playground-muted);font-size:14px;display:block}.playground-message-status,.playground-streaming-state{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.playground-message-status.is-error{color:#b14c43}.playground-message-status.is-stopped{color:#9a6a23}.playground-streaming-state{color:#527b8e;margin:0}.playground-answer{overflow-wrap:anywhere;color:#294b5c;font-size:var(--text-base);line-height:1.75}.playground-answer>:first-child{margin-top:0}.playground-answer>:last-child{margin-bottom:0}.playground-answer p,.playground-answer ul,.playground-answer ol,.playground-answer blockquote,.playground-answer pre,.playground-answer table{margin-block:.7rem}.playground-answer ul,.playground-answer ol{padding-inline-start:1.4rem}.playground-answer ul{list-style:outside}.playground-answer ol{list-style:decimal}.playground-answer h1,.playground-answer h2,.playground-answer h3,.playground-answer h4{color:#173d50;margin-block:1.2rem .55rem;font-weight:650;line-height:1.35}.playground-answer h1{font-size:1.35rem}.playground-answer h2{font-size:1.2rem}.playground-answer h3,.playground-answer h4{font-size:1rem}.playground-answer a{color:#287ead;text-underline-offset:.16em;text-decoration:underline}.playground-answer blockquote{color:#607986;border-left:3px solid #9fc9dc;padding-left:.9rem}.playground-answer :not(pre)>code{color:#174e6a;background:#f1f6f8;border:1px solid #dce7eb;border-radius:5px;padding:.1em .35em;font-size:.95em}.playground-answer pre{color:#e5f2f7;background:#0b3043;border-radius:10px;padding:.85rem 1rem;font-size:14px;line-height:1.65;overflow-x:auto}.playground-answer table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.playground-answer th,.playground-answer td{text-align:left;border:1px solid #dce7eb;padding:.4rem .65rem}.playground-answer th{color:#173d50;background:#f1f6f8}.playground-answer hr{border:0;border-top:1px solid #dce7eb;margin-block:1rem}.playground-message-error{color:#9d463f;background:#fff6f4;border:1px solid #f0d1cd;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.5}.playground-copy-answer{min-height:40px;color:var(--playground-muted);margin-top:7px;padding-inline:9px;font-size:14px}.playground-copy-answer:hover{color:var(--playground-ink);background:var(--playground-panel-strong)}.playground-jump-latest{z-index:10;color:#356274;background:#fff;border:1px solid #cddde4;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:8px 13px;font-size:14px;font-weight:600;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1844581f}.playground-introduction-scroll{background:var(--playground-paper);scrollbar-color:#c3cdd5 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:34px clamp(24px,5vw,72px) 48px;overflow-y:auto}.playground-model-introduction{width:min(920px,100%);margin:0 auto}.playground-model-introduction h1{letter-spacing:-.02em;margin:0;font-size:clamp(25px,2.4vw,32px);font-weight:680;line-height:1.25}.playground-model-tagline{max-width:780px;color:var(--playground-muted);margin:10px 0 0;font-size:16px;line-height:1.65}.playground-intro-capabilities{margin-top:16px}.playground-intro-overview{gap:10px;max-width:800px;margin-top:22px;display:grid}.playground-intro-overview p,.playground-intro-section-copy{color:var(--playground-text);font-size:var(--text-base);margin:0;line-height:1.75}.playground-intro-section{border-top:1px solid var(--playground-line);margin-top:34px;padding-top:28px}.playground-intro-section h2{margin:0 0 16px;font-size:19px;font-weight:660;line-height:1.35}.playground-intro-feature-list{border-top:1px solid var(--playground-line-soft);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:0;padding:0;list-style:none;display:grid}.playground-intro-feature-list li{border-bottom:1px solid var(--playground-line-soft);padding:15px 0 16px}.playground-intro-feature-list li:last-child,.playground-intro-feature-list li:nth-last-child(2):nth-child(odd){border-bottom:0}.playground-intro-feature-list strong,.playground-intro-data-row strong{font-size:var(--text-base);font-weight:650;line-height:1.5;display:block}.playground-intro-feature-list p{color:var(--playground-muted);font-size:var(--text-base);margin:5px 0 0;line-height:1.65}.playground-intro-data-list{border-top:1px solid var(--playground-line-soft)}.playground-intro-data-row{border-bottom:1px solid var(--playground-line-soft);grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr) minmax(0,1.2fr);align-items:start;gap:20px;padding:15px 0;display:grid}.playground-intro-data-row:last-child{border-bottom:0}.playground-intro-data-row span{color:var(--playground-muted);font-size:var(--text-base);line-height:1.6}.playground-input-spec-list{border-top:1px solid var(--playground-line-soft)}.playground-input-spec{border-bottom:1px solid var(--playground-line-soft);grid-template-columns:140px minmax(0,1fr) minmax(190px,auto);align-items:center;gap:18px;min-height:66px;display:grid}.playground-input-spec:last-child{border-bottom:0}.playground-input-spec strong,.playground-input-spec span,.playground-intro-steps{font-size:var(--text-base)}.playground-input-spec strong{font-weight:650}.playground-input-spec span{color:var(--playground-muted);line-height:1.55}.playground-intro-steps{color:var(--playground-text);gap:10px;margin:0;padding-left:22px;line-height:1.65;display:grid}.playground-chart-context{color:var(--playground-muted);border-left:3px solid #a8d0df;margin:10px 0 0;padding-left:12px;font-size:14px;line-height:1.6}.playground-benchmark-stack{gap:16px;margin-top:18px;display:grid}.playground-chart-panel{border:1px solid var(--playground-line);background:#fbfcfd;border-radius:14px;padding:19px 20px 20px}.playground-chart-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.playground-chart-panel-header h3{font-size:var(--text-base);margin:0;font-weight:650;line-height:1.5}.playground-chart-legend{color:var(--playground-muted);flex-wrap:wrap;gap:8px 16px;font-size:14px;display:flex}.playground-chart-legend span{align-items:center;gap:7px;display:inline-flex}.playground-chart-legend i{border-radius:3px;width:11px;height:11px}.playground-chart-legend i.is-glint{background:var(--playground-brand)}.playground-chart-legend i.is-general{background:#93a1ac}.playground-security-summary-chart{aspect-ratio:auto;width:100%;height:250px;font-size:14px}.playground-security-summary-chart .recharts-text,.playground-chart-tooltip{font-size:14px}.playground-security-summary-chart .recharts-label{fill:var(--playground-text);font-variant-numeric:tabular-nums;font-weight:600}.playground-chart-tooltip-row{justify-content:space-between;align-items:center;gap:16px;min-width:230px;font-size:14px;display:flex}.playground-chart-tooltip-row strong{font-variant-numeric:tabular-nums}.playground-chart-segmented{border:1px solid var(--playground-line);background:var(--playground-paper);border-radius:10px;min-width:0;padding:3px;display:inline-flex}.playground-chart-segmented button{min-height:38px;color:var(--playground-muted);white-space:nowrap;border-radius:7px;padding:7px 11px;font-size:14px;font-weight:600}.playground-chart-segmented button:hover{color:var(--playground-ink);background:var(--playground-panel)}.playground-chart-segmented button.is-active{color:var(--playground-brand-dark);background:var(--playground-brand-soft)}.playground-dumbbell-axis{color:var(--playground-quiet);grid-template-columns:minmax(110px,150px) minmax(220px,1fr) 132px;gap:16px;margin-bottom:3px;font-size:14px;display:grid}.playground-dumbbell-axis:before,.playground-dumbbell-axis:after{content:""}.playground-dumbbell-axis span{grid-area:1/2}.playground-dumbbell-axis span:first-child{justify-self:start}.playground-dumbbell-axis span:nth-child(2){justify-self:center}.playground-dumbbell-axis span:nth-child(3){justify-self:end}.playground-dumbbell-axis .playground-dumbbell-value-labels{color:var(--playground-muted);text-align:right;grid-column:3;justify-self:end}.playground-dumbbell-list{margin:0;padding:0;list-style:none}.playground-dumbbell-list li{border-top:1px solid var(--playground-line-soft);grid-template-columns:minmax(110px,150px) minmax(220px,1fr) 132px;align-items:center;gap:16px;min-height:46px;display:grid}.playground-dumbbell-label{color:var(--playground-text);font-size:14px;line-height:1.4}.playground-dumbbell-plot{background-image:linear-gradient(to right, var(--playground-line-soft) 1px, transparent 1px);background-position:0;background-size:25% 100%;height:22px;position:relative}.playground-dumbbell-plot:after{background:var(--playground-line-soft);content:"";width:1px;height:100%;position:absolute;top:0;right:0}.playground-dumbbell-line{background:#aebbc4;min-width:1px;height:2px;position:absolute;top:10px}.playground-dumbbell-point{border-radius:50%;width:10px;height:10px;position:absolute;top:6px;transform:translate(-50%)}.playground-dumbbell-point.is-general{background:#fbfcfd;border:2px solid #7e8c97}.playground-dumbbell-point.is-glint{background:var(--playground-brand);box-shadow:0 0 0 3px #087fb71f}.playground-dumbbell-values{font-variant-numeric:tabular-nums;text-align:right;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:14px;display:grid}.playground-dumbbell-values strong{color:var(--playground-brand-dark)}.playground-dumbbell-values span{color:var(--playground-muted)}.playground-video-chart-panel{margin-top:18px}.playground-video-chart-panel .playground-chart-panel-header{justify-content:flex-start}.playground-video-model-legend{border-bottom:1px solid var(--playground-line-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 18px;padding:0 0 16px;display:grid}.playground-video-model-legend span{--model-bar:#56636b;min-width:0;color:var(--playground-text);align-items:center;gap:8px;font-size:14px;line-height:1.4;display:inline-flex}.playground-video-model-legend i{background:var(--model-bar);border-radius:3px;flex:none;width:12px;height:12px}.playground-video-bar-chart-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.playground-video-bar-chart{border:1px solid var(--playground-line-soft);background:var(--playground-paper);border-radius:10px;min-width:0;padding:16px 15px 14px}.playground-video-bar-chart h4{color:var(--playground-ink);font-size:var(--text-base);margin:0 0 14px;font-weight:650;line-height:1.5}.playground-video-vertical-chart{grid-template-columns:28px minmax(0,1fr);gap:8px;display:grid}.playground-video-vertical-axis{height:156px;color:var(--playground-quiet);text-align:right;flex-direction:column;justify-content:space-between;margin-top:25px;font-size:14px;line-height:1.2;display:flex}.playground-video-bar-chart ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.playground-video-bar-chart li{--model-bar:#56636b;grid-template-rows:25px 156px 34px;justify-items:center;min-width:0;display:grid}.playground-video-model-legend .is-glint,.playground-video-bar-chart li.is-glint{--model-bar:var(--playground-brand)}.playground-video-model-legend .is-llava,.playground-video-bar-chart li.is-llava{--model-bar:#c15f2c}.playground-video-model-legend .is-keye,.playground-video-bar-chart li.is-keye{--model-bar:#6b767d}.playground-video-model-legend .is-internvl,.playground-video-bar-chart li.is-internvl{--model-bar:#808a90}.playground-video-model-legend .is-plm,.playground-video-bar-chart li.is-plm{--model-bar:#9ca4a9}.playground-video-bar-model,.playground-video-bar-chart strong{color:var(--playground-text);text-align:center;white-space:nowrap;font-size:14px;line-height:1.3}.playground-video-bar-chart li.is-glint .playground-video-bar-model,.playground-video-bar-chart li.is-glint strong{color:var(--playground-brand-dark)}.playground-video-bar-chart li.is-llava .playground-video-bar-model,.playground-video-bar-chart li.is-llava strong{color:#a84c21}.playground-video-bar-chart li.is-glint .playground-video-bar-model,.playground-video-bar-chart li.is-llava .playground-video-bar-model{font-weight:650}.playground-video-bar-column{background-color:#eef2f4;background-image:linear-gradient(0deg,#dce3e7 1px,#0000 1px);background-size:100% 50%;border-radius:3px;align-items:flex-end;width:min(26px,72%);height:156px;display:flex;overflow:hidden}.playground-video-bar-column i{background:var(--model-bar);border-radius:3px;width:100%;min-height:2px;display:block}.playground-video-bar-chart strong{font-variant-numeric:tabular-nums;align-self:start;font-weight:650}.playground-intro-guidance-list{color:var(--playground-text);font-size:var(--text-base);gap:10px;margin:0;padding-left:21px;line-height:1.65;display:grid}.playground-prompt-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.playground-prompt-example{border:1px solid var(--playground-line);background:#fbfcfd;border-radius:12px;min-width:0;padding:16px}.playground-prompt-example h3{font-size:var(--text-base);margin:0;font-weight:650}.playground-prompt-example p{min-height:72px;color:var(--playground-text);font-size:var(--text-base);margin:8px 0 12px;line-height:1.6}.playground-prompt-example pre{color:#274555;white-space:pre-wrap;word-break:break-word;background:#edf3f6;border-radius:8px;margin:0;padding:11px 12px;font-size:14px;line-height:1.55;overflow-x:auto}.playground-spec-list{border-top:1px solid var(--playground-line-soft);margin:0}.playground-spec-list>div{border-bottom:1px solid var(--playground-line-soft);font-size:var(--text-base);grid-template-columns:minmax(150px,.8fr) minmax(0,2fr);gap:20px;padding:14px 0;display:grid}.playground-spec-list>div:last-child{border-bottom:0}.playground-spec-list dt{font-weight:650}.playground-spec-list dd{color:var(--playground-muted);margin:0}.playground-resource-list{flex-wrap:wrap;gap:4px 20px;margin:10px 0 0;padding:0;list-style:none;display:flex}.playground-resource-list a{min-height:44px;color:var(--playground-brand-dark);font-size:var(--text-base);text-underline-offset:5px;background:0 0;border:0;border-radius:0;align-items:center;gap:7px;padding:0;font-weight:600;line-height:1.4;text-decoration-line:underline;text-decoration-color:#8bbfd5;text-decoration-thickness:1px;display:inline-flex}.playground-resource-list a:hover{color:var(--playground-brand);text-decoration-color:currentColor}.playground-resource-list a:focus-visible{outline-offset:2px;outline:3px solid #087fb73d}.playground-resource-list svg{width:16px;height:16px}.playground-bottom-drawer{--playground-panel:#f7f9fb;--playground-panel-strong:#eef2f6;--playground-paper:#fff;--playground-ink:#18212b;--playground-text:#334150;--playground-muted:#687687;--playground-line:#d9e0e7;--playground-brand:#087fb7;--playground-brand-dark:#066a99;--playground-brand-soft:#e2f1f7;--playground-brand-pale:#f0f8fb;z-index:70!important;border-color:var(--playground-line)!important;background:var(--playground-panel)!important;max-height:min(78dvh,640px)!important;color:var(--playground-ink)!important}.playground-bottom-drawer button:focus-visible{outline-offset:2px;outline:3px solid #087fb73d}.playground-drawer-header{border-bottom:1px solid var(--playground-line);grid-template-columns:minmax(0,1fr) 44px;align-items:start;text-align:left!important;gap:12px!important;padding:10px 16px 14px!important;display:grid!important}.playground-drawer-header [data-slot=drawer-title]{color:var(--playground-ink);font-family:inherit;font-size:16px;font-weight:650}.playground-drawer-header [data-slot=drawer-description]{color:var(--playground-muted);text-wrap:wrap;margin-top:3px;font-size:14px;line-height:1.45}.playground-drawer-close{width:44px;height:44px;color:var(--playground-muted);border-radius:10px;place-items:center;display:grid}.playground-drawer-close:hover{color:var(--playground-ink);background:var(--playground-panel-strong)}.playground-drawer-scroll{overscroll-behavior:contain;width:min(720px,100%);min-height:0;padding:16px max(16px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right));margin:0 auto;overflow-y:auto}.playground-bottom-drawer .playground-model-list{gap:10px}.playground-bottom-drawer .playground-model-option{min-height:92px}.playground-examples-drawer{max-height:min(86dvh,760px)!important}@media (min-width:861px){.playground-shell{height:100dvh}.playground-desktop-panel{display:block}.playground-topbar{flex-direction:row;align-items:center;gap:12px;min-height:72px;padding:0 24px}.playground-current-model-trigger{display:none}.playground-tabs-list{gap:30px;width:auto;height:100%;padding:0}.playground-tab{flex:none;min-width:max-content;font-size:16px}}@media (min-width:861px) and (max-width:1160px){.playground-desktop-panel{width:304px}.playground-composer-zone,.playground-introduction-scroll{padding-left:24px;padding-right:24px}}@media (max-width:600px){.playground-composer-zone{padding:10px 12px max(12px, env(safe-area-inset-bottom))}.playground-composer-hint{text-align:left;padding-inline:6px}.playground-current-model{max-width:160px}.playground-upload-button span{display:none}.playground-upload-button{width:44px;padding:0}.playground-empty-state{padding:18px 16px}.playground-message-stream{padding:20px 16px 26px}.playground-message,.playground-message.is-user{grid-template-columns:32px minmax(0,1fr);gap:10px}.playground-message.is-user .playground-user-avatar{grid-area:1/1}.playground-message.is-user .playground-message-body{grid-area:1/2;align-items:flex-start}.playground-message-meta.is-user{justify-content:flex-start}.playground-user-bubble{border-radius:4px 16px 16px;max-width:100%}.playground-assistant-avatar,.playground-user-avatar{border-radius:10px;width:32px;height:32px}.playground-message-media{grid-template-columns:1fr;width:min(240px,100%)}.playground-message-media-preview,.playground-message-media-preview>button,.playground-message-media-unavailable{width:100%;height:150px}.playground-introduction-scroll{padding:26px 20px 36px}.playground-model-tagline{font-size:var(--text-base)}.playground-intro-section{margin-top:28px;padding-top:22px}.playground-intro-feature-list,.playground-prompt-list{grid-template-columns:1fr}.playground-intro-feature-list li:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--playground-line-soft)}.playground-intro-data-row,.playground-spec-list>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.playground-input-spec{grid-template-columns:1fr;gap:4px;padding:14px 0}.playground-chart-panel{padding:15px 14px 16px}.playground-chart-panel-header{flex-direction:column;align-items:flex-start}.playground-chart-segmented{width:100%;overflow-x:auto}.playground-chart-segmented button{flex:1;min-height:44px}.playground-chart-legend{gap:6px;display:grid}.playground-security-summary-chart{height:230px}.playground-dumbbell-axis{grid-template-columns:88px minmax(0,1fr);gap:10px}.playground-dumbbell-axis .playground-dumbbell-value-labels{display:none}.playground-dumbbell-list li{grid-template-columns:88px minmax(0,1fr);gap:8px 10px;padding:9px 0}.playground-dumbbell-values{grid-column:2;justify-self:end}.playground-video-model-legend{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:64px}.playground-video-bar-chart-list{grid-template-columns:1fr}.playground-video-bar-chart{padding-right:64px}.playground-video-bar-chart li{grid-template-rows:156px}.playground-video-vertical-axis{margin-top:0}.playground-video-bar-model,.playground-video-bar-chart strong{display:none}.playground-prompt-example p{min-height:0}}@media (max-width:860px){.playground-empty-page-scroll{overscroll-behavior:contain;scrollbar-color:#c3cdd5 transparent;scrollbar-width:thin;min-height:0;display:block;overflow-y:auto}.playground-empty-stage{flex:none;min-height:0}.playground-empty-stage .playground-conversation{flex:none}.playground-empty-stage .playground-empty-state{height:auto;min-height:116px}.playground-empty-hint-desktop{display:none}.playground-empty-hint-mobile{display:block}.playground-example-gallery{width:100%;min-height:240px;padding:22px max(16px, env(safe-area-inset-left)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right));border-top:1px solid var(--playground-line);background:var(--playground-panel);display:block}.playground-example-gallery>h2,.playground-example-gallery>p,.playground-example-gallery>.playground-example-list,.playground-example-gallery>.playground-panel-state{width:min(760px,100%);margin-left:auto;margin-right:auto}.playground-example-gallery h2{color:var(--playground-ink);margin-top:0;margin-bottom:0;font-size:18px;font-weight:650}.playground-example-gallery>p{color:var(--playground-muted);font-size:var(--text-base);margin-top:5px;margin-bottom:14px;line-height:1.5}.playground-example-gallery .playground-example-list{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-example-gallery .playground-example-card{height:100%}.playground-examples-button{display:inline-flex}}@media (max-width:430px){.playground-example-gallery .playground-example-list{grid-template-columns:1fr}.playground-current-model{max-width:124px}}@media (max-width:359px){.playground-examples-button{width:44px;padding:0}.playground-examples-button span,.playground-current-model{display:none}}@media (min-width:431px) and (max-width:600px){.playground-example-gallery .playground-example-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.playground-shell *,.playground-shell :before,.playground-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important}.playground-shell .animate-spin,.playground-shell .animate-pulse{animation:none}.playground-example-card:hover{transform:none}}