*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f0f13;color:#e2e2e2;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}#picker{text-align:center}#picker h1{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;color:#fff}#picker p{font-size:.9rem;color:#888;margin-bottom:2rem}.site-list{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.site-btn{padding:.9rem 1.6rem;background:#1a1a24;border:1px solid #2e2e40;border-radius:10px;color:#e2e2e2;font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s}.site-btn:hover{background:#252535;border-color:#5c5cff}#chat{display:none;flex-direction:column;width:min(680px,100%);height:100dvh;padding:1rem;gap:.75rem}#chat-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #2e2e40}#back-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.2rem;line-height:1;padding:.2rem}#back-btn:hover{color:#e2e2e2}#chat-title{font-size:1rem;font-weight:600;color:#fff}#chat-site-label{font-size:.8rem;color:#888;margin-left:auto}#messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.25rem}.msg{max-width:80%;padding:.7rem 1rem;border-radius:16px;font-size:.92rem;line-height:1.55;word-break:break-word}.msg.user{align-self:flex-end;background:#3a3aff;border-radius:16px 16px 4px;color:#fff;white-space:pre-wrap}.msg.assistant{align-self:flex-start;background:#1e1e2e;border:1px solid #2e2e50;border-radius:4px 16px 16px;color:#e2e2e2}.msg.assistant p{margin:.4rem 0}.msg.assistant p:first-child{margin-top:0}.msg.assistant p:last-child{margin-bottom:0}.msg.assistant ul,.msg.assistant ol{padding-left:1.25rem;margin:.4rem 0}.msg.assistant li{margin:.15rem 0}.msg.assistant strong{color:#fff}.msg.assistant code{background:#0d0d18;border-radius:4px;padding:.1em .35em;font-size:.85em;font-family:ui-monospace,monospace}.msg.tool-status{align-self:flex-start;background:none;border:none;color:#666;font-size:.8rem;padding:0 .25rem}.msg.user img.msg-image{display:block;max-width:100%;max-height:200px;border-radius:8px;margin-bottom:.4rem;object-fit:cover}.msg.user .msg-video-icon{display:block;font-size:.85rem;background:#ffffff26;border-radius:6px;padding:.25rem .5rem;margin-bottom:.4rem}#image-preview{display:none;flex-wrap:wrap;gap:.4rem;padding:.4rem .5rem;background:#1a1a24;border:1px solid #2e2e40;border-radius:8px}.preview-item{position:relative;width:52px;height:52px;flex-shrink:0}.preview-item img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.preview-item button{position:absolute;top:-4px;right:-4px;background:#0f0f13;border:1px solid #2e2e40;border-radius:50%;color:#aaa;cursor:pointer;font-size:.6rem;line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0}.preview-item button:hover{color:#fff;background:#3a3aff;border-color:#3a3aff}.preview-video-icon{width:100%;height:100%;background:#252535;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}#input-area{display:flex;flex-direction:column;gap:.4rem}#input-row{display:flex;gap:.5rem;align-items:flex-end}#input{flex:1;background:#1a1a24;border:1px solid #2e2e40;border-radius:10px;color:#e2e2e2;font-size:.92rem;padding:.65rem .9rem;resize:none;max-height:140px;outline:none;font-family:inherit;line-height:1.5}#input:focus{border-color:#5c5cff}#input::placeholder{color:#555}#attach-btn{background:#1a1a24;border:1px solid #2e2e40;border-radius:10px;color:#888;cursor:pointer;font-size:1.1rem;padding:.65rem .75rem;transition:background .15s,border-color .15s,color .15s;height:fit-content;line-height:1}#attach-btn:hover{background:#252535;border-color:#5c5cff;color:#e2e2e2}#send-btn{background:#3a3aff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.92rem;padding:.65rem 2rem;transition:background .15s;white-space:nowrap;height:100%}#send-btn:hover:not(:disabled){background:#5c5cff}#send-btn:disabled{opacity:.4;cursor:default}