#root,body,html{font-family:Inter,sans-serif;height:100%;margin:0}body{font-size:14px;height:100%;margin:0;transition:background .3s,color .3s}.home-page{display:flex;flex-direction:column;height:100%}.home-page .flag-check-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.home-page .flag-check-modal{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-radius:16px;box-shadow:0 10px 25px #00000014;color:#1e293b;font-family:Inter,sans-serif;max-width:500px;padding:2rem;text-align:center;width:90%}.home-page .flag-check-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#0ea5e9);-webkit-background-clip:text;font-size:1.4rem;margin-bottom:.5rem}.home-page .flag-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 1.5rem}.home-page .flag-item{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;justify-content:space-between;padding:.6rem 1rem}.home-page .flag-link{color:#0369a1;font-size:.8rem;-webkit-user-select:all;user-select:all}.home-page .toast{background:#22c55e;border-radius:8px;color:#fff;padding:.5rem 1rem}.home-page .open-flag-btn{align-items:center;background:linear-gradient(90deg,#3b82f6,#0ea5e9);border-radius:8px;color:#fff;display:flex;font-size:.85rem;gap:4px;padding:.35rem .7rem}.home-page .continue-btn{background:linear-gradient(90deg,#2563eb,#0ea5e9);border-radius:10px;color:#fff;font-weight:600;margin-top:1rem;width:100%}.home-page .navbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border-bottom:1px solid #fff6;box-shadow:0 2px 10px #0000000f;display:flex;height:64px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.home-page .navbar-left{align-items:center;display:flex;gap:6px}.home-page .navbar-left .tour-btn-wrapper{position:relative}.home-page .navbar-left .tour-hint-tooltip{animation:fadeInUp .4s ease;background:#fff;border:1px solid #0000000d;border-radius:8px;bottom:125%;box-shadow:0 4px 16px #0000001a;color:#1e293b;font-size:13px;padding:8px 12px;position:absolute;right:0;white-space:nowrap}.home-page .navbar-left .tour-hint-arrow{background:#fff;border-bottom:1px solid #0000000d;border-left:1px solid #0000000d;height:8px;position:absolute;right:12px;top:100%;transform:rotate(45deg);width:8px}.home-page .navbar-left .tour-btn{background:#eef2ff;border:none;border-radius:50%;color:#1e3a8a;cursor:pointer;padding:8px;transition:all .2s ease}.home-page .navbar-left .tour-btn:hover{background:#c7d2fe;transform:scale(1.05)}.home-page .navbar-left .tour-btn.highlight-tour{animation:pulseGlow 1s infinite;background:#c7d2fe!important;transform:scale(1.05);transition:all .25s ease-in-out}.home-page .navbar-left .app-name{color:#1e293b;font-size:22px;font-weight:700;letter-spacing:.5px}.home-page .navbar-left .app-name .brand-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text}.home-page .navbar-left .powered-tag{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:9999px;color:#1e40af;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.4px;padding:3px 8px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.home-page .navbar-left .powered-tag:hover{background:#3b82f626;box-shadow:0 2px 4px #2563eb26;transform:translateY(-1px)}.home-page .navbar-left .powered-tag .chrome-text{-webkit-text-fill-color:#0000;animation:chromePulse 3s ease-in-out infinite;background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;font-weight:700;margin-left:2px}@keyframes chromePulse{0%,to{opacity:.9}50%{opacity:1}}.home-page .brand-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text}.home-page .mode-selector{align-items:center;display:flex;gap:12px}.home-page .mode-btn{background:#ffffff80;border:1px solid #2563eb26;border-radius:12px;color:#334155;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.home-page .mode-btn:hover{background:#2563eb14;color:#2563eb}.home-page .mode-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;box-shadow:0 4px 12px #2563eb4d;color:#fff}.home-page .main-content{display:flex;flex:1 1;overflow:hidden;padding:20px}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 #6366f166}70%{box-shadow:0 0 0 8px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.api-config-card{background:#f8f9fb;border-left:4px solid #000;border-radius:10px;margin-bottom:16px;padding:12px}.api-config-card h4{color:#000;font-size:14px;font-weight:600;margin:0 0 8px}.chip-container{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.chip:hover{background:#e0f0ff;border-color:#000}.chip.active{background:#000;border-color:#000;color:#fff}.tooltip-wrapper{display:inline-block;position:relative}.tooltip{background-color:#333;border-radius:6px;bottom:125%;color:#fff;font-size:12px;left:50%;opacity:0;padding:4px 8px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:10}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.buttons{gap:16px}.action-buttons,.buttons{display:flex;margin-top:16px}.action-buttons{gap:12px;justify-content:flex-end}.btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-primary{background-color:#2563eb;border-radius:10px;color:#fff;font-weight:600;padding:10px 20px;transition:.2s ease}.btn-primary:hover:not(:disabled){background-color:#1e40af}.btn-primary:disabled{background:#a0c4ff;color:#e0e0e0;cursor:not-allowed}.btn-secondary{background-color:#fff;border:2px solid #d1d5db;border-radius:10px;color:#374151;font-weight:500;padding:10px 20px;transition:.2s ease}.btn-secondary:hover:not(:disabled){background-color:#f3f4f6}.btn-secondary:disabled{background:#f0f4f8;color:#a0c4ff;cursor:not-allowed}.error-text{color:red;font-size:14px;margin-top:10px}.apply-default-btn{align-items:center;display:flex;gap:.5rem;transition:all .3s ease}.apply-default-btn .icon{transition:transform .4s ease}.apply-default-btn:hover .icon{animation:spin-once .6s ease}.apply-default-btn:disabled{cursor:not-allowed;opacity:.6}.apply-default-btn:disabled .icon{animation:none;transform:none}@keyframes spin-once{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.config-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.config-modal-content{animation:fadeIn .2s ease;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 6px 25px #00000040;max-height:80vh;overflow-y:auto;padding:24px;width:520px}.config-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.config-modal-header .config-modal-title{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.config-modal-header .config-close-btn{background:#0000;border:none;color:#666;cursor:pointer;transition:color .2s ease}.config-modal-header .config-close-btn:hover{color:#e11d48;transform:scale(1.1)}.config-list{display:flex;flex-direction:column;gap:10px}.config-item{align-items:flex-start;background:#f9fafb;border:1px solid #ececec;border-radius:10px;color:#333;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px}.config-item .config-key{flex:1 1;font-weight:600;text-transform:capitalize}.config-item .config-value{color:#007bff;font-family:monospace;max-width:60%;text-align:right;word-break:break-word}.config-item .config-json-block{background:#fff;border:1px solid #ddd;border-radius:6px;color:#444;font-family:monospace;font-size:13px;overflow-x:auto;padding:6px 8px;width:60%}.config-empty{color:#888;font-style:italic;margin-top:20px;text-align:center}.download-overlay{align-items:center;background:#ffffffe6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.download-box{text-align:center}.download-box p{color:#007bff;font-weight:600;margin-top:16px}.output-display{background:#f9f9f9;border:1px solid #ddd;border-radius:12px;font-size:16px;min-height:160px;overflow:hidden;padding:20px;position:relative;white-space:pre-wrap}.select-dropdown{margin-bottom:16px;position:relative}.select-dropdown label{color:#000;display:block;font-weight:600;margin-bottom:6px}.dropdown-header{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.dropdown-header:hover{border-color:#000}.dropdown-header.open{border-color:#000;box-shadow:0 4px 12px #007bff26}.arrow{color:#000;font-size:12px}.dropdown-list{animation:dropdownFade .2s ease-in-out;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 8px 20px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:110%;width:100%;z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{border:none;border-bottom:1px solid #ddd;outline:none;padding:8px 12px;width:100%}.dropdown-item{cursor:pointer;padding:10px 14px;transition:background .2s}.dropdown-item:hover{background:#e0f0ff}.dropdown-item.active{background:#000;color:#fff}.dropdown-item.disabled{color:#999;cursor:not-allowed}.simple-tour-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0206178c;inset:0;position:fixed;z-index:100}.simple-tour-tooltip{border:1px solid #0f172a0f;border-radius:12px;box-shadow:0 10px 30px #0206172e;color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;max-width:360px;min-width:260px;padding:14px;transform-origin:center bottom;transition:transform .16s ease,opacity .16s ease;z-index:9999}.simple-tour-tooltip,.simple-tour-tooltip .simple-tour-arrow{background:linear-gradient(180deg,#fff,#f8fbff);position:absolute}.simple-tour-tooltip .simple-tour-arrow{border-left:1px solid #0f172a0f;border-radius:2px;border-top:1px solid #0f172a0f;bottom:-9px;box-shadow:0 6px 18px #02061714;height:14px;width:14px}.simple-tour-content{color:#0f172a;font-size:14px;line-height:1.4;margin-bottom:10px}.simple-tour-footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.simple-tour-steps{align-items:center;display:flex;gap:6px}.simple-tour-step-dot{background:#e6eefc;border-radius:999px;display:inline-block;height:8px;transition:all .16s ease;width:8px}.simple-tour-step-dot.active{background:linear-gradient(90deg,#1d4ed8,#60a5fa);border-radius:999px;height:8px;width:28px}.simple-tour-controls{align-items:center;display:flex;gap:8px}.simple-tour-btn{-webkit-appearance:none;appearance:none;border:none;border-radius:8px;cursor:pointer;font-size:13px;padding:6px 10px}.simple-tour-prev{background:#0000;color:#334155}.simple-tour-skip{background:#0000;color:#64748b}.simple-tour-next{background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 6px 18px #2563eb29;color:#fff;font-weight:600}.text-area-container{background:#fff;border:1px solid #ccc;border-radius:14px;box-shadow:0 2px 8px #0000000d;min-height:140px;overflow:visible;position:relative;transition:all .3s;width:100%}.text-area-container:hover{border-color:#007bff}.text-area-container.focused{animation:glowPulse 2s infinite alternate;border-color:#007bff;box-shadow:0 4px 20px #007bff26}.text-area-container textarea{background:#0000;border:none;box-sizing:border-box;color:#111;display:block;font-family:Inter,sans-serif;font-size:16px;min-height:140px;outline:none;padding:24px 16px 16px;position:relative;resize:vertical;width:100%;z-index:2}.text-area-container .floating-label{background:#fff;color:#9e9e9e;font-size:14px;left:20px;padding:0 6px;pointer-events:none;position:absolute;top:16px;transition:all .25s ease-in-out;z-index:3}.text-area-container textarea:focus~.floating-label,.text-area-container textarea:not(:placeholder-shown)~.floating-label,.text-area-container.focused .floating-label{color:#007bff;font-size:12px;font-weight:500;top:-8px}.text-area-container .inner-glow{border-radius:14px;box-shadow:inset 0 0 0 #007bff00;inset:0;pointer-events:none;position:absolute;transition:box-shadow .3s ease-in-out;z-index:1}.text-area-container.focused .inner-glow{box-shadow:inset 0 0 15px #007bff33}@keyframes glowPulse{0%,to{box-shadow:0 4px 20px #007bff26}50%{box-shadow:0 4px 25px #007bff40}}.text-loading{align-items:center;animation:pulse 1.4s infinite;color:#007bff;display:flex;font-size:48px;gap:8px;height:100%;justify-content:center}.dot{animation:bounce 1s ease-in-out infinite;transform-origin:center}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1.4)}}.tooltip-box{word-wrap:break-word;background:#323232f2;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:13px;max-width:280px;padding:8px 12px;pointer-events:none;transition:opacity .15s ease-in-out;z-index:1000}.image-upload-box{background:#fafafa;border:2px dashed #ccc;border-radius:12px;cursor:pointer;margin-top:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.image-upload-box.dragging{background:#f2f0ff;border-color:#6c63ff}.image-upload-box .hidden-input{display:none}.image-upload-box .upload-placeholder{align-items:center;display:flex;flex-direction:column}.image-upload-box .upload-placeholder .upload-icon{color:#6c63ff;font-size:2.5rem;margin-bottom:.5rem}.image-upload-box .upload-placeholder p{color:#555;font-size:.9rem}.image-upload-box .preview-container{display:inline-block;position:relative}.image-upload-box .preview-container .preview-image{border-radius:10px;box-shadow:0 3px 10px #0000001a;height:auto;max-width:100%}.image-upload-box .preview-container .remove-btn{background:#ffffffd9;border:none;border-radius:50%;cursor:pointer;font-size:.9rem;padding:.3rem .4rem;position:absolute;right:8px;top:8px;transition:background .2s}.image-upload-box .preview-container .remove-btn:hover{background:#ff0000bf;color:#fff}.toast{z-index:1000}.single-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.single-page .content{display:flex;flex:1 1;overflow:hidden}.single-page .content .sidebar{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 12px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:16px 12px;width:280px}.single-page .content .sidebar .api-config-scroll{flex:.9 1;margin-top:12px;overflow-y:auto}.single-page .content .sidebar .sidebar-actions{bottom:0;display:flex;justify-content:flex-end;padding-bottom:16px;padding-top:8px;position:-webkit-sticky;position:sticky}.main-content,.single-page .content .main-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:32px}.card{background:var(--card-bg);background:linear-gradient(135deg,#f8fafc,#dbeafe);border-radius:12px;box-shadow:0 4px 12px #0000000a;padding:24px}.card h4{color:#1e40af;font-size:14px;margin-bottom:8px}.card h3{color:var(--primary-color);margin-top:0}.action-buttons button{cursor:pointer}.hybrid-wrapper{background:#f9fafb;color:#111827;display:flex;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.sidebar{border-right:1px solid #e5e7eb;overflow-y:auto;padding:0 16px 16px 0;width:260px}.sidebar h3{color:#000;font-size:15px;font-weight:600;margin-bottom:12px}.sidebar .api-list{display:flex;flex-direction:column;gap:8px}.sidebar .api-list .api-card{align-items:center;background:#f9fafb;border:1px solid #0000;border-radius:10px;color:#1f2937;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.sidebar .api-list .api-card:hover{background:#e0f2fe;border-left:4px solid #2563eb;color:#1e40af;transform:translateX(2px)}.sidebar .config-panel-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;margin-top:14px;overflow-y:auto;padding:12px}.main-section{background:#f3f4f6;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:12px 16px}.top-bar{flex-shrink:0;margin-bottom:10px}.top-bar .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000a;padding:14px}.top-bar .action-buttons{display:flex;gap:8px;margin-top:10px}.top-bar .error-text{color:#e53935;font-size:13px}.middle-section{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow:hidden}.workflow-visual{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;box-shadow:0 4px 12px #0000000a;display:flex;gap:12px;justify-content:flex-start;overflow-x:auto;padding:10px}.workflow-visual .workflow-node{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 2px 4px #0000000a;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;min-width:100px;padding:8px 12px;transition:all .2s ease}.workflow-visual .workflow-node:hover{background:#e0f2fe;border-color:#2563eb;transform:translateY(-2px)}.workflow-visual .workflow-node.selected{background:#bfdbfe;border-color:#1d4ed8;font-weight:600}.workflow-visual .workflow-node .btn-delete{background:#fee2e2;border:none;border-radius:4px;color:#b91c1c;cursor:pointer;opacity:0;padding:2px 5px;transition:all .2s ease}.workflow-visual .workflow-node:hover .btn-delete{opacity:1}.workflow-visual .workflow-node .btn-delete:hover{background:#ef4444;color:#fff}.workflow-visual .arrow{align-items:center;animation:fadeIn .3s ease;color:#2563eb;display:flex;justify-content:center}.outputs-grid{display:flex;flex:1 1;gap:16px;overflow:hidden}.outputs-grid .card,.outputs-grid .intermediate{background:linear-gradient(135deg,#f8fafc,#dbeafe);border-radius:12px;box-shadow:0 4px 12px #0000000f;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px}.outputs-grid .card h4,.outputs-grid .intermediate h4{color:#1e40af;font-size:14px;margin-bottom:8px}.outputs-grid .card .output-list,.outputs-grid .intermediate .output-list{display:flex;flex-direction:column;gap:8px}.outputs-grid .card .output-card,.outputs-grid .intermediate .output-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000a;font-size:13px;padding:10px}.outputs-grid .card .output-card strong,.outputs-grid .intermediate .output-card strong{color:#000}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;inset:0;z-index:9999}.modal-content{animation:fadeInUp .3s ease;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:1px solid #0000000d;box-shadow:0 8px 32px #00000014;color:#1e293b;font-family:Inter,sans-serif;padding:24px;width:420px}.modal-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.modal-header h3{color:#0f172a;flex:1 1;font-size:18px;font-weight:600}.modal-desc{color:#475569;font-size:14px;line-height:1.5;margin-top:8px}.modal-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:14px;margin-top:12px;padding:10px 12px;transition:all .2s ease;width:100%}.modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;transition:color .2s ease}.close-btn:hover{color:#1e293b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chatapi-layout{background:linear-gradient(135deg,#eef2f7,#a1c6ec);color:#1e293b;font-family:Inter,sans-serif}.chatapi-layout,.sidebar{display:flex;height:100vh}.sidebar{background:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 12px #0000000f;box-sizing:border-box;flex-direction:column;padding:16px 12px;width:280px}.api-config-scroll{flex:.9 1;margin-top:12px;overflow-y:auto}.sidebar-actions{bottom:0;display:flex;justify-content:flex-end;padding-bottom:16px;padding-top:8px;position:-webkit-sticky;position:sticky}.sidebar h2{color:var(--primary-color);margin-top:0}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.chatapi-main{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;display:flex;flex:1 1;flex-direction:column;position:relative}.chatapi-main .usecase-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafc,#dbeafe);border-bottom:1px solid #0000000d;padding:10px 0;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:20}.chatapi-main .usecase-selector .workflow-preview-btn{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.chatapi-main .usecase-selector .workflow-preview-btn:hover{color:#2563eb;transform:scale(1.1)}.chatapi-messages{display:flex;flex:1 1;flex-direction:column;gap:18px;margin-top:50px;overflow-y:auto;padding:24px 28px 140px;scroll-behavior:smooth}.chatapi-messages::-webkit-scrollbar{display:none}.chat-message{align-items:flex-end;display:flex;gap:10px;transition:all .3s ease}.chat-message .api-info-icon{background:#0000;border:none;color:#666;cursor:pointer;margin-left:6px;transition:color .2s ease}.chat-message .api-info-icon:hover{color:#222}.chat-message.user{justify-content:flex-end}.chat-bubble{animation:fadeIn .3s ease;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:18px;border-bottom-right-radius:6px;box-shadow:0 3px 10px #2563eb26;color:#fff;font-size:14px;line-height:1.5;max-width:70%;padding:12px 16px}.chat-message.bot .chat-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:18px;border-bottom-left-radius:6px;box-shadow:0 4px 10px #00000014;color:#111827}.chat-image{animation:fadeIn .3s ease;border-radius:10px;box-shadow:0 2px 8px #0000001a;max-width:180px}.btn-copy{background:#0000;border:none;cursor:pointer;font-size:16px;opacity:.4;transform:scale(1);transition:all .25s ease}.btn-copy:hover{opacity:1;transform:scale(1.15)}.chatapi-input-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f8fafc,#dbeafe);color:#1e293b;flex-direction:column;font-family:Inter,sans-serif;min-height:90vh;padding:0;z-index:10}.chatapi-input,.chatapi-input-container{border-top:1px solid #0000000d;bottom:0;display:flex;position:-webkit-sticky;position:sticky}.chatapi-input{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;gap:10px;margin:18px 26px;padding:8px 26px;z-index:1}.media-preview-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:8px 24px}.media-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease}.media-card img{border-radius:12px;height:110px;object-fit:cover;width:110px}.media-card:has(audio){flex-direction:column;height:80px;justify-content:center;padding:6px;width:180px}.media-audio-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.media-filename{color:#475569;font-size:11px;margin-bottom:4px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-audio{height:28px;width:100%}.media-card:hover{transform:translateY(-2px)}.remove-media-card{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:11px;height:18px;line-height:16px;position:absolute;right:2px;text-align:center;top:2px;width:18px}.chatapi-input .input-box{align-items:center;background:#fff;border-radius:30px;box-shadow:0 2px 14px #00000014;display:flex;gap:10px;justify-content:space-between;max-width:800px;padding:10px 20px;position:relative;transition:box-shadow .3s ease;width:80%}.chatapi-input .input-box:focus-within{box-shadow:0 4px 20px #2563eb26}.chatapi-input textarea{background:#0000;border:none;color:#111827;flex:1 1;font-size:15px;line-height:1.4;max-height:120px;outline:none;overflow-y:auto;padding:8px 0;resize:none}.chatapi-input textarea::-webkit-scrollbar{display:none}.btn-plus{background:#0000;border:none;color:#374151;cursor:pointer;flex-shrink:0;font-size:18px;transition:.2s ease}.btn-plus:hover{transform:scale(1.1)}.btn-send{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:end;padding:9px 15px;transition:all .2s ease;width:38px}.btn-send:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.image-preview{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 3px 10px #0000001f;height:64px;left:85%;overflow:hidden;position:absolute;width:64px;z-index:20}.image-preview img{border-radius:20px;height:100%;object-fit:cover;width:100%}.remove-img{background:#0000;border:none;border-radius:50%;color:#444;cursor:pointer;position:absolute;right:-2px;top:2px;transition:transform .2s ease,color .2s ease}.remove-img:hover{color:#e11d48;transform:scale(1.08)}.toast{animation:popFade 1.5s ease;background:#22c55ef2;border-radius:12px;bottom:100px;bottom:20%;box-shadow:0 6px 18px #22c55e4d;color:#fff;font-size:14px;font-weight:500;padding:10px 18px;position:fixed;right:32px;right:45%;z-index:2}@keyframes popFade{0%{opacity:0;transform:translateY(10px) scale(.95)}10%,80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}.empty-state{color:#9ca3af;font-size:15px;margin-top:60px;opacity:.8;text-align:center}.workflow-preview-btn{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;transition:all .2s ease}.workflow-preview-btn:hover{color:#2563eb;transform:scale(1.15)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:fadeIn .2s ease-in-out;background:#fafafa;border-radius:16px;box-shadow:0 6px 20px #00000026;max-width:500px;padding:20px 24px;position:relative;text-align:center;width:90%}.close-template-btn{background:#0000;border:none;color:#666;cursor:pointer;position:absolute;right:10px;top:10px;transition:all .2s ease}.close-template-btn:hover{color:#e11d48;transform:scale(1.1)}.workflow-preview{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.workflow-node-readonly{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 1px 3px #0000000d;color:#000;font-weight:500;min-width:100px;padding:8px 12px;text-align:center}.workflow-arrow{color:#999;font-size:20px;font-weight:700}.template-preview-note{color:#777;font-size:12px;margin-top:10px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.921935b2.css.map*/