:root{--muted:#62766b;--ink:#163d32}body{color:var(--ink);background:#f4f6f1;font-family:Arial,sans-serif}.demo-shell{max-width:1450px;margin:auto;padding:28px}.demo-nav{border-bottom:1px solid #d9e3dc;flex-wrap:wrap;gap:12px;padding-bottom:20px;display:flex}.demo-nav a{color:#245c48;padding:10px;text-decoration:none}.demo-nav a:hover{background:#e0ebdf;border-radius:8px}.eyebrow{letter-spacing:2px;margin-bottom:16px;font-size:10px}.intro{color:var(--muted);margin-top:16px;line-height:1.8}.primary{color:#fff;cursor:pointer;background:#245c48;border:0;border-radius:6px;padding:14px 20px}.primary:disabled{opacity:.45;cursor:default}.tag{background:#e1e9d7;border-radius:20px;padding:8px 12px;font-size:11px;display:inline-block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #87ab73}.project-studio{padding:40px 0}.studio-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.studio-heading h1{font-size:clamp(28px,3vw,42px)}.studio-demo{white-space:nowrap;color:#526348;background:#e9eee3;border-radius:20px;padding:9px 13px;font-size:11px}.studio-grid{grid-template-columns:minmax(0,1fr) 290px;gap:24px;margin-top:28px;display:grid}.studio-conversation{background:#fff;border:1px solid #d9e3dc;border-radius:16px;overflow:hidden}.studio-chat-heading{border-bottom:1px solid #e9eee9;align-items:center;gap:14px;padding:20px 24px;display:flex}.studio-chat-heading small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.studio-ai-icon{color:#2b6652;font-size:26px}.studio-messages{min-height:280px;max-height:440px;padding:24px;overflow-y:auto}.studio-welcome{text-align:center;padding:20px 5px}.studio-spark{color:#477655;font-size:42px}.studio-welcome h2{margin:15px 0;font-size:24px}.studio-welcome p{color:var(--muted);font-size:14px;line-height:1.9}.studio-example{cursor:pointer;color:#275943;background:#f5f8f1;border:1px solid #cbdacb;border-radius:20px;margin-top:18px;padding:12px 16px}.studio-composer{border:1px solid #becfc2;border-radius:12px;margin:0 20px;padding:12px}.studio-composer textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;background:0 0;border:0;padding:8px;font-size:14px;line-height:1.6;display:block}.studio-composer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-attach{color:#315f4e;cursor:pointer;background:0 0;border:0;padding:10px}.studio-disclaimer{color:var(--muted);margin:0;padding:14px 24px;font-size:11px;line-height:1.7}.studio-context{background:#edf2e9;border-radius:16px;align-self:start;padding:24px}.studio-context h2{overflow-wrap:anywhere;margin:20px 0 14px;font-size:23px}.studio-context p{color:#596c60;font-size:13px;line-height:1.8}.studio-context-section{border-top:1px solid #d2ddcf;margin-top:22px;padding-top:18px}.studio-context h3{font-size:13px}.studio-message{overflow-wrap:anywhere;background:#f1f5ed;border-radius:12px;max-width:90%;margin:0 0 20px;padding:16px 18px}.studio-message.user{background:#e5efe8;margin-left:auto}.studio-author{color:#47725b;font-size:11px}.studio-message p{white-space:pre-wrap;margin:8px 0 0;font-size:14px;line-height:1.8}.studio-file{overflow-wrap:anywhere;border:1px solid #c9d6c9;border-radius:7px;align-items:center;gap:10px;margin:8px 6px 0 0;padding:6px 10px;font-size:12px;display:inline-flex}.studio-file button{cursor:pointer;background:0 0;border:0;font-size:20px}.studio-attachments{margin-bottom:12px}@media (max-width:1000px){.studio-grid{grid-template-columns:1fr}.studio-context{display:block}.studio-heading{flex-wrap:wrap}}@media (max-width:550px){.studio-messages{padding:14px}.studio-composer{margin:0 10px}.studio-composer-actions{flex-direction:column;align-items:stretch}.studio-message{max-width:100%}.studio-chat-heading{padding:16px}}.studio-input-group{border:0;min-width:0;margin:0;padding:0}.studio-input-group:disabled{opacity:.65}.studio-demo-control{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.studio-sources,.studio-proposal{border-top:1px solid #c9d6c9;margin-top:16px;padding-top:14px;font-size:13px}.studio-sources summary{cursor:pointer;margin-top:10px;line-height:1.6}.studio-request{background:#f8f6ed;border:1px solid #c9d6c9;border-radius:12px;margin:12px 0;padding:16px;font-size:14px;line-height:1.7}.studio-decision-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.studio-decision-buttons button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #819e8d;border-radius:8px;padding:10px 12px}.studio-file{box-sizing:border-box;max-width:100%}.connection-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:13px;display:flex}.connection-status>div{color:var(--ink);align-items:center;gap:8px;display:flex}.connection-status p{flex:1;min-width:200px;margin:0}.connection-status button{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #8da394;border-radius:8px;padding:8px 12px}.connection-status button:disabled{opacity:.5;cursor:default}.connection-dot{background:#a58a44;border-radius:50%;width:8px;height:8px}.connection-dot.available{background:#4fa179}.connection-dot.unavailable{background:#c36c66}