*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#e0e0e0;min-height:100vh}#app{max-width:720px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:2rem}h1{font-size:1.8rem;color:#fff}.subtitle{color:#888;font-size:.9rem;margin-top:.25rem}.upload-section{margin-bottom:1.5rem}#drop-zone{border:2px dashed #444;border-radius:12px;padding:2.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;outline:none}#drop-zone:hover,#drop-zone:focus-visible{border-color:#f5c518;background:#f5c5180a}#drop-zone.drag-over{border-color:#f5c518;background:#f5c51814}.drop-zone-content svg{color:#666;margin-bottom:.75rem}.drop-zone-content p{color:#aaa;font-size:.95rem}.hint{font-size:.8rem!important;color:#666!important;margin-top:.25rem}.thumbnails{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.thumb{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid #333}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:22px;text-align:center;padding:0}.thumb-remove:hover{background:#e44}.model-section{margin-bottom:1.5rem}.model-section label{display:block;font-weight:600;margin-bottom:.5rem;color:#ccc}#model-select{width:100%;padding:.6rem .75rem;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#e0e0e0;font-size:.95rem;font-family:inherit}#model-select:focus{outline:none;border-color:#f5c518}.prompt-section{margin-bottom:1.5rem}.prompt-section label{display:block;font-weight:600;margin-bottom:.5rem;color:#ccc}#prompt-input{width:100%;padding:.75rem;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#e0e0e0;font-size:.95rem;resize:vertical;font-family:inherit}#prompt-input:focus{outline:none;border-color:#f5c518}#submit-btn{margin-top:.75rem;padding:.7rem 2rem;border:none;border-radius:8px;background:#f5c518;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}#submit-btn:hover{opacity:.9}#submit-btn:disabled{opacity:.4;cursor:not-allowed}.loading{text-align:center;padding:2rem}.spinner{width:36px;height:36px;border:3px solid #333;border-top-color:#f5c518;border-radius:50%;margin:0 auto .75rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#2a1010;border:1px solid #5a2020;color:#f88;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem}.conversation{margin-top:1rem}.chat-messages{display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto;padding:.5rem 0}.chat-message{border-radius:10px;padding:.75rem 1rem}.chat-user{background:#1a2a1a;border:1px solid #2a4a2a}.chat-model{background:#1a1a2a;border:1px solid #2a2a4a}.chat-error{background:#2a1010;border:1px solid #5a2020}.chat-error .chat-role{color:#f88}.chat-code{background:#111;border:1px solid #333;border-radius:6px;padding:.75rem;margin-top:.5rem;overflow-x:auto;font-size:.8rem;line-height:1.4}.chat-code code{color:#ccc;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace}.chat-role{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;color:#888}.chat-content p{white-space:pre-wrap;line-height:1.5}.chat-thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #444;margin-top:.5rem;margin-right:.5rem}.follow-up{display:flex;gap:.5rem;margin-top:1rem;align-items:flex-end}.follow-up textarea{flex:1;padding:.6rem .75rem;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#e0e0e0;font-size:.95rem;resize:none;font-family:inherit}.follow-up textarea:focus{outline:none;border-color:#f5c518}.follow-up button{padding:.6rem 1.2rem;border:none;border-radius:8px;background:#f5c518;color:#000;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.follow-up button:hover{opacity:.9}.follow-up button:disabled{opacity:.4;cursor:not-allowed}.new-chat-btn{margin-top:1rem;padding:.5rem 1.2rem;border:1px solid #444;border-radius:8px;background:transparent;color:#ccc;font-size:.9rem;cursor:pointer;transition:border-color .2s,color .2s}.new-chat-btn:hover{border-color:#f5c518;color:#f5c518}.result-image-card{position:relative;border-radius:8px;overflow:hidden;border:1px solid #333;background:#1a1a1a}.result-image-card img{display:block;max-width:100%;max-height:512px}.download-btn{display:block;text-align:center;padding:.5rem;background:#222;color:#f5c518;text-decoration:none;font-size:.85rem;font-weight:500}.download-btn:hover{background:#2a2a2a}.hidden{display:none!important}