ol,ul{padding-left:10px}:root{--color-primary:#10A37F;--color-primary-hover:#0d8f6f;--color-text-primary:#111111;--color-text-secondary:#666666;--color-bg-main:#F8F8F7;--color-bg-white:#FFFFFF;--color-border:#E5E5E5;--color-bg-hover:#F8F8F7;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--font-family:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue","Segoe UI",sans-serif;--topbar-height:56px;--sidebar-width:240px;--chat-max-width:900px}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:var(--font-family);background:#10A37F;color:var(--color-text-primary);font-size:16px;line-height:1.5;width:100vw;height:100vh;overflow:hidden}.header{height:var(--topbar-height);background:var(--color-bg-white);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:0 var(--spacing-6)}.header,.header-left{display:flex;align-items:center}.header-left{gap:var(--spacing-4)}.logo{display:flex;align-items:center;gap:var(--spacing-2);font-size:16px;font-weight:500;color:var(--color-text-primary)}.logo-icon img{width:32px;vertical-align:middle}.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.workspace-selector{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s}.workspace-selector:hover{background:var(--color-bg-hover)}.user-menu{position:relative}.user-avatar{width:32px;height:32px;background:var(--color-primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;font-size:16px}.user-avatar,.user-avatar img{border-radius:var(--radius-full)}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-container{display:flex;height:calc(100vh - var(--topbar-height));overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-bg-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.nav-menu{flex:1;padding:var(--spacing-4) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-decoration:none;transition:all .2s;cursor:pointer;background:transparent;border:none;width:100%;font-size:16px;font-family:inherit}.nav-item.active,.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{font-weight:500}.nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{border-top:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-3)}.sidebar-footer .nav-item{align-items:center;justify-content:center}.content-area{display:flex;overflow:hidden;background:var(--color-bg-main)}.content-area,.page{flex:1;flex-direction:column}.page{display:none;min-height:0}.page.active{display:flex}.page-header{padding:var(--spacing-8) var(--spacing-6) var(--spacing-6)}.page-header h1{font-size:24px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.page-header p{color:var(--color-text-secondary);font-size:16px}.page-content{flex:1;min-height:0;overflow:auto;padding:0 var(--spacing-6) var(--spacing-6)}.chat-container{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.chat-messages{flex:1;min-height:0;overflow-y:scroll;padding:var(--spacing-4);background:var(--color-bg-main);scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#888888 #e0e0e0}.chat-messages::-webkit-scrollbar{width:12px}.chat-messages::-webkit-scrollbar-track{background:#e0e0e0;border-radius:0}.chat-messages::-webkit-scrollbar-thumb{background:#888888;border-radius:6px;border:2px solid #e0e0e0}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555555}.chat-message-wrapper{max-width:var(--chat-max-width);margin:0 auto var(--spacing-4);animation:fadeIn .3s ease-out}.chat-message{border-radius:18px;padding:var(--spacing-4) var(--spacing-6);max-width:85%;line-height:1.6;word-wrap:break-word;box-sizing:border-box;position:relative;font-size:16px}.chat-message.user{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:white;margin-left:auto;display:block;border-bottom-right-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .2s ease;position:relative}.chat-message.user:before{content:"";position:absolute;left:-48px;top:0;bottom:0;width:48px;pointer-events:none}.chat-message.user:hover{box-shadow:0 4px 15px rgba(0,0,0,.15)}.chat-message.user:hover .user-copy-button{opacity:1;pointer-events:all}.chat-message.assistant{background:var(--color-bg-white);color:var(--color-text-primary);box-shadow:0 2px 10px rgba(0,0,0,.08);border:1px solid var(--color-border);border-bottom-left-radius:4px;transition:all .2s ease;max-width:100%}.chat-message.assistant:hover{box-shadow:0 4px 15px rgba(0,0,0,.12)}.message-action-buttons{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1);z-index:10}.chat-message.assistant:hover .message-action-buttons{opacity:1;pointer-events:all}.copy-button,.download-button{width:32px;height:32px;border-radius:var(--radius-md);background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.5);position:relative}.copy-button:hover,.download-button:hover{background:rgba(255,255,255,1);border-color:var(--color-primary);transform:scale(1.15);box-shadow:0 4px 12px rgba(16,163,127,.2)}.copy-button:active,.download-button:active{transform:scale(.95)}.copy-button.copied,.download-button.downloaded{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:var(--color-primary);box-shadow:0 4px 16px rgba(16,163,127,.35);transform:scale(1.05)}.copy-button svg,.download-button svg{width:16px;height:16px;stroke:var(--color-text-secondary);transition:all .2s ease}.copy-button:hover svg,.download-button:hover svg{stroke:var(--color-primary);transform:scale(1.1)}.user-copy-button{left:-44px;width:32px;border-radius:var(--radius-md);background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.5);opacity:0;z-index:10}.user-copy-button,.user-copy-button-bridge{position:absolute;top:12px;height:32px;pointer-events:none}.user-copy-button-bridge{left:-12px;width:12px;background:transparent;z-index:9}.chat-message.user:hover .user-copy-button-bridge{pointer-events:all}.user-copy-button:hover{opacity:1!important;pointer-events:all!important;background:rgba(255,255,255,1);border-color:var(--color-primary);transform:scale(1.15);box-shadow:0 4px 12px rgba(16,163,127,.2)}.user-copy-button:active{transform:scale(.95)}.user-copy-button.copied{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:var(--color-primary);box-shadow:0 4px 16px rgba(16,163,127,.35);transform:scale(1.05)}.user-copy-button svg{width:16px;height:16px;stroke:var(--color-text-secondary);transition:all .2s ease}.user-copy-button:hover svg{stroke:var(--color-primary);transform:scale(1.1)}.user-copy-button.copied svg{stroke:white}.user-copy-button:before{content:attr(data-tooltip);bottom:calc(100% + 10px);background:rgba(17,17,17,.95);color:white;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:1000}.user-copy-button:after,.user-copy-button:before{position:absolute;left:50%;transform:translateX(-50%);opacity:0;pointer-events:none;transition:all .2s ease}.user-copy-button:after{content:"";bottom:calc(100% + 4px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(17,17,17,.95)}.user-copy-button:hover:after,.user-copy-button:hover:before{opacity:1;transform:translateX(-50%) translateY(-2px)}.user-copy-button.copied:before{content:attr(data-copied-tooltip);background:var(--color-primary);opacity:1}.user-copy-button.copied:after{border-top-color:var(--color-primary);opacity:1}.copy-button.copied svg,.download-button.downloaded svg{stroke:white;animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.copy-button:before,.download-button:before{content:attr(data-tooltip);bottom:calc(100% + 10px);background:rgba(17,17,17,.95);color:white;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.2)}.copy-button:after,.copy-button:before,.download-button:after,.download-button:before{position:absolute;right:50%;transform:translateX(50%);opacity:0;pointer-events:none;transition:all .2s ease}.copy-button:after,.download-button:after{content:"";bottom:calc(100% + 4px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(17,17,17,.95)}.copy-button:hover:after,.copy-button:hover:before,.download-button:hover:after,.download-button:hover:before{opacity:1;transform:translateX(50%) translateY(-2px)}.copy-button.copied:before{content:attr(data-copied-tooltip);background:var(--color-primary);opacity:1}.download-button.downloaded:before{content:attr(data-downloaded-tooltip);background:var(--color-primary);opacity:1}.copy-button.copied:after,.download-button.downloaded:after{border-top-color:var(--color-primary);opacity:1}.chat-panel-message.assistant .message-action-buttons{opacity:0;pointer-events:none}.chat-panel-message.assistant:hover .message-action-buttons{opacity:1;pointer-events:all}.chat-message.assistant h1,.chat-message.assistant h2,.chat-message.assistant h3,.chat-message.assistant h4,.chat-message.assistant h5,.chat-message.assistant h6{margin:16px 0 12px;font-weight:600;line-height:1.3;color:var(--color-text-primary)}.chat-message.assistant h1:first-child,.chat-message.assistant h2:first-child,.chat-message.assistant h3:first-child,.chat-message.assistant h4:first-child,.chat-message.assistant h5:first-child,.chat-message.assistant h6:first-child{margin-top:0;padding-right:90px}.chat-message.assistant h1{font-size:1.8em;border-bottom:2px solid var(--color-border);padding-bottom:8px}.chat-message.assistant h2{font-size:1.5em;border-bottom:1px solid var(--color-border);padding-bottom:6px}.chat-message.assistant h3{font-size:1.3em}.chat-message.assistant h4{font-size:1.1em}.chat-message.assistant h5,.chat-message.assistant h6{font-size:1em}.chat-message.assistant p{margin:12px 0;line-height:1.7}.chat-message.assistant p:first-child{margin-top:0;padding-right:90px}.chat-message.assistant p:last-child{margin-bottom:0}.chat-message.assistant ol,.chat-message.assistant ul{margin:12px 0;padding-left:24px}.chat-message.assistant ol ol,.chat-message.assistant ol ul,.chat-message.assistant ul ol,.chat-message.assistant ul ul{margin:4px 0}.chat-message.assistant li{margin:6px 0;line-height:1.6}.chat-message.assistant ul{list-style-type:disc}.chat-message.assistant ul ul{list-style-type:circle}.chat-message.assistant ol{list-style-type:decimal}.chat-message.assistant code{background:#f6f8fa;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em;color:#24292f;border:1px solid #e1e4e8}.chat-message.assistant pre{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:16px;margin:16px 0;overflow-x:auto;line-height:1.5}.chat-message.assistant pre code{background:none;border:none;padding:0;font-size:.875em;color:#24292f;display:block;white-space:pre}.chat-message.assistant pre::-webkit-scrollbar{height:8px}.chat-message.assistant pre::-webkit-scrollbar-track{background:#e1e4e8;border-radius:4px}.chat-message.assistant pre::-webkit-scrollbar-thumb{background:#c1c4c8;border-radius:4px}.chat-message.assistant pre::-webkit-scrollbar-thumb:hover{background:#a1a4a8}.chat-message.assistant table{border-collapse:collapse;width:100%;margin:16px 0;display:block;overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-white)}.chat-message.assistant table thead{background:#f6f8fa}.chat-message.assistant table td,.chat-message.assistant table th{border:1px solid var(--color-border);padding:10px 14px;text-align:left;line-height:1.5}.chat-message.assistant table th{font-weight:600;color:var(--color-text-primary);background:#f6f8fa}.chat-message.assistant table tr:nth-child(2n){background:#fafbfc}.chat-message.assistant table tr:hover{background:#f1f3f5}.chat-message.assistant blockquote{border-left:4px solid var(--color-primary);background:#f6f8fa;padding:12px 16px;margin:16px 0;border-radius:4px;color:var(--color-text-secondary)}.chat-message.assistant blockquote p{margin:4px 0}.chat-message.assistant blockquote p:first-child{margin-top:0}.chat-message.assistant blockquote p:last-child{margin-bottom:0}.chat-message.assistant a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.chat-message.assistant a:hover{border-bottom-color:var(--color-primary);opacity:.8}.chat-message.assistant hr{border:none;border-top:2px solid var(--color-border);margin:20px 0}.chat-message.assistant img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;display:block;box-shadow:0 2px 8px rgba(0,0,0,.1);background:var(--color-bg-main);min-height:200px;-o-object-fit:cover;object-fit:cover}.chat-message.assistant img:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.02);transition:all .3s ease}.chat-message.assistant img:not([src]),.chat-message.assistant img[alt]:after,.chat-message.assistant img[src=""]{content:attr(alt);display:flex;align-items:center;justify-content:center;background:var(--color-bg-main);border:2px dashed var(--color-border);border-radius:8px;padding:40px 20px;color:var(--color-text-secondary);font-size:14px;text-align:center;min-height:200px}.chat-message.assistant strong{font-weight:600;color:var(--color-text-primary)}.chat-message.assistant em{font-style:italic}.chat-message.assistant del{text-decoration:line-through;color:var(--color-text-secondary)}.chat-message.assistant input[type=checkbox]{margin-right:8px;vertical-align:middle}.chat-message.assistant li input[type=checkbox]{margin-right:6px}.chat-message.assistant dl{margin:12px 0}.chat-message.assistant dt{font-weight:600;margin-top:12px}.chat-message.assistant dd{margin-left:24px;margin-bottom:8px}.chat-message.assistant kbd{background:#f6f8fa;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:4px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85em;line-height:1;padding:3px 6px;vertical-align:middle}@keyframes typing{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes dotPulse{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.chat-message-wrapper.user{animation:slideInRight .3s ease-out}.chat-message-wrapper.assistant{animation:slideInLeft .3s ease-out}.typing-indicator{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:var(--color-bg-white);border-radius:18px;border-bottom-left-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.08);border:1px solid var(--color-border);max-width:85%}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary);animation:dotPulse 1.4s ease-in-out infinite}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.chat-input{transition:height .2s ease}.btn{transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn:active{transform:translateY(0)}.modal-overlay{animation:fadeIn .2s ease-out}.modal{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-input-container{flex-shrink:0;background:var(--color-bg-white);border-top:1px solid var(--color-border);padding:var(--spacing-4);box-shadow:0 -2px 10px rgba(0,0,0,.05)}.chat-input-wrapper{max-width:720px;margin:0 auto;display:flex;align-items:flex-end;gap:var(--spacing-3);background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:24px;padding:var(--spacing-3) var(--spacing-4);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.chat-input{flex:1;border:none;outline:none;font-size:16px;resize:none;min-height:26px;max-height:160px;color:var(--color-text-primary);background:transparent;line-height:1.6;padding:var(--spacing-2) 0;transition:all .2s ease}.chat-input::-moz-placeholder{color:var(--color-text-secondary);font-size:16px;line-height:1.6}.chat-input::placeholder{color:var(--color-text-secondary);font-size:16px;line-height:1.6}.chat-panel-input{line-height:1.6}.send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 10px rgba(59,130,246,.3)}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px rgba(59,130,246,.4)}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{background:var(--color-border);cursor:not-allowed;box-shadow:none;transform:none}.send-btn svg{width:20px;height:20px;transition:transform .2s ease}.send-btn:hover:not(:disabled) svg{transform:scale(1.1)}.tool-info-card{position:fixed;top:calc(var(--topbar-height) + var(--spacing-4));right:var(--spacing-6);padding:var(--spacing-4);box-shadow:var(--shadow-sm);width:280px;z-index:10}.tabs-container,.tool-info-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tabs-container{display:flex;gap:var(--spacing-1);padding:var(--spacing-1);width:-moz-fit-content;width:fit-content}.tab-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;font-size:16px;font-family:inherit}.tab-btn.active,.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:var(--color-bg-hover)}.api-tab-content{display:none}.api-tab-content.active{display:block}.browser-capture-hint{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.browser-capture-hint svg{flex-shrink:0;color:var(--color-primary)}.browser-capture-hint p{color:var(--color-text-secondary);font-size:16px;margin:0}.browser-capture-layout{display:flex;gap:0;height:calc(100vh - 280px);min-height:500px}.browser-capture-main{flex:1;margin:0 var(--spacing-4)}.browser-capture-main,.browser-capture-sidebar{display:flex;flex-direction:column;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.browser-capture-sidebar{width:240px;height:100%;max-height:100%}.sidebar-section{flex:0 1 auto;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--color-border);min-height:0}.sidebar-section:last-child{border-bottom:none}.sidebar-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;height:56px;min-height:56px;max-height:56px}.collapsible-header{transition:background-color .2s}.collapsible-header:hover{background:var(--color-bg-hover)}.collapse-icon{transition:transform .3s ease;flex-shrink:0;color:var(--color-text-secondary)}.collapsed{display:none}.collapsible-header.expanded .collapse-icon{transform:rotate(180deg)}.apis-sidebar-list:not(.collapsed),.captured-requests-list:not(.collapsed){display:block!important}.sidebar-header h3{font-size:16px;font-weight:500;color:var(--color-text-primary);margin:0}.api-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-bg-hover);border-radius:var(--radius-full);font-size:16px;font-weight:600;color:var(--color-text-secondary)}.apis-sidebar-list{flex:1;overflow-y:auto;padding:var(--spacing-3);min-height:0;max-height:none;height:auto}.api-sidebar-item{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-1);cursor:pointer;transition:background-color .2s;border:none;background:transparent;width:100%;text-align:left}.api-sidebar-item.active,.api-sidebar-item:hover{background:var(--color-bg-hover)}.api-sidebar-item-name{font-size:16px;color:var(--color-text-primary);margin-bottom:2px;display:flex;align-items:center;gap:6px}.api-sidebar-item-method{font-size:16px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.api-sidebar-item-method.GET{background:#E3F2FD;color:#1976D2}.api-sidebar-item-method.POST{background:#E8F5E9;color:#388E3C}.api-sidebar-item-method.PUT{background:#FFF3E0;color:#F57C00}.api-sidebar-item-method.DELETE{background:#FFEBEE;color:#D32F2F}.api-sidebar-item-path{font-size:16px;color:var(--color-text-secondary);font-family:monospace}.browser-simulator{flex:1;min-height:0;display:flex;flex-direction:column}.browser-toolbar{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-white)}.browser-nav-buttons{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.browser-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.browser-nav-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.browser-address-bar{position:relative}.browser-url-input{width:100%;padding:var(--spacing-3);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:16px;outline:none;transition:all .2s}.browser-url-input:focus{border-color:var(--color-primary);background:var(--color-bg-white)}.browser-webview{flex:1;background:var(--color-bg-main);padding:var(--spacing-6);overflow-y:auto}.webview-content{width:100%;height:100%;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.webview-content h3{font-size:18px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.intercepted-requests-panel{display:none}.panel-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-bg-white)}.status-indicator{border-radius:var(--radius-full);background:var(--color-primary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.captured-requests-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2);min-height:0;background:var(--color-bg-main);max-height:none;height:auto}.request-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3);margin-bottom:var(--spacing-2);transition:all .2s;box-shadow:var(--shadow-sm)}.request-card:hover{box-shadow:var(--shadow-md)}.request-url{margin-bottom:var(--spacing-3);font-family:monospace}.browser-capture-chat{width:320px;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.chat-panel-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-white)}.chat-panel-header h3{font-size:16px;font-weight:500;color:var(--color-text-primary);margin:0}.chat-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.chat-panel-message{padding:var(--spacing-3);border-radius:var(--radius-lg);font-size:16px;line-height:1.5;position:relative}.chat-panel-message.user{background:var(--color-primary);color:white;margin-left:auto;max-width:80%}.chat-panel-message.assistant{background:var(--color-bg-hover);color:var(--color-text-primary);max-width:80%}.chat-panel-message.assistant h1,.chat-panel-message.assistant h2,.chat-panel-message.assistant h3,.chat-panel-message.assistant h4,.chat-panel-message.assistant h5,.chat-panel-message.assistant h6{margin:14px 0 10px;font-weight:600;line-height:1.3;color:var(--color-text-primary)}.chat-panel-message.assistant h1:first-child,.chat-panel-message.assistant h2:first-child,.chat-panel-message.assistant h3:first-child,.chat-panel-message.assistant h4:first-child,.chat-panel-message.assistant h5:first-child,.chat-panel-message.assistant h6:first-child{margin-top:0;padding-right:90px}.chat-panel-message.assistant h1{font-size:1.6em;border-bottom:2px solid var(--color-border);padding-bottom:6px}.chat-panel-message.assistant h2{font-size:1.4em;border-bottom:1px solid var(--color-border);padding-bottom:5px}.chat-panel-message.assistant h3{font-size:1.2em}.chat-panel-message.assistant h4{font-size:1.1em}.chat-panel-message.assistant h5,.chat-panel-message.assistant h6{font-size:1em}.chat-panel-message.assistant p{margin:10px 0;line-height:1.6}.chat-panel-message.assistant p:first-child{margin-top:0;padding-right:90px}.chat-panel-message.assistant p:last-child{margin-bottom:0}.chat-panel-message.assistant ol,.chat-panel-message.assistant ul{margin:10px 0;padding-left:20px}.chat-panel-message.assistant li{margin:4px 0;line-height:1.5}.chat-panel-message.assistant code{background:#f6f8fa;padding:2px 5px;border-radius:3px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85em;color:#24292f;border:1px solid #e1e4e8}.chat-panel-message.assistant pre{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;padding:12px;margin:12px 0;overflow-x:auto;line-height:1.4}.chat-panel-message.assistant pre code{background:none;border:none;padding:0;font-size:.85em;display:block;white-space:pre}.chat-panel-message.assistant table{border-collapse:collapse;width:100%;margin:12px 0;display:block;overflow-x:auto;border:1px solid var(--color-border);border-radius:6px;font-size:.9em}.chat-panel-message.assistant table thead{background:#f6f8fa}.chat-panel-message.assistant table td,.chat-panel-message.assistant table th{border:1px solid var(--color-border);padding:8px 10px;text-align:left}.chat-panel-message.assistant table th{font-weight:600;background:#f6f8fa}.chat-panel-message.assistant table tr:nth-child(2n){background:#fafbfc}.chat-panel-message.assistant blockquote{border-left:3px solid var(--color-primary);background:#f6f8fa;padding:10px 12px;margin:12px 0;border-radius:4px;color:var(--color-text-secondary)}.chat-panel-message.assistant a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.chat-panel-message.assistant a:hover{border-bottom-color:var(--color-primary)}.chat-panel-message.assistant img{max-width:100%;height:auto;border-radius:6px;margin:12px 0;display:block;background:var(--color-bg-main);min-height:150px;-o-object-fit:cover;object-fit:cover}.chat-panel-message.assistant img:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:scale(1.02);transition:all .3s ease}.chat-panel-message.assistant strong{font-weight:600}.chat-panel-message.assistant em{font-style:italic}.chat-panel-message.assistant hr{border:none;border-top:1px solid var(--color-border);margin:16px 0}.chat-panel-input-area{display:flex;align-items:center;border-top:1px solid var(--color-border);padding:var(--spacing-3);background:var(--color-bg-white)}.chat-panel-input{padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;resize:none;outline:none;font-family:inherit;line-height:1}.chat-panel-input::-moz-placeholder{line-height:1.5;vertical-align:middle;padding-top:2px}.chat-panel-input::placeholder{line-height:1.5;vertical-align:middle;padding-top:2px}.chat-panel-input:focus{border-color:var(--color-primary)}.empty-state-small{padding:var(--spacing-6);text-align:center;color:var(--color-text-secondary)}.empty-state-small p{color:var(--color-text-secondary);font-size:16px;margin:0}.request-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.request-method{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-transform:uppercase}.request-method.GET{background:#E3F2FD;color:#1976D2}.request-method.POST{background:#E8F5E9;color:#388E3C}.request-method.PUT{background:#FFF3E0;color:#F57C00}.request-method.DELETE{background:#FFEBEE;color:#D32F2F}.request-time{font-size:16px;color:var(--color-text-secondary)}.request-url{font-size:16px;color:var(--color-text-primary);word-break:break-all;margin-bottom:var(--spacing-2);font-family:Monaco,Consolas,monospace;line-height:1.4}.request-actions{display:flex;gap:var(--spacing-2)}.my-apis-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.api-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all .2s;cursor:pointer}.api-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.api-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-3)}.api-card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:18px}.api-card-title{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.api-card-description{margin-bottom:var(--spacing-3);line-height:1.5}.api-card-description,.api-card-meta{font-size:16px;color:var(--color-text-secondary)}.api-card-meta{display:flex;gap:var(--spacing-4)}.api-card-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.import-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-6)}.import-method-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.import-method-card h3{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.api-import-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;margin-bottom:var(--spacing-3);outline:none;transition:border-color .2s}.api-import-input:focus{border-color:var(--color-primary)}.import-method-card input[type=file]{width:100%;padding:var(--spacing-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);cursor:pointer}.import-method-card input[type=file]:hover{border-color:var(--color-primary)}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit;display:inline-flex;align-items:center;gap:var(--spacing-2);justify-content:center}.btn,.btn-sm{font-size:16px}.btn-sm{padding:var(--spacing-1) var(--spacing-3)}.btn-primary{background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.knowledge-search{margin-bottom:var(--spacing-6)}.knowledge-search-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:16px;outline:none;transition:border-color .2s;background:var(--color-bg-white)}.knowledge-search-input:focus{border-color:var(--color-primary)}.knowledge-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4)}.knowledge-card{display:flex;flex-direction:column;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all .2s;cursor:pointer;overflow:hidden}.knowledge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.knowledge-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.knowledge-card-title{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.knowledge-type-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:2px 8px;border-radius:var(--radius-sm);font-size:13px;line-height:1.5;border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg-secondary)}.knowledge-type-badge.workflow{color:#075985;border-color:#7dd3fc;background:#e0f2fe}.knowledge-type-badge.normal{color:#166534;border-color:#86efac;background:#dcfce7}.workflow-step-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.workflow-step-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--spacing-2);align-items:center}.workflow-step-index{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-hover);color:var(--color-text-secondary);font-size:13px;font-weight:600}.workflow-step-remove{white-space:nowrap}.workflow-step-row.readonly{grid-template-columns:28px minmax(0,1fr)}.workflow-step-readonly{min-height:44px;display:flex;align-items:center}.workflow-step-empty{margin:0;padding:var(--spacing-3);color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-md)}.knowledge-card-content{font-size:16px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.knowledge-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.knowledge-tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-bg-hover);border-radius:var(--radius-sm);font-size:16px;color:var(--color-text-secondary)}.knowledge-card-apis{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border);min-width:0}.knowledge-api-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);max-width:100%;min-width:0;padding:2px 8px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:white;border-radius:var(--radius-sm);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--color-text-secondary)}.knowledge-card-actions{display:flex;gap:var(--spacing-2)}.modal{z-index:1000}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.modal-content{position:relative;background:#FFFFFF;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:1001}.knowledge-editor-modal{max-width:700px}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border)}.modal-header h2{font-weight:500;color:var(--color-text-primary)}.modal-close-btn{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close-btn:hover{background:var(--color-bg-hover)}.modal-body{padding:var(--spacing-6);background:#FFFFFF}.modal-footer{gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-border)}.modal-body .form-section{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.modal-body .form-section h5{margin:0 0 10px;font-size:16px;color:var(--text-color);font-weight:600}.form-group{margin-bottom:var(--spacing-5)}.form-section .form-group:last-of-type{margin-bottom:0}.form-group label{color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.knowledge-editor-modal .form-group label:has(+input[id=knowledgeQuestion]),.knowledge-editor-modal .form-group label:has(+select[id=knowledgeToolSelect]),.knowledge-editor-modal .form-group label:has(+textarea[id=knowledgeAnswer]){position:relative}.knowledge-editor-modal .form-group label:has(+input[id=knowledgeQuestion]):after,.knowledge-editor-modal .form-group label:has(+select[id=knowledgeToolSelect]):after,.knowledge-editor-modal .form-group label:has(+textarea[id=knowledgeAnswer]):after{content:"*";color:red;margin-left:4px}.form-input,.form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s;background:var(--color-bg-white)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.knowledge-readonly-type{min-height:44px;display:flex;align-items:center}.knowledge-readonly-input,.knowledge-readonly-textarea{background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:default}.knowledge-readonly-textarea{resize:none}.api-select-list{max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2)}.api-select-item{display:flex;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s}.api-select-item:hover{background:var(--color-bg-hover)}.api-select-item input[type=checkbox]{margin-right:var(--spacing-2);cursor:pointer}.api-select-item label{flex:1;cursor:pointer;font-size:16px;margin:0}.share-card{display:flex;flex-direction:column;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all .2s}.share-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.share-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.share-card-header-badges{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--spacing-2)}.share-card-title{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.share-card-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:16px;font-weight:500}.share-card-status.pending{background:#FFF3E0;color:#F57C00}.share-card-status.accepted{background:#E8F5E9;color:#388E3C}.share-card-status.rejected{background:#FFEBEE;color:#D32F2F}.share-card-info{font-size:16px;color:var(--color-text-secondary);margin-bottom:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.share-card-message{font-size:16px;color:var(--color-text-secondary);line-height:1.55;font-style:italic;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.share-card-knowledge,.share-card-message{padding:var(--spacing-3);background:var(--color-bg-hover);border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.share-card-knowledge-title{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.share-card-knowledge-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-card-knowledge-desc,.share-card-meta{font-size:16px;color:var(--color-text-secondary)}.share-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:var(--spacing-3)}.share-card-actions{display:flex;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.community-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all .2s;cursor:pointer}.community-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.community-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.community-card-title{font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.community-card-author{display:flex;align-items:center;gap:var(--spacing-2)}.community-card-author,.community-card-content{font-size:16px;color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.community-card-content{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-card-stats{display:flex;gap:var(--spacing-4);font-size:16px;color:var(--color-text-secondary);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.community-card-category{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:16px;font-weight:500;text-transform:uppercase}.community-card-category.api{background:#E3F2FD;color:#1976D2}.community-card-category.tutorial{background:#F3E5F5;color:#7B1FA2}.community-card-category.documentation{background:#E8F5E9;color:#388E3C}.community-card-category.example{background:#FFF3E0;color:#F57C00}.community-card-footer{display:flex;justify-content:space-between;align-items:center}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#CCCCCC}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.loading{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .6s linear infinite}.pagination-container{margin:20px 0;text-align:center}.page-btn{padding:8px 14px;margin:0 4px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:16px}.page-btn:hover:not(.disabled):not(.active){color:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%)}.page-btn.active,.page-btn:hover:not(.disabled):not(.active){border-color:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%)}.page-btn.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff;cursor:default}.page-btn.disabled{cursor:not-allowed;color:#ccc;background:#f5f7fa;border-color:#eee}.page-ellipsis{display:inline-block;padding:8px;margin:0 4px;color:#999;font-size:16px;line-height:1;vertical-align:middle}.switch-container{width:33px;height:16px;border-radius:15px;background-color:#e0e0e0;position:relative;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-slider{width:12px;height:12px;background-color:#ffffff;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:left .3s ease;z-index:1;border-radius:50%}.switch-container.active{background-color:#0d8f6f}.switch-container.active .switch-slider{left:calc(100% - 14px)}.switch-container:hover{opacity:.9}.global-toast{top:50px;padding:12px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .3s ease,transform .3s ease;transform:translate(-50%,-20px)}.global-toast.show{transform:translate(-50%)}.global-toast.success{background-color:#00c853}.global-toast.error{background-color:#ff4444}.global-toast.warning{background-color:#ff9800}.language-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #ddd;border-radius:6px;background-color:white;cursor:pointer;outline:none;transition:all .2s ease;font-size:16px;font-weight:500;color:#333;min-width:80px;justify-content:center}.language-toggle-btn:hover{border-color:#007bff;background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.language-toggle-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.language-toggle-btn:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.15)}.middle{vertical-align:middle}.inline-loading-dots{display:inline-block;margin-left:4px}.inline-loading-dots span{display:inline-block;width:4px;height:4px;background-color:var(--color-text-secondary);border-radius:50%;animation:dotBlink 1.4s ease-in-out infinite both;margin:0 1px;vertical-align:middle}.inline-loading-dots span:first-child{animation-delay:-.32s}.inline-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotBlink{0%,80%,to{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.message-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;margin-right:var(--spacing-1)}.message-bell-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.unread-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:1px 4px;background:#EF4444;color:white;font-size:10px;line-height:14px;text-align:center;border-radius:8px;border:1.5px solid var(--color-bg-white);pointer-events:none;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.feedback-fab{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(16,163,127,.4);transition:all .2s ease;z-index:100}.feedback-fab:hover{background:var(--color-primary-hover);transform:scale(1.08);box-shadow:0 6px 16px rgba(16,163,127,.5)}.feedback-fab:active{transform:scale(.95)}.feedback-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.feedback-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);animation:fadeIn .2s ease}.feedback-modal-content{position:relative;width:420px;max-width:90vw;background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),0 8px 32px rgba(0,0,0,.12);animation:modalSlideUp .25s ease;overflow:hidden}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-5) 0}.feedback-modal-header h2{font-size:18px;font-weight:600;margin:0}.feedback-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.feedback-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.feedback-modal-body{padding:var(--spacing-4) var(--spacing-5) var(--spacing-5)}.feedback-thanks{margin-bottom:var(--spacing-4);color:var(--color-text-secondary);font-size:14px;line-height:1.7}.feedback-thanks p:first-child{color:var(--color-text-primary);font-size:16px;font-weight:600}.feedback-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:14px;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s;box-sizing:border-box}.feedback-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(16,163,127,.1)}.feedback-textarea::-moz-placeholder{color:#aaa}.feedback-textarea::placeholder{color:#aaa}.feedback-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-3)}.feedback-char-count{font-size:12px;color:var(--color-text-secondary)}.feedback-modal-actions{display:flex;gap:8px}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.message-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:all .15s ease}.message-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.message-card.unread{border-left:3px solid var(--color-primary);background:#F0FDF9}.message-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.message-card-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0}.message-card-time{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;margin-left:var(--spacing-3)}.message-card-body{font-size:14px;color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-card-footer{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);font-size:12px;color:var(--color-primary)}.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.message-expanded{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.global-toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:var(--radius-md);color:white;font-size:14px;z-index:9999;opacity:0;transition:opacity .3s ease;pointer-events:none}.global-toast.show{opacity:1}.global-toast.success{background:var(--color-primary)}.global-toast.error{background:#EF4444}.global-toast.warning{background:#F59E0B}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:var(--bg-white);border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-medium)}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn:hover{background:var(--bg-main)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-body h4{margin-bottom:15px;color:var(--color-text-primary);border-bottom:1px solid #e9ecef;padding-bottom:8px}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--divider);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:16px;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.form-group .content{background:#FFFFFF;padding:10px;border-radius:6px}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--divider);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}textarea.form-input{resize:vertical;min-height:80px}.form-control{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:16px;line-height:1.4;background-color:white;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.form-control::-moz-placeholder{color:#6c757d;font-style:italic}.form-control::placeholder{color:#6c757d;font-style:italic}select.form-control{height:38px;cursor:pointer}textarea.form-control{resize:vertical;min-height:80px;vertical-align:top}input[type=checkbox]{margin-right:8px;vertical-align:middle}.schema-preview{background:var(--bg-main);padding:var(--spacing-md);border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:16px;overflow-x:auto;max-height:300px;overflow-y:auto}.btn-primary{padding:var(--spacing-md) var(--spacing-lg);background:var(--accent);color:white;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:16px;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-main);color:var(--text-primary);border:1px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:16px;transition:all .2s}.btn-secondary:hover{background:var(--divider)}.convert-btn{padding:4px 8px;background:var(--accent);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:500;transition:background .2s}.convert-btn:hover{background:var(--accent-hover)}.add-example-btn{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-main);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:500;transition:all .2s}.add-example-btn:hover{background:var(--accent);color:white}.notification{position:fixed;top:80px;right:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);border-left:4px solid var(--accent);z-index:10001;animation:slideIn .3s ease-out}.notification-success{border-left-color:#10A37F}.notification-error{border-left-color:#D32F2F}.notification-warning{border-left-color:#F57C00}@keyframes slideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.loading{display:inline-block;width:16px;height:16px;border:2px solid var(--divider);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.code-block{background:var(--bg-main);border:1px solid var(--divider);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto}.code-block code{font-family:Monaco,Courier New,monospace;font-size:16px;line-height:1.5}.tag{display:inline-block;padding:4px 12px;background:var(--bg-main);border-radius:16px;font-size:16px;font-weight:500;color:var(--text-secondary);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tag-primary{background:#E3F2FD;color:#1976D2}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;background:var(--text-primary);color:white;text-align:center;padding:8px 12px;border-radius:var(--radius-sm);font-size:16px;position:absolute;z-index:1001;bottom:125%;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}#exampleQuestions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.import-section{margin-bottom:var(--spacing-xl)}.import-section h3{font-size:16px;font-weight:600;margin-bottom:var(--spacing-md)}.import-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--divider)}.import-tab{padding:var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all .2s}.import-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.import-tab:hover{color:var(--text-primary)}.endpoint-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.endpoint-item{padding:var(--spacing-md);background:var(--bg-main);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.endpoint-info{flex:1}.endpoint-method{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;margin-right:var(--spacing-sm)}.endpoint-path{font-size:16px;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-main) 25%,var(--divider) 50%,var(--bg-main) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm)}.skeleton-box{height:100px;border-radius:var(--radius-md)}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-sm)}.status-success{background:#10A37F}.status-error{background:#D32F2F}.status-pending{background:#F57C00}.collapsible{border:1px solid var(--divider);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.collapsible-header{padding:var(--spacing-4);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collapsible-header:hover{background:var(--bg-main)}.collapsible-content{padding:var(--spacing-md);border-top:1px solid var(--divider);display:none}.collapsible.open .collapsible-content{display:block}.collapsible-icon{transition:transform .2s}.collapsible.open .collapsible-icon{transform:rotate(180deg)}.metadata-section{margin-top:10px;margin-bottom:25px;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.metadata-section h4{border-bottom:1px solid #e9ecef;padding:8px;font-weight:600;margin:0;background-color:#f8f9fa}.detail-item{padding:10px;border-bottom:1px solid #f8f9fa;display:flex;align-items:flex-start;gap:10px}.detail-item strong{display:inline-block;min-width:165px;font-weight:500}.close{cursor:pointer;font-size:16px}.url-display{word-break:break-all;font-family:Courier New,monospace;font-size:16px;color:#495057;background-color:#f8f9fa;padding:4px 8px;border-radius:3px;max-width:500px}.json-display{padding:10px 15px;background-color:#f8f9fa}.json-display pre{margin:0;font-family:Courier New,monospace;font-size:16px;line-height:1.4;color:#495057;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.scene-section{margin-bottom:var(--spacing-lg)}.scene-card{background:var(--bg-white);border:1px solid var(--divider);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.scene-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg)}.scene-card-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.scene-card-icon{font-size:24px;flex-shrink:0}.scene-card-name{font-size:16px;font-weight:600;color:var(--text-primary)}.scene-card-desc{font-size:13px;color:var(--text-secondary);margin-top:2px}.scene-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.scene-toggle{width:44px;height:24px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.scene-toggle,.scene-toggle-track{border-radius:12px;transition:background .25s ease}.scene-toggle-track{position:absolute;inset:0;background:#c0c5cc}.scene-toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .25s ease;z-index:1}.scene-toggle.active .scene-toggle-track{background:#0d8f6f}.scene-toggle.active .scene-toggle-thumb{transform:translateX(20px)}.scene-toggle-label{font-size:13px;color:var(--text-secondary);white-space:nowrap;min-width:42px}.scene-card-body{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--divider);padding-top:var(--spacing-md)}.scene-card-examples-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.scene-card-examples{list-style:none;padding:0;margin:0}.scene-card-example-item{font-size:14px;color:var(--text-primary);padding:6px 0;border-bottom:1px solid #f0f0f0}.scene-card-example-item:last-child{border-bottom:none}.scene-card-expand-btn{margin-top:var(--spacing-sm);padding:0;font-size:13px}.scene-card-loading{font-size:13px;color:var(--text-secondary);text-align:center;padding:var(--spacing-md)}.scene-onboarding-modal{max-width:520px}.scene-hint{margin:0 auto var(--spacing-md);padding:16px 20px;max-width:var(--chat-max-width,900px);width:100%;background:var(--bg-white);border:1px solid var(--divider);border-radius:var(--radius-lg,16px);text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.04)}.scene-hint-persistent{margin-top:0}.scene-hint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scene-hint-title{font-size:14px;font-weight:600;color:var(--text-primary)}.scene-hint-close{font-size:13px;color:var(--text-secondary);opacity:.4;transition:opacity .15s}.scene-hint-header:hover .scene-hint-close{opacity:.8}.scene-hint-scenes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.scene-hint-scene-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;font-weight:500;border:1px solid rgba(16,185,129,.18)}.scene-hint-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.scene-hint-item{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--text-secondary);padding:4px 0;border-bottom:1px solid #f8f8f8;line-height:1.5}.scene-hint-item:last-child{border-bottom:none}.scene-hint-item-icon{flex-shrink:0;font-size:13px;margin-top:1px}.scene-hint-group{margin-top:10px;padding:10px 12px;border-radius:var(--radius-sm,8px);background:var(--bg-subtle,#f8f9fb);border:1px solid transparent}.scene-hint-group-smart{background:linear-gradient(135deg,rgba(59,130,246,.04),rgba(139,92,246,.03));border-color:rgba(59,130,246,.12)}.scene-hint-group-deep{background:linear-gradient(135deg,rgba(245,158,11,.05),rgba(239,68,68,.03));border-color:rgba(245,158,11,.15)}.scene-hint-group-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed var(--divider,#e5e7eb)}.scene-hint-group-icon{font-size:14px;line-height:1}.scene-hint-group-label{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.scene-hint-group-smart .scene-hint-group-label{color:#3b82f6}.scene-hint-group-deep .scene-hint-group-label{color:#f59e0b}.scene-hint-group .scene-hint-list{gap:1px}.scene-hint-group .scene-hint-item{font-size:13px;padding:3px 0;border-bottom:none}