.playground-page{--pg-border:#dfe3da;padding-bottom:32px}.pg-subnav{border-bottom:1px solid var(--line);font-size:var(--text-xs);color:var(--slate);justify-content:space-between;padding:23px 0;display:flex}.pg-subnav>span{gap:13px;display:flex}.pg-subnav a{color:var(--slate)}.pg-slash{color:#a9afa4}.pg-hero{justify-content:space-between;align-items:center;gap:28px;padding:39px 0 36px;display:flex}.pg-eyebrow{font:600 var(--text-xs)/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--emerald);align-items:center;gap:8px;margin:0 0 17px;display:flex}.pg-eyebrow:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pg-eyebrow .pg-dot{display:none}.pg-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pg-hero h1{font-size:var(--text-page-title);letter-spacing:-.045em;margin:0 0 17px;font-weight:650;line-height:1.08}.pg-hero h1 em{color:var(--emerald);font-style:normal}.pg-hero>div>p:last-child{color:var(--slate);font-size:var(--text-base);margin:0;line-height:1.65}.pg-hero-note{font-size:var(--text-sm);align-items:center;gap:16px;padding-right:23px;display:flex}.pg-hero-note strong{font-weight:600}.pg-hero-note p{color:var(--muted);line-height:1.7;font-size:var(--text-xs);margin:5px 0 0}.pg-route-icon{width:44px;height:44px;font-size:var(--text-3xl);color:#318356;background:#eaf2e7;border:1px solid #d8e5d8;border-radius:13px;flex-shrink:0;place-items:center;line-height:1;display:grid}.pg-workspace{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.pg-panel{border:1px solid var(--pg-border);background:#fff;border-radius:13px;min-width:0;padding:24px}.pg-panel-heading,.pg-heading-title{align-items:center;gap:10px;display:flex}.pg-panel-heading{justify-content:space-between;gap:12px}.pg-heading-title h2{font-size:var(--text-base);letter-spacing:-.025em;margin:0;font-weight:650}.pg-section-number{color:#828c7f;font:var(--text-xs) var(--mono);background:#f2f4ee;border:1px solid #e5e8df;border-radius:5px;padding:4px 5px}.pg-tag{color:#718069;font:var(--text-xs) var(--mono);white-space:nowrap;border:1px solid #e1e7db;border-radius:4px;padding:4px 6px}.pg-panel-intro{font-size:var(--text-xs);color:#697264;margin:12px 0 22px}.pg-route-preview{background:#f7f9f5;border:1px solid #e7ebe2;border-radius:8px;margin-bottom:22px;padding:14px}.pg-route-label{font:var(--text-xs) var(--mono);letter-spacing:.12em;color:#7b8776}#pg-route{font:var(--text-xs) var(--mono);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.pg-route-node{color:#2d7247;background:#e9f1e5;border:1px solid #cedfc8;border-radius:4px;padding:5px 7px}.pg-route-node.is-off{color:#9c6c62;background:#fcf1ee;border-style:dashed;border-color:#e2cfc8;text-decoration:line-through}.pg-route-source,.pg-route-arrow{color:#7f8b78}.pg-step{background:#fff;border:1px solid #dde3d8;border-radius:9px;transition:border-color .15s;overflow:hidden}.pg-step:hover{border-color:#a8bca1}.pg-step-header{background:#fafbf8;border-bottom:1px solid #eaf0e5;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.pg-step-title{align-items:center;gap:9px;display:flex}.pg-step-title strong{font-size:var(--text-xs);font-weight:600}.pg-step-index{color:#8b9784;font:var(--text-xs) var(--mono)}.pg-step-state{color:#397747;font-size:var(--text-xs);white-space:nowrap;background:#eaf4e6;border-radius:4px;padding:2px 6px}.pg-order{gap:3px;display:flex}.pg-order button{color:#65705e;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:26px;height:26px}.pg-order button:hover{background:#e9eee4}.playground-page button:disabled{opacity:.4;cursor:default}.pg-step-fields{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;padding:14px 14px 10px;display:grid}.pg-step-fields label,.pg-field-label,.pg-key-card label{font-size:var(--text-xs);color:#697162;font-weight:550;display:block}.pg-step-fields input,.pg-step-fields select,#pg-key,#pg-prompt{width:100%;height:38px;font-family:var(--body);font-size:var(--text-control);color:var(--ink);background-color:#fff;border:1px solid #dde3d8;border-radius:6px;min-width:0;margin-top:6px;padding:8px 10px}.pg-step-fields select{padding-right:26px}.pg-step-fields input{font-family:var(--mono);font-size:var(--text-control)}.pg-step-bottom{justify-content:space-between;align-items:center;gap:6px;padding:0 14px 12px;display:flex}.pg-step-bottom>span{font-size:var(--text-xs);color:#7d8876}.pg-kill{color:#9b6153;font:var(--text-xs) var(--body);cursor:pointer;background:0 0;border:0;padding:6px 0 6px 8px}.pg-kill:hover{text-decoration:underline}.pg-step.is-off{background:#fffdfa;border-style:dashed;border-color:#e4d8cf}.pg-step.is-off .pg-step-header{background:#faf4ef}.pg-step.is-off .pg-step-state{color:#9b6153;background:#f3e5df}.pg-step.is-off .pg-step-fields{opacity:.6}.pg-step.is-off .pg-kill{color:#087b41}.pg-connector{height:28px;font:var(--text-xs) var(--mono);color:#8b9684;align-items:center;gap:9px;padding-left:25px;display:flex}.pg-connector span{font-size:var(--text-base);color:#91aa85}.pg-add{width:100%;font:var(--text-xs) var(--body);color:#4c6d40;cursor:pointer;background:#fff;border:1px dashed #cdd9c6;border-radius:7px;margin-top:16px;padding:11px}.pg-add:hover{background:#f5f9f1;border-color:#7e9e6f}.pg-add span{padding-right:5px}.pg-tip{align-items:center;gap:11px;padding:15px 0;display:flex}.pg-tip>span{font-size:var(--text-xl);color:#8a9c7a}.pg-tip p{color:#7c8675;font-size:var(--text-xs);margin:0;line-height:1.6}.pg-tip strong{color:#58684f;font-weight:600}.pg-provider-help{font-size:var(--text-xs);color:#67775c;border-top:1px solid #ebeee7;padding-top:13px}.pg-provider-help summary{cursor:pointer}#pg-authhint{font-size:var(--text-xs);color:#71806a;padding-top:12px;line-height:1.8}.pg-request-column{gap:18px;min-width:0;display:grid}.pg-live{font:var(--text-xs) var(--mono);color:#5b7352;white-space:nowrap;align-items:center;gap:6px;display:flex}.pg-key-card.card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:20px 0 16px}.pg-key-card.card p{font-size:var(--text-sm);color:#7b8574;margin-top:7px;line-height:1.5}.pg-key-card.card p:last-child{margin-top:9px}.pg-key-card a{font-size:var(--text-xs);font-weight:550}#pg-key{font-family:var(--mono)}#pg-prompt{resize:vertical;height:auto;min-height:66px;font-size:var(--text-xs);background:#fafbf8;line-height:1.7}.pg-send-actions{grid-template-columns:1fr auto;gap:9px;margin-top:15px;display:grid}.pg-send-actions .cta{font-size:var(--text-sm);border-radius:6px;margin:0;padding:11px 16px}.pg-send-actions .primary{background:var(--green);border-color:var(--green)}.pg-send-actions .primary span{font-size:var(--text-xs);margin-right:8px}.pg-status{color:#7b8574;font-size:var(--text-xs);min-height:16px;margin:12px 0 0;line-height:1.6}.pg-code-panel{color:#dce9d9;background:#15221b;border:1px solid #24392a;border-radius:12px;overflow:hidden}.pg-code-panel summary{cursor:pointer;font-size:var(--text-sm);border-bottom:1px solid #2b3a2e;justify-content:space-between;align-items:center;padding:17px 19px;list-style:none;display:flex}.pg-code-panel summary::-webkit-details-marker{display:none}.pg-code-icon{color:#83ad76;font:var(--text-sm) var(--mono);padding-right:7px}.pg-code-language{color:#8da286;font:var(--text-sm) var(--mono)}.pg-code-toolbar{font:var(--text-sm) var(--mono);color:#83947d;justify-content:space-between;align-items:center;padding:12px 18px 0;display:flex}#pg-copy{color:#d2e2cb;cursor:pointer;font:var(--text-xs) var(--body);background:#233329;border:1px solid #3b4c3d;border-radius:4px;padding:4px 7px}.pg-code-panel pre{tab-size:2;max-height:270px;font:var(--text-sm)/1.8 var(--mono);margin:0;padding:12px 19px 18px;overflow:auto}.pg-code-panel code{font:inherit;color:#b9d6ab;background:0 0;padding:0}.pg-code-panel>p{font-size:var(--text-sm);color:#8b9e83;border-top:1px solid #2b3a2e;margin:0;padding:12px 19px}.pg-code-panel a{color:#a7cb96;margin-left:4px}.pg-results-panel{grid-column:1/-1;padding:0;overflow:hidden}.pg-results-panel>.pg-panel-heading{border-bottom:1px solid #edf0e8;padding:19px 24px}.pg-count{color:#7c8a71;font:var(--text-xs) var(--mono);background:#eff3eb;border-radius:4px;padding:3px 6px}.pg-text-button{color:#6b7862;cursor:pointer;font:var(--text-sm) var(--body);background:0 0;border:0}.pg-empty{text-align:center;padding:33px 20px 29px}.pg-empty[hidden]{display:none}.pg-empty-icon{color:#829976;width:34px;height:34px;font-size:var(--text-xl);background:#f8faf5;border:1px solid #e0e7da;border-radius:10px;place-items:center;margin:0 auto 11px;display:grid}.pg-empty>strong{font-size:var(--text-sm);font-weight:550;display:block}.pg-empty p{color:#86907e;font-size:var(--text-xs);margin:7px 0 14px;line-height:1.7}.pg-empty-hint{font:var(--text-xs) var(--mono);color:#929c8c}.pg-results-footer{color:#818d78;font-size:var(--text-xs);background:#fcfdfb;border-top:1px solid #eaf0e4;justify-content:space-between;gap:12px;padding:12px 24px;display:flex}.pg-results-footer>span:first-child{align-items:center;gap:7px;display:flex}.pg-results-footer code{font-size:var(--text-xs);background:0 0;padding:0}.pg-table-scroll{overflow-x:auto}.pg-results-panel table.models{white-space:nowrap;font-size:var(--text-xs);border:0;border-radius:0;margin:0}.pg-results-panel table.models th{font-size:var(--text-xs)}.pg-bottom-note{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 0;padding:0 4px;display:flex}.pg-bottom-note>div{align-items:center;gap:13px;display:flex}.pg-bottom-note .pg-route-icon{font-size:var(--text-3xl);background:0 0;border:0;width:30px}.pg-bottom-note strong{font-size:var(--text-xs);font-weight:550}.pg-bottom-note p{font-size:var(--text-xs);color:#7a8672;max-width:580px;margin:3px 0 0}.pg-bottom-note>a{font-size:var(--text-xs);flex-shrink:0}.pg-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=950px){.pg-hero-note{display:none}.pg-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.pg-panel{padding:18px}.pg-tag{display:none}.pg-step-fields{grid-template-columns:1fr;gap:9px}.pg-step-bottom>span{max-width:60%}.pg-results-panel{padding:0}}@media (width<=700px){.pg-subnav{padding:16px 0}.pg-hero{padding:30px 0}.pg-hero h1{font-size:var(--text-page-title)}.pg-hero>div>p:last-child{font-size:var(--text-sm)}.pg-workspace{grid-template-columns:1fr}.pg-tag{display:inline}.pg-step-fields{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.pg-results-panel>.pg-panel-heading{padding:18px}.pg-results-footer{flex-wrap:wrap;padding:12px 18px}.pg-bottom-note{flex-direction:column;align-items:flex-start;gap:12px}.pg-bottom-note>a{margin-left:43px}.pg-empty-hint{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.playground-page *{scroll-behavior:auto!important;transition:none!important}}