*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.sample-page{display:flex;flex-direction:column;align-items:center;padding:24px;min-height:100vh}h1{font-size:1.4rem;margin-bottom:16px}.controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:20px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.controls label{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500}.controls input,.controls select{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}.controls input{width:180px}.chatbot-container{width:400px;height:600px}spo-chatbot{display:block;width:100%;height:100%}