body{color:#111;background:#f6f6f6;margin:0;font-family:system-ui,sans-serif}main{box-sizing:border-box;flex-direction:column;gap:1rem;max-width:40rem;min-height:100dvh;margin:0 auto;padding:1.5rem;display:flex}header{color:#555;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.tabs{gap:.25rem;display:flex}.tabs button{color:#333;background:#e5e5e5;padding:.4rem .75rem}.tabs button.active{color:#fff;background:#111}.toolbar{color:#555;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.deliveries{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow:auto}.deliveries pre{background:#fff;border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:.75rem;overflow-x:auto}.messages{flex-direction:column;flex:1;gap:.75rem;display:flex}.message{white-space:pre-wrap;background:#fff;border-radius:.75rem;padding:.75rem 1rem}.message.user{background:#dbeafe;align-self:flex-end}form{gap:.5rem;display:flex}input{font:inherit;border:1px solid #ccc;border-radius:.5rem;flex:1;padding:.75rem}button{color:#fff;font:inherit;cursor:pointer;background:#111;border:0;border-radius:.5rem;padding:.75rem 1rem}button:disabled{opacity:.5;cursor:default}