.test-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:40px;padding-block:36px 64px}
.try-settings,.try-chat{min-width:0}
.try-intro .eyebrow{margin:0 0 16px;font-size:9px;letter-spacing:.14em}
.test-layout h1{font-size:clamp(44px,4.8vw,60px);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px}
.try-intro .lead{font-size:15px;line-height:1.65;margin:0}
.connection{font-size:12px;line-height:1.65;padding:12px 14px;border:1px solid #d8d9d1;border-radius:10px;background:#eeeee7;margin:20px 0 0}
.settings-section{display:grid;gap:16px;padding-block:20px;border-bottom:1px solid #deded7}
.control-group{display:grid;gap:8px;min-width:0}
.test-layout label{display:block;font-size:12px;font-weight:500;line-height:1.5;margin:0}
.test-layout select{width:100%;min-width:0;max-width:100%;min-height:46px;background:#fffefa;border:1px solid #bbb9b4;border-radius:8px;padding:11px 12px;color:var(--ink);font-family:inherit;font-size:14px;line-height:1.5}
.test-layout .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.test-layout .check input{flex:none;width:15px;height:15px;margin:2px 0 0;accent-color:#20211f}
.test-layout button{border:1px solid #bbb9b4;border-radius:8px;background:#20211f;color:#fffefa;border-color:#20211f;font-weight:600;padding:11px 14px;min-height:44px;margin:0;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap}
.test-layout button:hover:enabled{background:#383c35;border-color:#383c35}.test-layout button:active:enabled{background:#10120f;transform:translateY(1px)}.test-layout button:disabled{cursor:default;background:#eeece6;color:#777b72;border-color:#d8d9d1;opacity:1}
.test-layout button:focus-visible,.test-layout select:focus-visible{outline:3px solid #a52e12;outline-offset:3px}
.voice-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.voice-picker button{min-height:46px}
.voice-picker .select-full-label{grid-column:1/-1;grid-row:2;margin:0}
.test-layout .fine{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.test-layout .select-full-label{margin:0}
.test-controls button{justify-self:start}
.try-resources{display:grid;gap:16px;padding-top:20px}
.try-resources>.text-link{justify-self:start;font-size:13px}
.test-layout details{margin:0;padding:0;border:0}
.test-layout summary{font-size:12px;cursor:pointer;padding:0;min-height:36px}
.test-layout details[open] .fine{margin-top:12px}
.test-layout pre{font:11px/1.65 monospace;white-space:pre-wrap;color:#62645f;margin:12px 0 0}
.try-chat{position:sticky;top:24px}.try-chat>.fine{margin:10px 4px 0}
@media(max-width:1050px){.test-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:28px}}
@media(max-width:760px){.test-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:24px 40px}.try-chat{position:static;grid-row:1}.test-layout h1{font-size:44px}.try-intro .eyebrow{margin-bottom:12px}.try-settings{width:100%;max-width:520px;justify-self:center}}