*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f5f6f8;color:#1d2330}.app{display:flex;height:100vh}.panel{width:300px;padding:16px;background:#fff;border-right:1px solid #dde1e8;overflow-y:auto}.panel ul{list-style:none;padding:0}.panel li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee}.panel li button{border:0;background:none;cursor:pointer;color:#a33}.upload{display:block;padding:10px;border:2px dashed #aab;border-radius:8px;text-align:center;cursor:pointer}.upload input{display:none}.error{color:#b00020}.empty{color:#889}.chat{flex:1;display:flex;flex-direction:column;min-width:0}.messages{flex:1;overflow-y:auto;padding:16px}.msg{margin-bottom:14px;display:flex;flex-direction:column}.msg.user{align-items:flex-end}.bubble{max-width:75%;padding:10px 14px;border-radius:12px;white-space:pre-wrap;background:#fff;border:1px solid #dde1e8}.msg.user .bubble{background:#d97757;color:#fff;border-color:#d97757}details{max-width:75%;font-size:.85em;margin-top:4px}blockquote{margin:6px 0;padding-left:10px;border-left:3px solid #d97757}form{display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #dde1e8}form input{flex:1;padding:10px;border:1px solid #ccd;border-radius:8px}form button{padding:10px 16px;border:0;border-radius:8px;background:#d97757;color:#fff;cursor:pointer}form button:disabled{opacity:.5;cursor:default}.main{flex:1;display:flex;flex-direction:column;min-width:0}.banner{background:#fff3cd;color:#664d03;padding:8px 16px;font-size:.9em}.chat header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#fff;border-bottom:1px solid #dde1e8}.chat header h1{font-size:1.1em;margin:0}.chat header button,.actions button{border:1px solid #ccd;background:#fff;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:.8em}.actions{display:flex;gap:6px;margin-top:4px}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble{white-space:normal}.msg.user .bubble{white-space:pre-wrap}.url-form{display:flex;gap:6px;margin-top:10px}.url-form input{flex:1;min-width:0;padding:6px;border:1px solid #ccd;border-radius:6px}.url-form button{border:0;border-radius:6px;background:#d97757;color:#fff;padding:6px 10px;cursor:pointer}.hint{font-size:.8em;color:#889}.panel li label{display:flex;gap:4px;align-items:center;min-width:0;overflow:hidden}.panel li label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-color-scheme:dark){body{background:#14171f;color:#e6e9ef}.panel,.bubble,form,.chat header{background:#1c212c;border-color:#2d3444}.chat header button,.actions button{background:#1c212c;color:#e6e9ef;border-color:#2d3444}form input,.url-form input{background:#14171f;color:#e6e9ef;border-color:#2d3444}}
