*{box-sizing:border-box}body{font-family:system-ui,sans-serif;max-width:640px;margin:2rem auto;padding:0 1rem}h1{font-size:1.25rem;margin-bottom:1rem}.row{display:flex;gap:.5rem;margin-bottom:1rem}input[type=text]{flex:1;padding:.5rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}button{padding:.5rem 1rem;font-size:1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:not-allowed}label{display:block;font-weight:500;margin-bottom:.25rem}select{padding:.5rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;min-width:200px}.section{margin-bottom:1rem}.thinking,.output{width:100%;min-height:120px;padding:.75rem;font-size:.95rem;border:1px solid #ccc;border-radius:6px;resize:vertical;font-family:inherit}.thinking{background:#f8fafc;border-color:#e2e8f0}.output.error{color:#b91c1c}