*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{background:#fff;border-radius:10px;max-width:800px;margin:0 auto;padding:30px;box-shadow:0 2px 10px #0000001a}h1{text-align:center;color:#ff6700;margin-bottom:30px}.form-group{margin-bottom:20px}label{color:#555;margin-bottom:8px;font-weight:500;display:block}input,textarea,select{border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:16px;transition:border-color .3s}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.form-control{background-color:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:16px}#opencode-config,#openrouter-config{background:#f8f9fa;border-left:4px solid #ff6700;border-radius:6px;margin-bottom:20px;padding:20px}#opencode-config{border-left-color:#007bff}#openrouter-config{border-left-color:#28a745}input:focus,textarea:focus{border-color:#ff6700;outline:none}textarea{resize:vertical;min-height:100px}.btn{color:#fff;cursor:pointer;background:#ff6700;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px 30px;font-size:16px;transition:background .3s;display:block}.btn:hover{background:#e55d00}.btn:disabled{cursor:not-allowed;background:#ccc}.result{background:#f9f9f9;border-left:4px solid #ff6700;border-radius:6px;margin-top:30px;padding:20px;display:none}.result.active{display:block}.error{color:#d32f2f;background:#ffebee;border-left-color:#d32f2f}.loading{text-align:center;padding:20px;display:none}.loading.active{display:block}.spinner{border:4px solid #f3f3f3;border-top-color:#ff6700;border-radius:50%;width:40px;height:40px;margin:0 auto 10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tips{color:#666;margin-top:5px;font-size:14px}.api-info{background:#e3f2fd;border-radius:6px;margin-bottom:20px;padding:15px;font-size:14px}.upload-container{background-color:#fff;border:1px dashed #cbd5e1;border-radius:12px;margin-bottom:24px;padding:30px 40px;transition:border-color .3s,background-color .3s}.upload-container:hover{border-color:#94a3b8}.upload-container.drag-over{background-color:#f0fdfa;border-color:#3b82f6}.upload-dropzone{flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative}.upload-prompt{flex-direction:row;align-items:center;gap:16px;display:flex}.upload-icon{width:48px;height:48px}.upload-text{color:#475569;font-size:16px}.upload-link{color:#3b82f6;cursor:pointer;text-underline-offset:4px;text-decoration:underline}.upload-link:hover{color:#2563eb}.image-preview{border-radius:8px;max-width:100%;max-height:200px;box-shadow:0 4px 6px -1px #0000001a}.clear-image-btn{filter:drop-shadow(0 1px 2px #0000001a);color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:-12px;right:-12px}.clear-image-btn:hover{color:#ef4444;border-color:#ef4444;transform:scale(1.05)}.upload-divider{text-align:center;color:#94a3b8;align-items:center;margin:24px 0;font-size:14px;display:flex}.upload-divider:before,.upload-divider:after{content:"";border-bottom:1px solid #f1f5f9;flex:1}.upload-divider span{padding:0 16px}.url-input-container{gap:12px;display:flex}.url-input{color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;outline:none;flex:1;padding:12px 24px;font-size:15px;transition:all .2s}.url-input::placeholder{color:#94a3b8}.url-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.url-btn{color:#3b82f6;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:12px 32px;font-size:15px;transition:all .2s}.url-btn:hover{background-color:#f8fafc;border-color:#3b82f6}.hidden{display:none!important}