:root{--bg: #0b1020;--panel: #0f1724;--muted: #94a3b8;--accent: #7c3aed;--glow: rgba(124, 58, 237, .12);--google-border: rgba(255, 255, 255, .08);--text: #e6eef8;--method-get: #3b82f6;--method-post: #10b981;--method-put: #f59e0b;--method-delete: #ef4444;--json-key: #7dd3fc;--json-string: #86efac;--json-number: #fbbf24;--json-boolean: #c084fc;--json-null: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0}body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;background:var(--bg);color:var(--text);min-height:100vh}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:8px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:8px;border:2px solid rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(0,0,0,.2)}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px}.loading-container{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:3rem;box-shadow:0 6px 30px rgba(2,6,23,.6);text-align:center;max-width:450px;margin:100px auto}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container h2{color:var(--text);margin-bottom:.5rem}.loading-container p{color:var(--muted)}.login-container{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:3rem;box-shadow:0 6px 30px rgba(2,6,23,.6);text-align:center;max-width:450px;margin:100px auto}.logo{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.subtitle{color:var(--muted);margin-bottom:2.5rem;font-size:1.1rem}.google-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:10px;backdrop-filter:blur(6px);cursor:pointer;color:var(--muted);font-family:inherit;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,color .12s ease;text-decoration:none;margin-bottom:12px}.google-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px rgba(66,133,244,.3);border-color:rgba(66,133,244,.5)}.google-icon{width:18px;height:18px}.github-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:10px;backdrop-filter:blur(6px);cursor:pointer;color:var(--muted);font-family:inherit;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,color .12s ease;text-decoration:none;margin-bottom:12px}.github-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px rgba(255,255,255,.15);border-color:rgba(255,255,255,.4)}.github-icon{width:18px;height:18px}.gitlab-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(255,255,255,.1);padding:12px 20px;border-radius:10px;backdrop-filter:blur(6px);cursor:pointer;color:var(--muted);font-family:inherit;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,color .12s ease;text-decoration:none}.gitlab-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px rgba(252,109,38,.3);border-color:rgba(252,109,38,.5)}.gitlab-icon{width:18px;height:18px;fill:#fc6d26}.feature-list{margin-top:2rem;text-align:left}.feature-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--muted)}.feature-icon{color:var(--accent);font-size:1.2rem}.success-container{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:3rem;box-shadow:0 6px 30px rgba(2,6,23,.6);text-align:center;max-width:450px;margin:100px auto}.checkmark{color:var(--text);margin-bottom:1rem;display:flex;justify-content:center;animation:checkmarkPop .5s ease-out}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-container h2{color:var(--text);margin-bottom:1rem}.success-container p{color:var(--muted);margin:.5rem 0}.dashboard-container{max-width:1100px;margin:0 auto;padding:16px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap;gap:1rem}.header-left h1{font-size:1.5rem;color:var(--text);margin-bottom:.5rem}.welcome-message{color:var(--muted);font-size:13px}.user-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.user-email{color:var(--muted);padding:8px 12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:8px;font-size:13px}.logout-btn{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--google-border);padding:8px 12px;border-radius:10px;backdrop-filter:blur(6px);cursor:pointer;color:var(--muted);font-family:inherit;font-size:13px;transition:transform .12s ease,box-shadow .12s ease,color .12s ease;text-decoration:none}.logout-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px var(--glow)}.section{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:24px;box-shadow:0 6px 30px rgba(2,6,23,.6);margin-bottom:1.5rem}.section h2{color:var(--text);margin-bottom:1rem;font-size:1.2rem}.section p{color:var(--muted);margin-bottom:1rem;line-height:1.6;font-size:13px}.endpoint-box{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.004));padding:1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.03);margin:1rem 0}.endpoint-box strong{color:var(--text);display:block;margin-bottom:.5rem;font-size:13px}.endpoint-url{font-family:inherit;font-size:13px;background:rgba(255,255,255,.02);padding:12px;border-radius:8px;margin:8px 0;word-break:break-all;color:#7dd3fc;position:relative;border:1px dashed rgba(255,255,255,.03)}.copy-btn{position:absolute;top:8px;right:8px;padding:6px 12px;background:rgba(124,58,237,.2);color:var(--accent);border:1px solid rgba(124,58,237,.3);border-radius:6px;cursor:pointer;font-family:inherit;font-size:11px;transition:all .2s}.copy-btn:hover{background:rgba(124,58,237,.3);transform:translateY(-1px);box-shadow:0 4px 12px var(--glow)}.copy-btn.copied{background:rgba(74,222,128,.2);color:#4ade80;border-color:rgba(74,222,128,.3)}.code-block{background:linear-gradient(180deg,#020312 40%,#07102a);color:#cfe8ff;padding:1.5rem;border-radius:10px;font-family:inherit;font-size:13px;overflow-x:auto;position:relative;margin:1rem 0;box-shadow:inset 0 1px rgba(255,255,255,.02),0 8px 40px rgba(2,6,23,.6);border:1px solid rgba(255,255,255,.02)}.code-block pre{margin:0;white-space:pre-wrap;word-break:break-all;line-height:1.45}.instruction-step{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.004));padding:1rem;border-radius:8px;margin:.5rem 0;border:1px solid rgba(255,255,255,.03)}.instruction-step strong{color:var(--accent);display:block;margin-bottom:.5rem;font-size:13px}.instruction-step code{background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px;font-family:inherit;font-size:12px;color:#7dd3fc}@media(max-width:768px){.header{flex-direction:column;align-items:flex-start}.user-info{width:100%;justify-content:space-between}.login-container,.success-container,.loading-container{padding:2rem}.dashboard-container{padding:1.5rem}}.error-container{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:3rem;box-shadow:0 6px 30px rgba(2,6,23,.6);text-align:center;max-width:450px;margin:100px auto}.error-icon{color:#ef4444;font-size:4rem;margin-bottom:1rem}.error-container h2{color:var(--text);margin-bottom:1rem}.error-container p{color:var(--muted);margin-bottom:2rem}.retry-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.3);padding:12px 24px;border-radius:10px;cursor:pointer;color:var(--accent);font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.retry-btn:hover{background:rgba(124,58,237,.3);transform:translateY(-2px);box-shadow:0 6px 20px var(--glow)}.tab-navigation{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:0;overflow-x:auto}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.tab-btn svg{opacity:.7;transition:opacity .2s}.tab-btn:hover{color:var(--text);background:rgba(255,255,255,.02)}.tab-btn:hover svg{opacity:1}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-btn.active svg{opacity:1}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.api-playground{margin-top:1rem}.endpoint-group{margin-bottom:1.5rem}.endpoint-group-title{color:var(--text);font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.04)}.endpoint-card{background:var(--panel);border:1px solid rgba(255,255,255,.04);border-radius:10px;margin-bottom:1rem;overflow:hidden;transition:all .2s}.endpoint-card:hover{border-color:rgba(124,58,237,.2);box-shadow:0 4px 20px var(--glow)}.endpoint-header{padding:1rem;cursor:pointer;display:flex;align-items:center;gap:1rem;user-select:none}.endpoint-header:hover{background:rgba(255,255,255,.02)}.method-badge{padding:.25rem .75rem;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.method-badge.get{background:rgba(59,130,246,.2);color:var(--method-get);border:1px solid rgba(59,130,246,.3)}.method-badge.post{background:rgba(16,185,129,.2);color:var(--method-post);border:1px solid rgba(16,185,129,.3)}.method-badge.put{background:rgba(245,158,11,.2);color:var(--method-put);border:1px solid rgba(245,158,11,.3)}.method-badge.delete{background:rgba(239,68,68,.2);color:var(--method-delete);border:1px solid rgba(239,68,68,.3)}.endpoint-path{font-family:inherit;font-size:13px;color:var(--text);flex:1}.endpoint-description{font-size:12px;color:var(--muted);margin-left:auto}.expand-icon{color:var(--muted);transition:transform .2s}.endpoint-card.expanded .expand-icon{transform:rotate(90deg)}.endpoint-body{display:none;padding:0 1rem 1rem;border-top:1px solid rgba(255,255,255,.04)}.endpoint-card.expanded .endpoint-body{display:block}.request-builder{margin-top:1rem}.request-section{margin-bottom:1.5rem;position:relative}.request-section-title{color:var(--text);font-size:12px;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.request-url-bar{display:flex;align-items:stretch;background:linear-gradient(180deg,#020312 40%,#07102a);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;margin-bottom:1rem}.request-url-bar input{flex:1;background:transparent;border:none;padding:.75rem 1rem;color:var(--json-key);font-family:inherit;font-size:13px;outline:none}.request-url-bar input::placeholder{color:var(--muted);opacity:.5}.send-btn{padding:.75rem 1.5rem;background:rgba(124,58,237,.2);color:var(--accent);border:none;border-left:1px solid rgba(124,58,237,.3);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.send-btn:hover{background:rgba(124,58,237,.3);box-shadow:inset 0 0 20px var(--glow)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.json-editor{background:linear-gradient(180deg,#020312 40%,#07102a);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;font-family:inherit;font-size:13px;color:var(--text);resize:vertical;min-height:150px;width:100%;outline:none;line-height:1.6}.json-editor:focus{border-color:rgba(124,58,237,.4);box-shadow:0 0 0 3px var(--glow)}.response-viewer{margin-top:1.5rem}.loading-state{display:flex;align-items:center;gap:.75rem;padding:2rem;justify-content:center;color:var(--muted)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(124,58,237,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.textarea-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,36,.95);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:6px;animation:fadeIn .2s ease-out}.textarea-loading-overlay .loading-content{text-align:center;color:var(--text)}.textarea-loading-overlay .loading-spinner{width:32px;height:32px;border-width:3px;margin:0 auto 1rem}.response-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.response-status{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:11px;font-weight:600}.status-badge.success{background:rgba(16,185,129,.2);color:var(--method-post);border:1px solid rgba(16,185,129,.3)}.status-badge.error{background:rgba(239,68,68,.2);color:var(--method-delete);border:1px solid rgba(239,68,68,.3)}.response-time{font-size:11px;color:var(--muted)}.response-body{background:linear-gradient(180deg,#020312 40%,#07102a);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;font-family:inherit;font-size:13px;position:relative;max-height:400px;overflow-y:auto}.response-body pre{margin:0;color:var(--text);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.json-key{color:var(--json-key)}.json-string{color:var(--json-string)}.json-number{color:var(--json-number)}.json-boolean{color:var(--json-boolean)}.json-null{color:var(--json-null)}.schema-viewer{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:1rem;margin-top:1rem}.schema-property{margin:.25rem 0;border-left:2px solid rgba(124,58,237,.3);padding:.5rem .5rem .5rem 1rem}.schema-property-name{color:var(--json-key);font-weight:600;font-size:12px}.schema-property-type{color:var(--json-number);font-size:11px;margin-left:.5rem}.schema-property-required{color:var(--method-delete);font-size:10px;margin-left:.5rem}.schema-property-description{color:var(--muted);font-size:11px;margin-top:.25rem}.loading-inline{display:inline-block;width:14px;height:14px;border:2px solid rgba(124,58,237,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.headers-info{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:13px;color:var(--muted);padding:.25rem 0}.copy-curl-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--muted);padding:.4rem .7rem;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.3rem;margin-left:.5rem}.copy-curl-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:var(--text)}.copy-curl-btn svg{width:12px;height:12px}.copy-notification{position:fixed;bottom:2rem;right:2rem;background:var(--accent);color:#fff;padding:.75rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10000;animation:slideIn .3s ease-out;font-size:14px;max-width:500px;word-wrap:break-word}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:13px}.generator-container{display:flex;flex-direction:column;gap:2rem}.generator-section{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem}.tool-description-input{width:100%;min-height:150px;padding:1rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-family:inherit;font-size:14px;line-height:1.6;resize:vertical;transition:border-color .2s,background .2s}.tool-description-input:focus{outline:none;border-color:var(--accent);background:rgba(0,0,0,.4)}.tool-description-input::placeholder{color:var(--text-muted);opacity:.6}.ai-prompt-preview{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;color:var(--text);font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.8;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.ai-prompt-preview::-webkit-scrollbar{width:12px}.ai-prompt-preview::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:6px}.ai-prompt-preview::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:6px}.ai-prompt-preview::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.ai-prompt-preview{scrollbar-color:rgba(255,255,255,.15) rgba(0,0,0,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.modal-content{background:var(--panel);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5);width:90%;max-width:500px;animation:slideIn .3s ease-out}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--text);font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:rgba(255,255,255,.1);color:var(--text)}.modal-body{padding:1.5rem}.modal-input{width:100%;padding:.75rem;background:var(--bg);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:14px;transition:all .2s}.modal-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.modal-input::placeholder{color:var(--text-muted)}.modal-input[type=password]{letter-spacing:.05em}select.modal-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;padding:.75rem;background:var(--bg);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;user-select:none}.custom-select-trigger:hover{border-color:rgba(255,255,255,.2)}.custom-select-trigger svg{transition:transform .2s}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:1000;max-height:200px;overflow-y:auto;animation:fadeIn .15s ease-out}.custom-select-option{padding:.75rem;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:14px;cursor:pointer;transition:all .15s;display:flex;align-items:center}.custom-select-option:hover{background:rgba(124,58,237,.2)}.custom-select-option.selected{background:rgba(124,58,237,.3);color:var(--accent)}.custom-select-option svg{flex-shrink:0}select.modal-input option{background-color:var(--panel);color:var(--text);padding:.5rem}select.modal-input option:hover{background-color:rgba(124,58,237,.2)}select.modal-input option:checked{background-color:var(--accent);color:#fff}.modal-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:.75rem}.modal-btn{padding:.625rem 1.25rem;border-radius:6px;border:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn-secondary{background:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.modal-btn-secondary:hover{background:rgba(255,255,255,.1);color:var(--text)}.modal-btn-primary{background:var(--accent);color:#fff}.modal-btn-primary:hover{background:#6d28d9;box-shadow:0 4px 12px rgba(124,58,237,.3)}