*,:before,:after{box-sizing:border-box}body{background:#f5f5f5;margin:0;font-family:system-ui,-apple-system,sans-serif}#root{flex-direction:column;align-items:center;height:100vh;display:flex}.app-layout{width:100%;max-width:760px;height:100vh;display:flex}.chat{background:#fff;flex-direction:column;flex:1;height:100vh;display:flex}.chat__header-right{align-items:center;gap:12px;display:flex}.logout-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;padding:4px 10px;font-size:13px}.logout-btn:hover{background:#f5f5f5}.conversation-list{background:#fafafa;border-right:1px solid #eee;flex-direction:column;gap:4px;width:200px;padding:8px;display:flex;overflow-y:auto}.conversation-list__new{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:8px;margin-bottom:4px;padding:8px;font-size:14px}.conversation-list__item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;border-radius:6px;align-items:center;padding:8px;font-size:13px;display:flex}.conversation-list__item:hover{background:#eee}.conversation-list__item--active{color:#0070f3;background:#e8f0fe}.conversation-list__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;display:block;overflow:hidden}.conversation-list__delete{opacity:0;cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:13px;line-height:1;transition:opacity .15s}.conversation-list__item:hover .conversation-list__delete{opacity:1}.conversation-list__delete:hover{color:#e00;background:#ff000014}.auth{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.auth__box{background:#fff;border-radius:12px;width:100%;max-width:360px;padding:32px;box-shadow:0 2px 16px #00000014}.auth__title{color:#111;margin:0 0 24px;font-size:24px;font-weight:700}.auth__form{flex-direction:column;gap:12px;display:flex}.auth__form input{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:15px}.auth__form input:focus{border-color:#0070f3}.auth__form button{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:8px;padding:10px;font-size:15px;font-weight:500}.auth__form button:disabled{cursor:not-allowed;background:#ccc}.auth__error{color:#e00;margin:0;font-size:13px}.auth__link{color:#666;text-align:center;margin:16px 0 0;font-size:14px}.auth__link a{color:#0070f3;text-decoration:none}.chat__header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat__title{color:#111;font-size:18px;font-weight:600}.token-counter{color:#999;font-size:12px}.message-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message{align-items:flex-end;gap:6px;display:flex}.message--user{justify-content:flex-end}.message--assistant{justify-content:flex-start}.message__bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:80%;padding:10px 14px;font-size:15px;line-height:1.5}.message__bubble p{margin:0}.message__bubble p+p{margin-top:.5em}.message__bubble pre{background:#00000014;border-radius:6px;padding:8px 10px;font-size:13px;overflow-x:auto}.message__bubble code{font-size:13px}.message__actions{opacity:0;flex-direction:column;gap:2px;transition:opacity .15s;display:flex}.message:hover .message__actions{opacity:1}.message__action-btn{cursor:pointer;color:#999;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:3px 5px;font-size:12px;line-height:1}.message__action-btn:hover{color:#333;background:#eee}.message--user .message__bubble{color:#fff;background:#0070f3;border-bottom-right-radius:4px}.message--assistant .message__bubble{color:#111;background:#f0f0f0;border-bottom-left-radius:4px}.message-input{background:#fff;border-top:1px solid #eee;gap:8px;padding:12px;display:flex}.message-input textarea{resize:none;border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:15px;line-height:1.5}.message-input textarea:focus{border-color:#0070f3}.message-input textarea:disabled{color:#999;background:#f9f9f9}.message-input button{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:500}.message-input button:disabled{cursor:not-allowed;background:#ccc}.message-input-wrapper{flex-direction:column;display:flex}.message-input-wrapper .message-input{border-top:none}.upload-error{color:#e00;margin:0;padding:4px 12px 0;font-size:12px}.image-preview-strip{gap:8px;padding:8px 12px 0;display:flex}.image-preview-strip__item{display:inline-flex;position:relative}.image-preview-strip__thumb{object-fit:cover;border:1px solid #ddd;border-radius:6px;width:64px;height:64px}.image-preview-strip__remove{color:#fff;cursor:pointer;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.message-input__file-hidden{display:none}.message-input__attach-btn{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:18px}.message-input__attach-btn:disabled{opacity:.4;cursor:not-allowed}.message__image{object-fit:contain;border-radius:8px;max-width:320px;max-height:320px;margin-bottom:6px;display:block}