.playground-page{max-width:1180px;margin:0 auto;padding:26px 16px 24px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-heading h1{margin:2px 0 6px;font-size:28px;line-height:1.1}.page-heading p{color:var(--muted)}.eyebrow{letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--accent)!important}.setup{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.setup-field,.setup-field select{min-width:0}.chat-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px;display:grid}.conversation-card{flex-direction:column;min-height:540px;display:flex}.conversation-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.messages{flex-direction:column;flex:1;gap:12px;min-height:300px;padding:18px 0;display:flex;overflow:auto}.message{border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:90%;padding:11px 13px}.message.user{background:#fcb5c01f;border-color:#fcb5c059;align-self:flex-end}.message.assistant{background:var(--bg);align-self:flex-start}.message-label{color:var(--muted);letter-spacing:.08em;margin-bottom:5px;font-size:10px;font-weight:700}.empty-copy{color:var(--muted);text-align:center;align-self:center;padding:42px 12px}.composer{border-top:1px solid var(--border);align-items:flex-end;gap:10px;padding-top:12px;display:flex}.composer textarea{resize:vertical}.composer .btn{flex-shrink:0}.settings h2{margin-bottom:5px;font-size:15px}.settings-note{color:var(--muted);margin-bottom:16px;font-size:12px}.sampler{margin-bottom:15px}.sampler-head{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.sampler output{color:var(--accent);font-variant-numeric:tabular-nums}.sampler input{accent-color:var(--accent);padding:0}@media (width<=700px){.playground-page{padding:16px 10px}.setup,.chat-layout{grid-template-columns:1fr}.page-heading{align-items:flex-start;margin-bottom:16px}.page-heading h1{font-size:24px}.page-heading .btn{padding:8px 10px;font-size:12px}.conversation-card{min-height:calc(100dvh - 330px);padding:12px}.messages{min-height:220px;padding:12px 0}.message{max-width:96%}.settings{padding:14px 12px}.sampler{margin-bottom:12px}.composer{background:var(--surface);flex-direction:column;gap:8px;position:sticky;bottom:0}.composer textarea,.composer .btn{width:100%}.setup{gap:8px;margin-bottom:14px}}.page-heading-actions{flex-wrap:wrap;gap:8px;display:flex}.playground-alert.visible{margin-bottom:14px}.starter-btn{align-self:flex-start;width:auto;margin-bottom:8px}