:root{--bg-color: #0f172a;--card-bg: #1e293b;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--success: #10b981;--border-radius: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);margin:0;padding:20px;display:flex;justify-content:center;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.container{max-width:800px;width:100%;display:grid;gap:20px;padding-bottom:40px}header{text-align:center;margin-bottom:20px}h1{margin:0;font-size:2.5rem;color:var(--accent);text-shadow:0 0 15px var(--accent-glow)}.subtitle{color:var(--text-secondary);font-size:1.1rem}.card{background:var(--card-bg);padding:24px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000004d;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.card:hover{transform:translateY(-2px)}h2{margin-top:0;color:var(--text-primary);border-bottom:2px solid var(--accent);padding-bottom:10px;margin-bottom:20px;display:inline-block}.input-group{margin-bottom:15px}label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:600}input,textarea{width:100%;padding:12px;background:#0000004d;border:1px solid var(--text-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}button{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:background .2s}button:hover{background:#2563eb}#response-output{margin-top:20px;padding:15px;background:#0006;border-radius:8px;white-space:pre-wrap;min-height:100px;display:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;background:#10b98133;color:var(--success);font-size:.9rem;margin-bottom:10px}.chat-card{border:1px solid rgba(59,130,246,.3);box-shadow:0 0 20px #3b82f626}.agent-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#3b82f633,#10b98126);border:1px solid rgba(59,130,246,.4);border-radius:20px;font-size:.9rem;color:var(--text-primary);margin-bottom:16px}.agent-badge strong{color:var(--accent)}.chat-container{display:flex;flex-direction:column;min-height:480px}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#00000059;border-radius:10px;margin-bottom:16px;min-height:260px;max-height:400px;border:1px solid rgba(255,255,255,.06)}.chat-msg{margin-bottom:14px;padding:12px 16px;border-radius:12px;max-width:92%;white-space:pre-wrap;word-break:break-word}.chat-msg.user{background:var(--accent);color:#fff;margin-left:auto}.chat-msg.agent{background:#ffffff14;border:1px solid rgba(59,130,246,.2)}.chat-msg .role{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:6px;font-weight:600}.chat-msg.agent .role{color:var(--accent)}.file-zone{border:2px dashed rgba(59,130,246,.6);border-radius:12px;padding:20px;text-align:center;background:#3b82f614;cursor:pointer;transition:all .2s;margin-bottom:14px}.file-zone:hover,.file-zone.dragover{background:#3b82f62e;border-color:var(--accent);box-shadow:0 0 12px #3b82f633}.file-zone input{display:none}.file-zone .zone-label{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-primary);font-size:1rem;font-weight:600}.file-zone .zone-hint{color:var(--text-secondary);font-size:.85rem;margin-top:6px}.preview-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;justify-content:center}.preview-item{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;background:#333;border:2px solid rgba(255,255,255,.1)}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item .remove{position:absolute;top:4px;right:4px;background:#dc2626e6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:2px 8px;line-height:1;font-weight:700}.preview-item .label{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;font-size:9px;padding:4px;text-align:center}.chat-input-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.chat-input-row input[type=text]{flex:1;min-width:200px;margin-bottom:0;padding:14px}.chat-input-row input[type=number]{width:110px;margin-bottom:0;padding:14px}.chat-input-row button{flex-shrink:0;padding:14px 22px}button:disabled{opacity:.6;cursor:not-allowed}.app-footer{text-align:center;margin-top:30px;border-top:1px solid var(--text-secondary);padding-top:10px}.app-footer a{color:var(--text-secondary);text-decoration:none;font-size:.8rem;margin:0 10px}.settings-panel{display:none;background:var(--card-bg);padding:15px;margin-bottom:15px;border-radius:var(--border-radius);border:1px solid var(--accent)}.settings-toggle{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:4px 8px;font-size:.8rem;margin-left:10px}