:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea,input{font:inherit}#app{min-height:100vh}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.panel{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;max-width:720px;padding:24px}h1,h2,p{margin:0}h1{margin-bottom:4px;font-size:1.75rem}h2{margin-bottom:12px;font-size:1rem}.form{gap:12px;display:grid}.form-spaced{margin-top:20px}.header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.subtle{color:#6b7280}.label{font-weight:600}.input,.textarea{resize:vertical;width:100%;color:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px}.input:focus,.textarea:focus{outline-offset:2px;outline:2px solid #2563eb}.button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;width:fit-content;padding:10px 16px}.button:disabled{opacity:.7;cursor:wait}.button-secondary{color:#111827;background:#e5e7eb}.message{color:#374151;margin-top:16px}.error{color:#b91c1c}.output{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.messages{gap:12px;max-height:60vh;display:grid;overflow-y:auto}.message-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.message-card p{margin:0}.message-user{border-color:#cbd5e1}.message-assistant{background:#eff6ff;border-color:#dbeafe}.message-content{gap:12px;display:grid}.message-content p{margin:0}.message-text{white-space:pre-wrap}.placeholder{color:#6b7280}