body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:0;box-sizing:border-box;font:inherit;margin:0;padding:0;vertical-align:initial}:root{--primary-color:#6366f1;--primary-hover:#5855eb;--secondary-color:#0f172a;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--border-color:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}.navbar{border-bottom:1px solid #475569;border-bottom:1px solid var(--border-color)}body{background:linear-gradient(135deg,#0f172a,#1a202c);background:linear-gradient(135deg,var(--bg-primary) 0,#1a202c 100%);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.App{flex-direction:column;padding:0;text-align:center;width:100%}.App,.app-container{display:flex;min-height:100vh}.app-container{padding-top:70px}.main-content{flex:1 1;margin-left:250px;max-width:calc(100vw - 250px);padding:2rem;transition:margin-left .3s ease}.logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#06b6d4);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-.02em;margin:2rem 0;text-shadow:none}h1{color:#f8fafc;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem}h2{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:600;line-height:1.3;margin-bottom:1.5rem}.drag-drop-box,h2{color:#cbd5e1;color:var(--text-secondary)}.drag-drop-box{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(6,182,212,.05));border:2px dashed #6366f1;border:2px dashed var(--primary-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:600px;min-height:200px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.drag-drop-box:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.drag-drop-box:hover:before{left:100%}.drag-drop-box:hover{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(6,182,212,.1));border-color:#5855eb;border-color:var(--primary-hover);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.drag-drop-box p{font-size:1.125rem;font-weight:500;margin:0}.display-area{background:#1e293b;background:var(--bg-secondary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);color:#f8fafc;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;margin:1.5rem auto;max-width:1200px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.display-area:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:var(--shadow-xl)}.file-content{text-align:left}.file-name{align-items:center;background:#334155;background:var(--bg-tertiary);border-left:4px solid #6366f1;border-left:4px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.file-name:before{content:"📄";font-size:1.25rem}.button-group{margin:0 auto 2rem;max-width:1200px}.flex-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}.button-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.reset-button{background:linear-gradient(135deg,#6366f1,#5855eb);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.reset-button:hover:before{left:100%}.reset-button:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.reset-button:active{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transform:translateY(0);transform:translateY(0)}.selected-response{background:#1e293b;background:var(--bg-secondary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);margin:2rem auto;max-width:1200px;padding:2rem;text-align:left}.selected-response h2{align-items:center;color:#6366f1;color:var(--primary-color);display:flex;gap:.5rem;margin-bottom:1rem}.selected-response h2:before{content:"🤖";font-size:1.5rem}.selected-response p{color:#cbd5e1;color:var(--text-secondary);line-height:1.7;white-space:pre-wrap}.loading{opacity:.7;pointer-events:none}.loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid #6366f1;border:2px solid var(--primary-color);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:1024px){.main-content{margin-left:0;max-width:100vw;padding:1rem}.drag-drop-box{margin:1rem;padding:2rem 1rem}.display-area{margin:1rem;padding:1rem}}@media (max-width:768px){.flex-container{gap:1rem}.button-container{flex-direction:column;width:100%}.reset-button{max-width:300px;width:100%}.drag-drop-box{min-height:150px;padding:1.5rem 1rem}.drag-drop-box p{font-size:1rem}}.code-block{border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);box-shadow:var(--shadow-md);margin:0;overflow:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#334155;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:.375rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:#475569;background:var(--border-color);-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}.drag-drop-box:focus,.reset-button:focus{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.display-area{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out}.in-Wrapper{margin:2rem auto;max-width:1200px;padding:0 1rem}.inputUser{align-items:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(30,41,59,.8);border:1px solid #475569;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.inputUser:before{background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s;width:100%}.inputUser:focus-within:before{left:100%}.inputUser:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1),0 10px 15px -3px rgba(0,0,0,.1)}.userChange{background:transparent;border:none;border-radius:.5rem;color:#f8fafc;flex:1 1;font-family:inherit;font-size:1rem;max-height:200px;min-height:44px;outline:none;padding:.75rem 1rem;resize:vertical;transition:all .3s ease}.userChange::-webkit-input-placeholder{color:#94a3b8;font-style:italic}.userChange::placeholder{color:#94a3b8;font-style:italic}.userChange:focus{background:rgba(51,65,85,.3)}.but{align-items:center;background:linear-gradient(135deg,#6366f1,#5855eb);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;min-width:120px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.but:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.but:hover:before{left:100%}.but:hover{background:linear-gradient(135deg,#5855eb,#4f46e5);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.but:focus{outline:2px solid #6366f1;outline-offset:2px}.but:active{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}.but:disabled{cursor:not-allowed;opacity:.6}.but:disabled,.but:disabled:hover{-webkit-transform:none;transform:none}.but:disabled:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.but.loading{pointer-events:none}.but.loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:16px;position:absolute;width:16px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.response-display{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(30,41,59,.6);border:1px solid #475569;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#f8fafc;line-height:1.7;margin-top:1.5rem;overflow:hidden;padding:1.5rem;position:relative}.response-display:before{background:linear-gradient(90deg,#6366f1,#06b6d4,#10b981);border-radius:1rem 1rem 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.response-display h3{align-items:center;color:#6366f1;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.response-display h3:before{content:"🤖";font-size:1.25rem}.response-display pre{background:rgba(15,23,42,.8);border:1px solid #334155;border-radius:.5rem;line-height:1.5;margin:1rem 0;overflow-x:auto;padding:1rem}.response-display code,.response-display pre{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.response-display code{background:rgba(99,102,241,.1);border-radius:.375rem;color:#06b6d4;padding:.25rem .5rem}@media (max-width:768px){.inputUser{flex-direction:column;gap:1rem}.but{justify-content:center;width:100%}.in-Wrapper{margin:1rem auto;padding:0 .5rem}.response-display{margin-top:1rem;padding:1rem}}@media (prefers-reduced-motion:reduce){.but,.inputUser,.response-display{transition:none}.but:before,.inputUser:before{display:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}}@media (prefers-contrast:high){.inputUser{border-color:#f8fafc}.but{background:#06c;border:2px solid #fff}.response-display{border-color:#f8fafc}}.navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(15,23,42,.95);border-bottom:1px solid rgba(71,85,105,.3);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar-brand{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:2rem;list-style-type:none;margin:0;padding:0}.nav-item,.nav-item a{position:relative}.nav-item a{align-items:center;border-radius:.5rem;color:#cbd5e1;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item a:before{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(6,182,212,.1));border-radius:.5rem;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.nav-item a:hover:before{opacity:1}.nav-item a:hover{color:#f8fafc;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-item a:after{background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:1px;bottom:-.25rem;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:0}.nav-item a:hover:after{width:80%}.nav-item.active a{background:rgba(99,102,241,.1);color:#f8fafc}.nav-item.active a:after{width:80%}.mobile-menu-toggle{background:none;border:none;border-radius:.5rem;color:#cbd5e1;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.mobile-menu-toggle:hover{background:rgba(99,102,241,.1);color:#f8fafc}@media (max-width:768px){.navbar{padding:1rem}.mobile-menu-toggle{display:block}.nav-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(15,23,42,.98);border-top:1px solid rgba(71,85,105,.3);flex-direction:column;gap:0;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-menu.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.nav-item{width:100%}.nav-item a{justify-content:center;padding:1rem;width:100%}.navbar-brand{font-size:1.25rem}}html{scroll-behavior:smooth}.mobile-menu-toggle:focus,.nav-item a:focus{outline:2px solid #6366f1;outline-offset:2px}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid #475569;box-shadow:4px 0 6px -1px rgba(0,0,0,.1);color:#f8fafc;height:calc(100vh - 70px);left:0;overflow-y:auto;padding:1.5rem;position:fixed;top:70px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:250px;z-index:500}.sidebar-title{align-items:center;border-bottom:1px solid #475569;color:#f8fafc;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-title:before{content:"📚";font-size:1.5rem}.response-list{display:flex;flex-direction:column;gap:1rem;list-style-type:none;margin:0;padding:0}.response-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(51,65,85,.5);border:1px solid #475569;border-radius:.75rem;cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.response-item:before{background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.response-item:hover:before{left:100%}.response-item:hover{background:rgba(99,102,241,.1);border-color:#6366f1;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);-webkit-transform:translateX(4px);transform:translateX(4px)}.response-item:active{-webkit-transform:translateX(2px);transform:translateX(2px)}.response-item .response-preview{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#cbd5e1;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis}.response-item .response-meta{align-items:center;border-top:1px solid rgba(71,85,105,.3);color:#94a3b8;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}.response-item .response-index{background:#6366f1;border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.response-item .response-timestamp{font-style:italic}.sidebar-empty{color:#94a3b8;padding:2rem 1rem;text-align:center}.sidebar-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.sidebar-empty-text{font-size:.875rem;line-height:1.5}@media (max-width:1024px){.sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1001}.sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.sidebar-overlay.active{opacity:1;visibility:visible}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:rgba(51,65,85,.3);border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:#475569;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:#64748b}.response-item:focus{outline:2px solid #6366f1;outline-offset:2px}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.response-item.new{-webkit-animation:slideInLeft .5s ease-out;animation:slideInLeft .5s ease-out}
/*# sourceMappingURL=main.50baab78.css.map*/