@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);:root{--primary-color:#3a86ff;--secondary-color:#8338ec;--accent-color:#ff006e;--background-color:#f8f9fa;--panel-color:#fff;--text-color:#333;--text-light-color:#666;--success-color:#06d6a0;--warning-color:#ffd166;--error-color:#ef476f;--border-radius:8px;--box-shadow:0 4px 6px rgba(0,0,0,0.1);--sidebar-wide-width:50%}body{background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-speed),color var(--transition-speed)}.dark-mode{--background-color:#1a1a1a;--panel-color:#2d2d2d;--text-color:#f0f0f0;--text-light-color:#a0a0a0}.App{display:flex;height:100vh;overflow:hidden}.main-container{flex-grow:1;overflow-x:hidden;transition:margin .3s ease-in-out,width .3s ease-in-out}.content-wrapper{height:100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.content-wrapper.transitioning{position:absolute;width:100%;height:100%}.content-wrapper.transitioning.fade-slide-left{opacity:0;transform:translateX(30px);animation:fadeSlideLeft .3s ease-in-out forwards}@keyframes fadeSlideLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.content-wrapper.transitioning.fade-slide-right{opacity:0;transform:translateX(-30px);animation:fadeSlideRight .3s ease-in-out forwards}@keyframes fadeSlideRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.content-wrapper.transitioning.fade-slide-left.exiting{animation:fadeSlideLeftExit .3s ease-in-out forwards}@keyframes fadeSlideLeftExit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}.content-wrapper.transitioning.fade-slide-right.exiting{animation:fadeSlideRightExit .3s ease-in-out forwards}@keyframes fadeSlideRightExit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}.content-wrapper.transitioning.fade{opacity:0;animation:simpleFade .3s ease-in-out forwards}@keyframes simpleFade{0%{opacity:0}to{opacity:1}}.content-wrapper.transitioning.fade.exiting{animation:simpleFadeExit .3s ease-in-out forwards}@keyframes simpleFadeExit{0%{opacity:1}to{opacity:0}}.view-content.active{opacity:1;transform:none;z-index:2}.transitioning .header{transform:scale(.98);opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-button,.gradient-text,.theme-toggle{transition:none}.transitioning .control-button,.transitioning .gradient-text,.transitioning .theme-toggle{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.documents-content,.messages-container{transition:none}.transitioning .documents-content,.transitioning .messages-container{opacity:0;transform:scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1)}.content-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:none;pointer-events:none;z-index:1;opacity:0}.content-wrapper.transitioning:before{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.file-item,.message{transition:none}.transitioning .file-item,.transitioning .message{transform:scale(.98);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-wrapper.transitioning.slide-up .view-content{opacity:0;transform:translateY(100%)}.content-wrapper.transitioning.slide-down .view-content{opacity:0;transform:translateY(-100%)}.content-wrapper.transitioning.scale-up .view-content{opacity:0;transform:scale(1.1)}.content-wrapper.transitioning.scale-down .view-content{opacity:0;transform:scale(.9)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-accent{background-color:var(--accent-color)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.dark-mode-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.2em;transition:color .3s ease}.dark-mode-toggle:hover{color:var(--primary-color)}body{font-family:"Roboto",sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}.text-small{font-size:.875rem}.text-large{font-size:1.125rem}.text-bold{font-weight:700}.text-light{font-weight:300}.App.left-sidebar-expanded .main-container{margin-left:50%;transition:margin-left .3s ease-in-out}.App.left-sidebar-expanded .sidebar{width:50%}.main-container{display:flex;flex-direction:column;height:100vh}.content-wrapper{flex-grow:1;overflow-y:auto}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:15px}::-webkit-scrollbar-thumb{background-color:initial;border-radius:10px;border:2px solid var(--dark-bg-color);-webkit-transition:background-color .3s ease;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.InteractionBar{position:sticky;bottom:0;width:100%;z-index:100}.right-sidebar:not(.open){transform:translateX(100%)}.main-container.sidebar-open{margin-left:300px}@media (max-width:768px){.main-container.sidebar-open{margin-left:0}}.main-container.left-sidebar-open,.main-container.right-sidebar-open{margin-left:0;margin-right:0}.reconnection-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--deep-navy-rgb),.8);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reconnection-popup{background:var(--glass-background);border:var(--card-border);border-radius:16px;padding:2rem;max-width:480px;width:90%;box-shadow:var(--hover-glow);animation:popupSlide .3s ease}.reconnection-popup h2{color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem}.reconnection-popup p{color:var(--text-secondary);margin-bottom:1.5rem}@keyframes popupSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .reconnection-popup{background:rgba(var(--deep-navy-rgb),.95);border-color:rgba(var(--electric-cyan-rgb),.2);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(var(--electric-cyan-rgb),.2)}.dark-mode .reconnection-popup h2{color:rgba(var(--electric-cyan-rgb),.9)}.dark-mode .reconnection-popup p{color:rgba(var(--electric-cyan-rgb),.7)}.agent-processing{display:flex;flex-direction:column;grid-gap:12px;gap:12px;width:100%}.agent-step{border:1px solid var(--border-color,#ddd);border-radius:6px;padding:10px;margin-bottom:10px;background-color:var(--step-bg,#f8f9fa);transition:all .3s ease}.agent-step.in-progress{border-left:4px solid var(--step-in-progress-color,#3498db)}.agent-step.completed{border-left:4px solid var(--step-completed-color,#2ecc71);opacity:.8}.step-header{font-weight:700;margin-bottom:5px}.step-number{color:var(--step-number-color,#555)}.step-status{font-size:.9em;color:var(--step-status-color,#666)}.step-description{margin-bottom:5px}.step-message{font-size:.9em;color:var(--step-message-color,#666);font-style:italic}.agent-checkpoint{display:flex;align-items:center;padding:8px;background-color:var(--checkpoint-bg,#eaf3ff);border-radius:6px;margin:10px 0;font-size:.9em}.checkpoint-icon{margin-right:8px;font-size:1.2em}.checkpoint-info{flex-grow:1}.checkpoint-time{color:var(--checkpoint-time-color,#777);font-size:.8em}.agent-input-required{display:flex;align-items:center;padding:12px;background-color:var(--input-required-bg,#fff3e0);border-radius:6px;margin:10px 0;border-left:4px solid var(--input-required-border,#f39c12)}.input-icon{margin-right:10px;font-size:1.2em}.input-prompt{flex-grow:1;line-height:1.4}.agent-response{white-space:pre-wrap;line-height:1.5;margin-top:10px}.message-text[data-streaming=true] .agent-checkpoint,.message-text[data-streaming=true] .agent-input-required,.message-text[data-streaming=true] .agent-processing,.message-text[data-streaming=true] .agent-response,.message-text[data-streaming=true] .agent-step{animation:fadeIn .3s ease-in-out}:root{--sidebar-width:300px;--sidebar-header-height:60px;--sidebar-z-index:100;--sidebar-transition:transform 0.3s ease-in-out;--highlight-color-light:rgba(59,130,246,0.15);--highlight-rgb:59,130,246}.left-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--glass-background);border-right:1px solid var(--glass-border);box-shadow:var(--card-shadow);z-index:var(--sidebar-z-index);transform:translateX(-100%);transition:var(--sidebar-transition);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.left-sidebar.open{transform:translateX(0)}.sidebar-content{padding:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.sidebar-header{padding:16px 20px;background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);height:var(--sidebar-header-height)}.sidebar-header h1{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);padding-left:10px;letter-spacing:.02em;display:flex;align-items:center;position:relative}.sidebar-header h1:before{content:"";position:absolute;left:0;width:3px;height:20px;background:var(--gradient-primary);border-radius:2px}.header-controls{grid-gap:8px;gap:8px}.close-button,.header-controls{display:flex;align-items:center}.close-button{background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-primary);width:32px;height:32px;border-radius:50%;justify-content:center;transition:all var(--transition-speed);padding:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.close-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:rotate(90deg);box-shadow:var(--hover-glow)}.close-button svg{font-size:20px;transition:transform .3s ease}.close-button:hover svg{transform:scale(1.1)}.left-sidebar>.sidebar-content>.new-conversation-button{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;background:var(--gradient-primary);color:#fff;border:none;padding:10px 16px;margin:16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all var(--transition-speed);box-shadow:var(--card-shadow)}.left-sidebar>.sidebar-content>.new-conversation-button:hover{transform:translateY(-2px);box-shadow:var(--hover-glow)}.history-section{padding:0 16px 16px;flex:1 1;min-height:0;display:flex;flex-direction:column}.history-section h2{font-size:14px;font-weight:600;color:var(--text-secondary);margin:12px 0;padding-bottom:8px;display:flex;align-items:center;grid-gap:8px;gap:8px}.sidebar-footer{padding:16px;border-top:1px solid var(--glass-border);background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.footer-button-group{display:flex;align-items:center;grid-gap:8px;gap:8px;width:100%}.footer-button{display:flex;align-items:center;height:44px;background:var(--glass-background);color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;font-weight:500;transition:all .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden;flex-shrink:0}.footer-button svg{flex-shrink:0}.footer-button .button-text{white-space:nowrap;font-size:14px;opacity:0;max-width:0;transition:max-width .25s ease-in-out,opacity .2s ease-in-out}.logout-button{flex-grow:1;border-radius:8px;justify-content:flex-start;padding:0 12px;grid-gap:12px;gap:12px}.logout-button .button-text{opacity:1;max-width:100px}.user-button{flex-basis:44px;flex-grow:0;border-radius:22px;justify-content:center}.logout-button:hover{background-color:rgba(239,71,111,.1);color:var(--error-color);border-color:var(--error-color)}.user-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.footer-button-group:has(.user-button:hover) .user-button{flex-grow:1;flex-basis:auto;border-radius:8px;justify-content:flex-start;padding:0 12px;grid-gap:12px;gap:12px}.footer-button-group:has(.user-button:hover) .user-button .button-text{opacity:1;max-width:100px;transition-delay:.1s}.footer-button-group:has(.user-button:hover) .logout-button{flex-basis:44px;flex-grow:0;border-radius:22px;justify-content:center;padding:0;grid-gap:0;gap:0}.footer-button-group:has(.user-button:hover) .logout-button .button-text{opacity:0;max-width:0}.unified-view-switcher{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:0 16px 16px;border-bottom:1px solid var(--glass-border);margin-bottom:8px}.view-button{padding:12px 8px;background:var(--glass-background);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;font-weight:500;transition:all var(--transition-speed);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:8px;gap:8px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.unified-view-switcher .view-button:last-child:nth-child(odd){grid-column:1/-1}.view-button svg{font-size:1.2em}.view-button.active{background:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan)}.view-button.active,.view-button:hover:not(.active){border-color:var(--electric-cyan);transform:translateY(-2px);box-shadow:var(--hover-glow)}.view-button:hover:not(.active){background:rgba(var(--electric-cyan-rgb),.1)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent;margin:4px}.sidebar-content::-webkit-scrollbar-thumb{background-color:rgba(var(--electric-cyan-rgb),.2);border-radius:10px}.conversation-list-container{height:100%;width:100%}li{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:8px;padding:8px 12px;cursor:pointer;transition:all var(--transition-speed);position:relative;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}li:hover{transform:translateY(-2px);box-shadow:var(--hover-glow);background:rgba(var(--electric-cyan-rgb),.05)}li.active,li:hover{border-color:var(--electric-cyan)}li.active{background:rgba(var(--electric-cyan-rgb),.1)}.session-content{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.new-badge{padding:2px 6px;font-weight:600}.conversation-controls{position:absolute;top:8px;right:8px;grid-gap:4px;gap:4px;transition:opacity .2s ease}.conversation-controls.visible,li:hover .conversation-controls{opacity:1}.conversation-controls button{color:var(--text-primary);width:24px;height:24px;border-radius:50%;transition:all var(--transition-speed);padding:0}.conversation-controls button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:scale(1.1);box-shadow:var(--hover-glow)}li.multi-select-mode{padding-left:36px}.session-checkbox{left:8px}.checkbox{width:18px;height:18px;border:1px solid var(--glass-border);border-radius:4px;color:var(--electric-cyan);background:var(--glass-background);transition:all var(--transition-speed)}.checkbox.checked{background:rgba(var(--electric-cyan-rgb),.2)}.checkbox.checked,li.selected{border-color:var(--electric-cyan)}li.selected{background:rgba(var(--electric-cyan-rgb),.15)}li.deleting-session{opacity:.6;transform:translateX(30px);transition:all .3s ease}.no-conversations{font-size:14px}li.selection-pulse{animation:selectionPulse .5s ease-out}.dark-mode .left-sidebar{background:var(--deep-navy);border-right-color:hsla(0,0%,100%,.1)}.dark-mode .sidebar-header{background:var(--deep-navy);border-bottom-color:hsla(0,0%,100%,.1)}.dark-mode .close-button,.dark-mode .sidebar-header h1{color:var(--text-primary)}.dark-mode .close-button{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.dark-mode .close-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.dark-mode .new-conversation-button{background:var(--gradient-primary)}.dark-mode .new-conversation-button:hover{box-shadow:var(--hover-glow)}.dark-mode .history-section h2{color:var(--text-secondary)}.dark-mode .sidebar-footer{background:var(--deep-navy);border-top-color:hsla(0,0%,100%,.1)}.dark-mode .logout-button{background:hsla(0,0%,100%,.05);color:var(--text-primary);border-color:hsla(0,0%,100%,.1)}.dark-mode .logout-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.dark-mode .view-button{background:hsla(0,0%,100%,.05);color:var(--text-primary);border-color:hsla(0,0%,100%,.1)}.dark-mode .view-button.active{background:rgba(var(--electric-cyan-rgb),.15);border-color:var(--electric-cyan);color:var(--electric-cyan)}.dark-mode .view-button:hover:not(.active){background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.dark-mode .session-title{color:var(--text-primary)}.dark-mode .timestamp{color:var(--text-secondary)}.dark-mode li{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.dark-mode li:hover{background:rgba(var(--electric-cyan-rgb),.05);border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.dark-mode li.active{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan)}.dark-mode .conversation-controls button{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.dark-mode .conversation-controls button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);box-shadow:var(--hover-glow)}.dark-mode .checkbox{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.dark-mode .checkbox.checked{background:rgba(var(--electric-cyan-rgb),.2);border-color:var(--electric-cyan)}.dark-mode .no-conversations{color:var(--text-secondary)}.dark-mode .sidebar-content::-webkit-scrollbar-thumb{background-color:rgba(var(--electric-cyan-rgb),.2)}.status-badge{justify-content:center;font-size:6px;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.33,1,.68,1),padding .4s cubic-bezier(.33,1,.68,1);will-change:opacity,transform,max-width;transform-origin:center right;margin-left:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.generating-badge,.status-badge{padding:3px 8px;border-radius:12px;font-weight:400}.generating-badge{background:var(--gradient-primary);animation:pulse-badge 1.5s ease-in-out infinite;font-size:10px;letter-spacing:.02em;box-shadow:0 2px 4px rgba(0,0,0,.15);overflow:visible;white-space:nowrap;transform-origin:center center;display:inline-flex;align-items:center;grid-gap:4px;gap:4px;color:#fff}.generating-badge .spinning{font-size:12px;color:#fff}.failed-badge{background:linear-gradient(45deg,#ff5050,#ff8080);color:#fff;padding:3px 8px}.completed-badge{background:linear-gradient(45deg,#00c853,#69f0ae);color:#fff;padding:3px 8px;opacity:0;max-width:0;overflow:hidden;margin:0;transition:opacity .4s cubic-bezier(.32,0,.67,0) .1s,max-width .4s cubic-bezier(.33,1,.68,1),margin .4s cubic-bezier(.33,1,.68,1)}.session-meta{justify-content:space-between;margin-top:4px}.status-container{display:flex;align-items:center;position:relative;overflow:visible;min-width:80px}li[data-session-status=GENERATING]:not(.active){background:rgba(var(--electric-cyan-rgb),.08);border-color:rgba(var(--electric-cyan-rgb),.5);position:relative;overflow:hidden}li[data-session-status=GENERATING]:not(.active):after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(var(--electric-cyan-rgb),.15) 50%,transparent);background-size:150% 100%;animation:shimmer-effect 3.5s linear infinite;pointer-events:none;z-index:1}li[data-session-status=GENERATING]:not(.active) .session-title{color:var(--text-primary);font-weight:400;position:relative;z-index:2}li[data-session-status=GENERATING]:not(.active):hover{background:rgba(var(--electric-cyan-rgb),.12);border-color:rgba(var(--electric-cyan-rgb),.6);box-shadow:0 0 12px rgba(var(--electric-cyan-rgb),.2)}.dark-mode li[data-session-status=GENERATING]:not(.active){background:rgba(var(--electric-cyan-rgb),.15);border-color:rgba(var(--electric-cyan-rgb),.6)}.dark-mode li[data-session-status=GENERATING]:not(.active) .session-title{color:#fff;font-weight:400;text-shadow:0 0 8px rgba(var(--electric-cyan-rgb),.3)}.dark-mode li[data-session-status=GENERATING]:not(.active):after{background:linear-gradient(90deg,transparent,rgba(var(--electric-cyan-rgb),.2) 50%,transparent)}.dark-mode li[data-session-status=GENERATING]:not(.active):hover{background:rgba(var(--electric-cyan-rgb),.2);border-color:rgba(var(--electric-cyan-rgb),.7);box-shadow:0 0 15px rgba(var(--electric-cyan-rgb),.3)}li[data-session-status=FAILED]{background:rgba(255,80,80,.08);border-color:rgba(255,80,80,.4);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}li[data-session-status=FAILED]:hover{box-shadow:0 0 10px rgba(255,80,80,.2)}.dark-mode li[data-session-status=FAILED],li[data-session-status=FAILED]:hover{background:rgba(255,80,80,.12);border-color:rgba(255,80,80,.5)}.dark-mode li[data-session-status=FAILED]:hover{background:rgba(255,80,80,.18);border-color:rgba(255,80,80,.6);box-shadow:0 0 12px rgba(255,80,80,.25)}@keyframes pulse-badge{0%{opacity:.9;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}to{opacity:.9;transform:scale(.95)}}@keyframes shimmer-effect{0%{background-position:-150% 0}to{background-position:250% 0}}.session-item{transition:all .3s ease-out}.status-badge{opacity:0;transform:translateY(2px) scale(.95)}.status-badge:not(.completed-badge){opacity:1;transform:translateY(0) scale(1)}.completed-badge{transition:opacity .3s ease .1s,max-width .4s cubic-bezier(.33,1,.68,1),margin .4s cubic-bezier(.33,1,.68,1)}li.active .status-badge{transition:all .3s cubic-bezier(.4,0,.2,1) .1s}.title-changing .session-title{animation:pulse-highlight .5s ease}@keyframes pulse-highlight{0%{background-color:initial}50%{background-color:rgba(var(--primary-rgb),.15)}to{background-color:initial}}@keyframes sessionHighlightPulse{0%{background-color:var(--highlight-color-light);box-shadow:0 0 0 0 rgba(var(--highlight-rgb),.7)}70%{background-color:var(--bg-secondary);box-shadow:0 0 0 10px rgba(var(--highlight-rgb),0)}to{background-color:var(--bg-secondary);box-shadow:0 0 0 0 rgba(var(--highlight-rgb),0)}}.conversation-list li.session-highlight-pulse{animation:sessionHighlightPulse 1s ease-in-out}.conversation-list li.active{background-color:var(--active-item-bg);border-left:3px solid var(--active-item-border);transition:background-color .2s ease,border-left .2s ease}.conversation-list li.active.status-changing{transition-delay:.1s}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.conversation-list::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.compact-view-switcher{padding:0 16px 16px;border-bottom:1px solid var(--glass-border);margin-bottom:8px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.compact-view-switcher.hovering{transform:translateY(-1px)}.compact-view-switcher .primary-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;transition:all .4s ease}.compact-view-switcher .secondary-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px;max-height:0;opacity:0;transform:translateY(-15px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.compact-view-switcher.expanded .secondary-options{max-height:200px;opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:.1s}.compact-view-switcher .view-button{padding:12px 8px;background:var(--glass-background);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:6px;gap:6px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;transform-origin:center;will-change:transform,background-color,border-color}.compact-view-switcher .view-button svg{font-size:1.2em;transition:transform .3s cubic-bezier(.4,0,.2,1)}.compact-view-switcher .view-button .button-label{font-size:12px;font-weight:500;text-align:center;line-height:1.2;opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1)}.compact-view-switcher .view-button.active{background:rgba(var(--electric-cyan-rgb),.15);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-2px) scale(1.02);box-shadow:var(--hover-glow);transition:all .2s cubic-bezier(.4,0,.2,1)}.compact-view-switcher .view-button.active svg{transform:scale(1.1)}.compact-view-switcher .view-button.active .button-label{opacity:1;font-weight:600}.compact-view-switcher .view-button:hover:not(.active){background:rgba(var(--electric-cyan-rgb),.08);border-color:rgba(var(--electric-cyan-rgb),.6);transform:translateY(-1px) scale(1.01);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.15);transition:all .2s cubic-bezier(.4,0,.2,1)}.compact-view-switcher .view-button:hover svg{transform:scale(1.05)}.compact-view-switcher .view-button:active{transform:translateY(0) scale(.98);transition:all .1s cubic-bezier(.4,0,.2,1)}.expand-toggle{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:28px;height:18px;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:10px 10px 0 0;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.1)}.expand-toggle:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateX(-50%) translateY(-3px) scale(1.05);box-shadow:var(--hover-glow)}.expand-toggle:active{transform:translateX(-50%) translateY(-1px) scale(.95);transition:all .1s ease}.compact-view-switcher.expanded .secondary-options .view-button{animation:none}.compact-view-switcher .view-button:first-child{--stagger-delay:0ms}.compact-view-switcher .view-button:nth-child(2){--stagger-delay:50ms}.compact-view-switcher .view-button:nth-child(3){--stagger-delay:100ms}.compact-view-switcher .view-button:nth-child(4){--stagger-delay:150ms}.compact-view-switcher .view-button:nth-child(5){--stagger-delay:200ms}.compact-view-switcher .view-button:nth-child(6){--stagger-delay:250ms}.compact-view-switcher.expanded .view-button{transition-delay:var(--stagger-delay,0ms)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;min-width:320px;max-width:400px;box-shadow:var(--glass-shadow);animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.modal-title.danger{color:var(--error-color)}.modal-title.warning{color:var(--warning-color)}.modal-title.info{color:var(--electric-cyan)}.modal-message{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;font-size:.95rem}.modal-actions{display:flex;justify-content:flex-end;grid-gap:.75rem;gap:.75rem}.modal-button{padding:.6rem 1.2rem;border-radius:6px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-button.cancel{background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-secondary)}.modal-button.cancel:hover{background:var(--glass-border);color:var(--text-primary)}.modal-button.confirm{color:#fff}.modal-button.confirm.danger{background:var(--error-color)}.modal-button.confirm.danger:hover{background:var(--error-color-dark)}.modal-button.confirm.warning{background:var(--warning-color)}.modal-button.confirm.warning:hover{background:var(--warning-color-dark)}.modal-button.confirm.info{background:var(--electric-cyan)}.modal-button.confirm.info:hover{background:var(--electric-cyan-dark)}.sessions-list-wrapper{display:flex;flex-direction:column;flex:1 1;position:relative;transition:all var(--transition-speed) ease}.search-container{position:absolute;left:0;right:0;height:56px;padding:8px 12px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);grid-gap:8px;gap:8px;transform:translateY(-100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:15}.search-container.visible{transform:translateY(0);opacity:1}.search-toggle{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);z-index:16;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.search-toggle:hover{background:rgba(var(--electric-cyan-rgb),.1);transform:scale(1.05);box-shadow:var(--hover-glow)}.search-toggle.active,.search-toggle:hover{border-color:var(--electric-cyan);color:var(--electric-cyan)}.search-toggle.active{background:rgba(var(--electric-cyan-rgb),.15);transform:rotate(90deg)}.session-search-input{flex:1 1;height:40px;padding:0 36px 0 12px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-background);color:var(--text-primary);font-size:14px;transition:all var(--transition-speed);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;z-index:16;pointer-events:auto}.session-search-input:focus{outline:none;border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.clear-search-button{position:absolute;right:20px;width:28px;height:28px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed);padding:0;position:relative;z-index:16;pointer-events:auto}.clear-search-button:hover{color:var(--electric-cyan);transform:scale(1.1)}.no-search-results{text-align:center;color:var(--text-secondary);padding:20px;font-size:14px;animation:fadeIn .3s ease}.session-time-header{padding:12px 16px 8px;animation:fadeIn .3s ease}.time-header-content{font-size:14px;font-weight:600;color:var(--text-muted,#777);letter-spacing:.5px;text-transform:uppercase;padding-bottom:4px;position:relative}.time-header-content:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--border-color,#e0e0e0);opacity:.6}.dark-mode .session-search-input{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:var(--text-primary)}.dark-mode .session-search-input:focus{border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.dark-mode .clear-search-button{color:hsla(0,0%,100%,.5)}.dark-mode .clear-search-button:hover{color:var(--electric-cyan);background-color:rgba(var(--electric-cyan-rgb),.15)}.dark-mode .time-header-content{color:var(--text-muted-dark,#999)}.dark-mode .time-header-content:after{background-color:var(--border-color-dark,#444)}.dark-mode .no-search-results{color:var(--text-muted-dark,#999)}.history-actions{display:flex;grid-gap:8px;gap:8px;margin-bottom:12px;padding:0 12px;animation:fadeSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:20}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.multi-select-toggle{background-color:var(--glass-background);border:1px solid var(--glass-border);border-radius:8px;font-size:12px;padding:5px 10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:20;pointer-events:auto}.multi-select-toggle:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--electric-cyan);transition:width .3s cubic-bezier(.25,.46,.45,.94),left .3s cubic-bezier(.25,.46,.45,.94);transform:translateX(-50%)}.multi-select-toggle:hover:after{width:80%}.multi-select-toggle.active{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);font-weight:500;box-shadow:var(--hover-glow);animation:activateButton .4s cubic-bezier(.25,.46,.45,.94)}.multi-select-toggle:not(.active){animation:deactivateButton .4s cubic-bezier(.25,.46,.45,.94)}@keyframes activateButton{0%{transform:scale(1);background-color:var(--glass-background)}50%{transform:scale(1.1)}to{transform:scale(1);background-color:rgba(var(--electric-cyan-rgb),.1)}}@keyframes deactivateButton{0%{transform:scale(1);background-color:rgba(var(--electric-cyan-rgb),.1)}50%{transform:scale(.95)}to{transform:scale(1);background-color:var(--glass-background)}}.dark-mode .multi-select-toggle{background-color:var(--glass-background);border-color:var(--glass-border)}.dark-mode .multi-select-toggle.active{background-color:rgba(var(--electric-cyan-rgb),.15);border-color:var(--electric-cyan)}.delete-selected-button,.select-all-button{background-color:var(--glass-background);border:1px solid var(--glass-border);border-radius:8px;font-size:12px;padding:5px 10px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;opacity:0;animation:buttonAppear .3s cubic-bezier(.4,0,.2,1) forwards;color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}@keyframes buttonAppear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.delete-selected-button.exit-animation,.select-all-button.exit-animation{animation:buttonDisappear .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes buttonDisappear{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.select-all-button{animation-delay:.05s;min-width:85px}.delete-selected-button{animation-delay:.1s}.dark-mode .select-all-button{background-color:var(--glass-background);border-color:var(--glass-border)}.dark-mode .delete-selected-button{background-color:var(--glass-background);border-color:rgba(var(--accent-color-rgb),.3)}.conversation-list-container{flex:1 1;overflow:visible;border-radius:12px;position:relative;padding:4px;transition:padding-top .3s cubic-bezier(.4,0,.2,1);z-index:10}.conversation-list-container.search-visible{padding-top:60px}.conversation-list{background-color:initial;width:100%;height:100%;padding:0;margin:0;overflow-y:auto;overflow-x:hidden;position:relative;transition:all var(--transition-speed) ease}.conversation-list,.conversation-list>div{scrollbar-width:thin;scrollbar-color:rgba(var(--primary-color-rgb),.2) transparent}.conversation-list>div{margin-right:0;overflow-x:hidden!important}.conversation-list .session-item{list-style:none;padding:10px 16px;border-radius:12px;margin-bottom:8px;background-color:var(--glass-background);cursor:pointer;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.94),padding-left .4s cubic-bezier(.25,.46,.45,.94),background-color .3s ease;box-shadow:var(--card-shadow);border:1px solid var(--glass-border);overflow:hidden;display:flex;align-items:center;font-size:14px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transform:translateZ(0);will-change:transform,box-shadow;z-index:1}.session-content{flex:1 1;overflow:visible;margin-right:8px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.session-title{margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:14px;line-height:1.3;color:var(--text-primary);transition:color .3s ease}.session-meta{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:12px;opacity:.8;margin-top:2px;transition:opacity .3s ease}.timestamp{color:var(--text-secondary);font-size:12px;white-space:nowrap}.new-badge{background:var(--gradient-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;box-shadow:0 2px 6px rgba(var(--primary-color-rgb),.2);animation:pulseScale 2s ease-in-out infinite}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.conversation-list .session-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:initial;border-radius:0 4px 4px 0;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:left;transform:scaleX(0)}.conversation-list .session-item:hover{background-color:rgba(var(--primary-color-rgb),.05);box-shadow:var(--hover-glow);transform:translateY(-2px);border-color:rgba(var(--primary-color-rgb),.2);z-index:2}.conversation-list .session-item:hover:before{background-color:var(--electric-cyan);transform:scaleX(1)}.conversation-list .session-item.active{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);box-shadow:0 4px 16px rgba(var(--electric-cyan-rgb),.15);font-weight:500;animation:selectSession .5s cubic-bezier(.25,.46,.45,.94) forwards;z-index:3}@keyframes selectSession{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(-2px)}}.conversation-list .session-item.active:before{background-color:var(--electric-cyan);width:3px;transform:scaleX(1);animation:activeIndicator .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes activeIndicator{0%{transform:scaleY(0);height:0;opacity:0}50%{transform:scaleY(1.2);height:100%;opacity:.8}to{transform:scaleY(1);height:100%;opacity:1}}.conversation-list .session-item.active .session-title{color:var(--electric-cyan);animation:emphasizeText .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes emphasizeText{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.conversation-list .session-item:not(.active){animation:deselectSession .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes deselectSession{0%{transform:translateY(-2px)}to{transform:translateY(0)}}.conversation-controls{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;z-index:2}.conversation-controls.visible,.conversation-list .session-item:hover .conversation-controls{opacity:1}.conversation-controls button{background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-secondary);padding:6px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;z-index:20;pointer-events:auto}.conversation-controls button:hover:not(:disabled){color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 10px rgba(var(--accent-color-rgb),.15)}.conversation-controls button:disabled{opacity:.5;cursor:not-allowed}.conversation-list .session-item:not(.new-conversation):after{display:none}.conversation-list .session-item:first-child:not(.active){border-color:rgba(var(--primary-color-rgb),.3)}.conversation-list .session-item:first-child:not(.active):before{background-color:var(--primary-color);transform:scaleX(1);width:3px}.conversation-list .session-item.fade-out-gradient:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gradient-primary);background-size:300% 100%;animation:gradientFlow 2s ease infinite,pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark-mode .conversation-list .session-item{background-color:var(--glass-background);border-color:var(--glass-border);color:var(--text-primary)}.dark-mode .conversation-list .session-item:hover{background-color:rgba(var(--electric-cyan-rgb),.1);box-shadow:0 6px 16px rgba(var(--electric-cyan-rgb),.15);border-color:rgba(var(--electric-cyan-rgb),.3)}.dark-mode .conversation-list .session-item.active{background-color:rgba(var(--electric-cyan-rgb),.15);border-color:var(--electric-cyan);color:var(--text-primary);box-shadow:0 6px 20px rgba(var(--electric-cyan-rgb),.2)}.fade-out-gradient{position:relative}.fade-out-gradient:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gradient-primary);background-size:300% 100%;animation:gradientFlow 2s ease infinite,pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-out-gradient:hover:after{opacity:.8}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.sessions-loading{padding:12px}.skeleton-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-top:10px}.skeleton-item{height:60px;border-radius:12px;background-color:var(--glass-background);padding:12px;display:flex;justify-content:space-between;align-items:center;animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.skeleton-text{width:70%}.skeleton-controls,.skeleton-text{height:12px;background-color:rgba(var(--text-primary-rgb),.1);border-radius:6px;animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.skeleton-controls{width:24px}.loading-spinner{display:flex;justify-content:center;margin-bottom:12px}.spinning{font-size:24px;color:var(--electric-cyan);animation:spin 1s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.9}to{opacity:.6}}@keyframes deleteSession{0%{transform:translateX(0) rotate(0);opacity:1;filter:brightness(1)}15%{transform:translateX(-5px) rotate(-1deg) scale(1.02);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.5);filter:brightness(1.2)}30%{transform:translateX(3px) rotate(1deg) scale(.98)}45%{transform:translateX(-2px) rotate(0deg) scale(1)}60%{transform:translateX(0) rotate(0) scale(1.05);opacity:.9;filter:brightness(1.5)}75%{transform:translateX(5px) rotate(1deg) scale(.95);opacity:.7}90%{transform:translateX(15px) rotate(2deg) scale(.9);opacity:.3}to{transform:translateX(60px) rotate(3deg) scale(.8);opacity:0;filter:brightness(2)}}.conversation-list .session-item.deleting-session{animation:deleteSession .75s cubic-bezier(.36,.07,.19,.97) forwards;pointer-events:none;border-color:rgba(var(--accent-color-rgb),.5);background-color:rgba(var(--accent-color-rgb),.08);overflow:visible;box-shadow:0 0 20px rgba(var(--accent-color-rgb),.2);z-index:10;position:relative}.conversation-list .session-item.deleting-session:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(45deg,rgba(var(--accent-color-rgb),.3),rgba(var(--accent-color-rgb),.1));animation:deleteFlash .75s cubic-bezier(.36,.07,.19,.97) forwards;z-index:-1;transform-origin:center}.conversation-list .session-item.deleting-session:after{content:"";position:absolute;left:-5px;top:-5px;right:-5px;bottom:-5px;z-index:-2;border-radius:16px;background:radial-gradient(circle,rgba(var(--accent-color-rgb),.8) 0,rgba(var(--accent-color-rgb),0) 70%);animation:deleteGlow .75s cubic-bezier(.36,.07,.19,.97) forwards;opacity:0}.delete-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.delete-particle{position:absolute;width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;animation:particleFade .75s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes deleteFlash{0%{opacity:0;transform:scale(.95)}20%{opacity:1;transform:scale(1.02)}60%{opacity:.7;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}@keyframes deleteGlow{0%{opacity:0;transform:scale(.9)}30%{opacity:.8;transform:scale(1.1)}70%{opacity:.5;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}@keyframes particleFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.delete-particle:nth-child(odd){animation:particleExplode1 .75s cubic-bezier(.36,.07,.19,.97) forwards}.delete-particle:nth-child(2n){animation:particleExplode2 .75s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes particleExplode1{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}@keyframes particleExplode2{0%{opacity:1;transform:translate(0) scale(.8)}20%{opacity:.8;transform:translate(calc(var(--tx)*0.3),calc(var(--ty)*0.3)) scale(1.2)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.2)}}.conversation-list .session-item.deleting-session .session-title{background:linear-gradient(90deg,var(--text-primary),rgba(var(--accent-color-rgb),1) 50%,var(--text-primary));background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:textShimmer .75s linear forwards}@keyframes textShimmer{to{background-position:200%}}.ReactVirtualized__List{outline:none!important;overflow-x:hidden!important}.List>div>div{scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-x:hidden!important}.no-conversations{text-align:center;color:var(--text-secondary);padding:20px;font-style:italic;animation:fadeIn .5s ease}.conversation-list .session-item.multi-select-mode{padding-left:48px}.conversation-list .session-item.entering-select-mode{animation:shiftForCheckbox .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes shiftBackFromCheckbox{0%{padding-left:48px}to{padding-left:16px}}.conversation-list .session-item:not(.multi-select-mode){animation:shiftBackFromCheckbox .3s cubic-bezier(.25,.46,.45,.94) forwards}.session-checkbox{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;padding:4px}.session-checkbox.enter-animation{animation:checkboxAppear .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes checkboxAppear{0%{opacity:0;transform:translateY(-50%) scale(.7)}to{opacity:1;transform:translateY(-50%) scale(1)}}.session-checkbox:hover{transform:translateY(-50%) scale(1.1)}.checkbox{width:20px;height:20px;border:2px solid var(--glass-border);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.checkbox,.checkbox:before{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:12px;height:12px;border-radius:3px;background-color:rgba(var(--primary-color-rgb),.2)}.session-checkbox:hover .checkbox:not(.checked):before{transform:translate(-50%,-50%) scale(1)}.checkbox.checked{border-color:var(--primary-color);background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px rgba(var(--primary-color-rgb),.2);transform:scale(1.05)}.checkbox.checked svg{color:#fff;font-size:16px;animation:checkmarkAppear .3s cubic-bezier(.25,.46,.45,.94)}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.conversation-list .session-item.selected{background-color:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color);box-shadow:0 4px 16px rgba(var(--primary-color-rgb),.15);animation:none!important}.conversation-list .session-item.selected:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background-color:var(--primary-color);transform:scaleX(1);animation:selectIndicatorAppear .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes selectIndicatorAppear{0%{transform:scaleY(0);height:0}to{transform:scaleY(1);height:100%}}.conversation-list .session-item.multi-select-mode:not(.selected):hover{background-color:rgba(var(--primary-color-rgb),.05);border-color:rgba(var(--primary-color-rgb),.3)}.conversation-list .session-item.multi-select-mode.selected:hover{background-color:rgba(var(--primary-color-rgb),.15);border-color:var(--primary-color)}@keyframes deselectionPulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),.2);background-color:rgba(var(--primary-color-rgb),.1)}to{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),0);background-color:var(--glass-background)}}.conversation-list .session-item.selection-pulse{animation:selectionPulse .6s cubic-bezier(.25,.46,.45,.94)!important;transition:none!important}.conversation-list .session-item.deselection-pulse{animation:deselectionPulse .4s cubic-bezier(.25,.46,.45,.94)!important;transition:none!important}.conversation-list .session-item.multi-select-mode:not(.active):not(.selected):not(.selection-pulse):not(.deselection-pulse){animation:none!important}.delete-selected-button:after{content:attr(data-count);position:absolute;top:-8px;right:-8px;background:var(--gradient-primary);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 4px 10px rgba(var(--primary-color-rgb),.3);animation:counterPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes counterPop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.session-content{pointer-events:auto;cursor:pointer}.delete-selected-button:hover,.multi-select-toggle:hover,.select-all-button:hover{transform:translateY(-2px);box-shadow:var(--hover-glow)}@keyframes selectionPulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--primary-color-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),0)}}.conversation-list .session-item.selection-pulse{animation:selectionPulse .6s cubic-bezier(.25,.46,.45,.94)}@keyframes shiftForCheckbox{0%{padding-left:16px}to{padding-left:48px}}.conversation-list .session-item.deleting-session.selected{background-color:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.delete-selected-button{background-color:var(--glass-background);border:1px solid rgba(var(--accent-color-rgb),.3);color:var(--accent-color);position:relative}.delete-selected-button:hover{background-color:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.conversation-list .session-item:first-child{margin-top:4px}.conversation-list .session-item:last-child{margin-bottom:8px}.conversation-list .session-item.multi-select-mode.active{animation:none!important}.conversation-list .session-item.multi-select-mode.active.selection-pulse,.conversation-list .session-item.multi-select-mode.selection-pulse{animation:selectionPulse .6s cubic-bezier(.25,.46,.45,.94)!important;transition:none!important}.conversation-list .session-item.multi-select-mode.active.deselection-pulse,.conversation-list .session-item.multi-select-mode.deselection-pulse{animation:deselectionPulse .4s cubic-bezier(.25,.46,.45,.94)!important;transition:none!important}.session-checkbox.exit-animation{animation:checkboxDisappear .3s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes checkboxDisappear{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.7)}}.conversation-list .session-item.loading-session{opacity:.9;position:relative;transition:none}.conversation-list .session-item.loading-session:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(var(--primary-color-rgb),0),rgba(var(--primary-color-rgb),.3) 50%,rgba(var(--primary-color-rgb),0));background-size:200% 100%;animation:loading-gradient 1.5s infinite}@keyframes loading-gradient{0%{background-position:100% 50%}to{background-position:0 50%}}.session-item.editing-title .session-content{padding-right:0}.session-title-form{display:flex;align-items:center;width:100%;grid-gap:4px;gap:4px;margin-bottom:2px;position:relative}.session-title-input{width:calc(100% - 62px);background-color:var(--chat-background);color:var(--text-color);border:1px solid var(--accent-color);border-radius:4px;padding:4px 8px;font-size:.9rem;outline:none;transition:all .2s;height:28px}.session-title-input:focus{box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.3)}.edit-buttons{display:flex;align-items:center;grid-gap:4px;gap:4px;margin-left:auto;flex-shrink:0}.title-cancel-button,.title-save-button{display:flex;align-items:center;justify-content:center;background-color:var(--glass-background);border:1px solid var(--glass-border);width:28px;height:28px;min-width:28px;border-radius:4px;cursor:pointer;padding:0;color:var(--text-color);transition:all .2s;z-index:5}.title-cancel-button:hover,.title-save-button:hover{opacity:1;background-color:rgba(var(--accent-color-rgb),.1);transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.title-save-button{color:var(--success-color,#26a69a);border-color:rgba(38,166,154,.3)}.title-save-button:hover{background-color:rgba(38,166,154,.1)}.title-cancel-button{color:var(--danger-color,#ef5350);border-color:rgba(239,83,80,.3)}.title-cancel-button:hover{background-color:rgba(239,83,80,.1)}.title-cancel-button svg,.title-save-button svg{width:16px;height:16px}.rename-button{margin-right:4px}@media (max-width:480px){.session-title-form{grid-gap:3px;gap:3px}.session-title-input{font-size:.85rem;padding:3px 6px;width:calc(100% - 60px);height:26px}.edit-buttons{grid-gap:2px;gap:2px}.title-cancel-button,.title-save-button{width:26px;height:26px;min-width:26px}.title-cancel-button svg,.title-save-button svg{width:14px;height:14px}}.new-conversation-container{position:relative;z-index:1000;padding:0 16px;margin-bottom:16px}.new-conversation-split-button{display:flex;height:46px;border-radius:12px;overflow:hidden;transition:all .2s ease;border:none!important}.left-sidebar .new-conversation-button,.new-conversation-container .new-conversation-button,.new-conversation-split-button{box-shadow:var(--card-shadow);background:linear-gradient(90deg,var(--electric-cyan),var(--primary-color))!important}.left-sidebar .new-conversation-split-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.new-conversation-container .main-button{flex:1 1;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;background:var(--glass-background);color:var(--text-primary);border:none!important;padding:0 16px;font-weight:500;font-size:15px;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1)}.new-conversation-container .main-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:translateX(-100%);transition:transform .6s ease}.new-conversation-container .main-button:hover:after{transform:translateX(100%)}.button-icon{font-size:18px}.new-conversation-container .dropdown-toggle{width:36px;display:flex;align-items:center;justify-content:center;background:var(--glass-background);border:none!important;border-left:1px solid hsla(0,0%,100%,.2)!important;color:var(--text-secondary);cursor:pointer;transition:background-color .2s}.new-conversation-container .dropdown-toggle:hover{border:3px solid rgba(var(--glass-border),.2)}.conversation-dropdown{position:absolute;top:calc(100% + 8px);left:16px;right:16px;background:var(--glass-background,hsla(0,0%,100%,.8));border:1px solid var(--glass-border,hsla(0,0%,100%,.2));border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;max-height:300px;overflow-y:auto;z-index:1001;animation:dropdown-appear .2s cubic-bezier(.16,1,.3,1);font-family:var(--font-family)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:12px 16px;font-size:11px;font-weight:600;color:var(--text-secondary,rgba(60,60,80,.7));text-transform:uppercase;letter-spacing:.05em;background:rgba(0,0,0,.03)}.dropdown-item{display:flex;align-items:center;padding:12px 16px;background:transparent;border-bottom:1px solid var(--glass-border,hsla(0,0%,100%,.1));color:var(--text-primary,rgba(30,30,40,.9));transition:all .15s ease;position:relative}.dropdown-icon{font-size:18px;margin-right:12px;color:var(--text-secondary,rgba(60,60,80,.7));flex-shrink:0}.dropdown-text{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:rgba(var(--electric-cyan-rgb,0,210,255),.08)}.dropdown-item.active{background-color:rgba(var(--electric-cyan-rgb,0,210,255),.12);font-weight:500}.dropdown-item.active,.dropdown-item.active .dropdown-icon{color:var(--primary-color,#00a0e9)}.dropdown-divider{height:1px;background-color:var(--glass-border,hsla(0,0%,100%,.1));margin:4px 0}.dropdown-loading{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:16px;color:var(--text-secondary,rgba(60,60,80,.7))}.loading-spinner{animation:spin 1s linear infinite}.dark-mode .conversation-dropdown{background:var(--glass-background);border-color:var(--glass-border);box-shadow:0 8px 32px rgba(0,0,0,.25)}.dark-mode .dropdown-header{background:hsla(0,0%,100%,.03);color:var(--text-secondary)}.dark-mode .dropdown-item{color:var(--text-primary);border-bottom-color:var(--glass-border)}.dark-mode .dropdown-icon{color:var(--text-secondary)}.dark-mode .dropdown-item:hover{background-color:rgba(var(--electric-cyan-rgb),.15)}.dark-mode .dropdown-item.active{background-color:rgba(var(--electric-cyan-rgb),.2);color:var(--electric-cyan)}.dark-mode .dropdown-item.active .dropdown-icon{color:var(--electric-cyan)}.dark-mode .dropdown-divider{background-color:var(--glass-border)}.conversation-dropdown::-webkit-scrollbar{width:6px}.conversation-dropdown::-webkit-scrollbar-track{background:transparent}.conversation-dropdown::-webkit-scrollbar-thumb{background-color:rgba(var(--electric-cyan-rgb,0,210,255),.2);border-radius:20px}.new-conversation-container button{font-family:var(--font-family)}@media (max-width:768px){.new-conversation-container{padding:0 12px}.new-conversation-split-button{height:42px}.new-conversation-container .main-button{font-size:14px}}.light-theme.new-conversation-split-button{background:linear-gradient(90deg,var(--electric-cyan),var(--primary-color))!important}.dark-theme.new-conversation-split-button{background:linear-gradient(90deg,var(--electric-cyan-dark,var(--electric-cyan)),var(--primary-color-dark,var(--primary-color)))!important}@media screen and (-webkit-min-device-pixel-ratio:0){.new-conversation-split-button{background:linear-gradient(90deg,var(--electric-cyan),var(--primary-color))!important}.dark-mode .new-conversation-split-button,body.dark-mode .new-conversation-split-button,html[data-theme=dark] .new-conversation-split-button{background:linear-gradient(90deg,var(--electric-cyan-dark,var(--electric-cyan)),var(--primary-color-dark,var(--primary-color)))!important}}.belief-section{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.belief-item{background-color:var(--background-color);border-radius:8px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .3s ease,transform .3s ease}.belief-item:hover{box-shadow:0 2px 5px rgba(0,0,0,.2);transform:translateY(-2px)}.belief-type{font-weight:700;color:var(--primary-color);margin-bottom:5px;display:block;font-size:.8em;text-transform:uppercase}.belief-content{color:var(--text-color);font-size:.9em;line-height:1.4}.environment-section{padding:15px;border-radius:8px;background-color:var(--panel-color);color:var(--text-color);box-shadow:var(--box-shadow);position:relative;display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%;box-sizing:border-box}.environment-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color-light);padding-bottom:5px;margin-bottom:10px;grid-gap:15px;gap:15px;flex-wrap:wrap}.environment-section h3{margin-bottom:0;color:var(--primary-color);font-size:1.1em;padding-bottom:0;border-bottom:none;flex-grow:1;min-width:0}.display-mode-controls{display:flex;grid-gap:8px;gap:8px;flex-shrink:0}.mode-button{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary-color);padding:5px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1em;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.mode-button:hover{background-color:rgba(var(--primary-rgb,0,0,0),.1);color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mode-button.active{background-color:var(--primary-color);color:var(--primary-contrast-text,#fff);border-color:var(--primary-color);box-shadow:0 1px 4px rgba(var(--primary-rgb,0,0,0),.2)}.mode-button svg{display:block}.environment-file-items-grid{display:grid;padding-top:10px;width:100%;overflow-x:auto}.environment-file-items-grid.mode-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:10px;gap:10px}.environment-file-items-grid.mode-grid .file-item.compact{width:100%;max-width:none}.environment-file-items-grid.mode-two-column{grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.environment-file-items-grid.mode-two-column .file-item.compact{width:100%;max-width:none}.loading-overlay{top:0;left:0;right:0;bottom:0;background-color:rgba(var(--panel-rgb),.5);z-index:10;border-radius:8px}.no-files-message{font-style:italic;color:var(--text-secondary-color);padding:10px 0;text-align:center;width:100%}:root{--pdf-color:#f44;--pdf-rgb:255,68,68;--doc-color:#2b7bed;--doc-rgb:43,123,237;--xls-color:#1f9d55;--xls-rgb:31,157,85;--ppt-color:#f39c12;--ppt-rgb:243,156,18;--csv-color:#00a76f;--csv-rgb:0,167,111;--zip-color:#8e44ad;--zip-rgb:142,68,173;--img-color:#e67e22;--img-rgb:230,126,34;--audio-color:#9b59b6;--audio-rgb:155,89,182;--video-color:#e74c3c;--video-rgb:231,76,60;--txt-color:#7f8c8d;--txt-rgb:127,140,141;--code-color:#f1c40f;--code-rgb:241,196,15;--action-btn-bg:hsla(0,0%,100%,0.9);--action-btn-border:rgba(0,0,0,0.1);--action-btn-color:var(--text-secondary);--action-btn-hover-bg:rgba(var(--electric-cyan-rgb),0.1);--action-btn-hover-border:var(--electric-cyan);--action-btn-hover-color:var(--electric-cyan);--file-item-bg:hsla(0,0%,100%,0.9);--file-item-border:rgba(0,0,0,0.08);--file-item-hover-bg:rgba(var(--electric-cyan-rgb),0.05);--file-item-hover-border:rgba(var(--electric-cyan-rgb),0.3);--file-item-shadow:0 2px 8px rgba(0,0,0,0.05);--file-item-hover-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),0.1)}.dark-mode{--action-btn-bg:rgba(var(--deep-navy-rgb),0.6);--action-btn-border:rgba(var(--electric-cyan-rgb),0.2);--action-btn-color:hsla(0,0%,100%,0.7);--action-btn-hover-bg:rgba(var(--electric-cyan-rgb),0.15);--action-btn-hover-border:var(--electric-cyan);--action-btn-hover-color:var(--electric-cyan);--file-item-bg:rgba(var(--deep-navy-rgb),0.6);--file-item-border:rgba(var(--electric-cyan-rgb),0.15);--file-item-hover-bg:rgba(var(--electric-cyan-rgb),0.1);--file-item-hover-border:rgba(var(--electric-cyan-rgb),0.4);--file-item-shadow:0 2px 8px rgba(0,0,0,0.2),0 0 2px rgba(var(--electric-cyan-rgb),0.1);--file-item-hover-shadow:0 4px 20px rgba(0,0,0,0.3),0 0 20px rgba(var(--electric-cyan-rgb),0.2)}.file-type-pdf{--file-color:var(--pdf-color);--file-rgb:var(--pdf-rgb)}.file-type-doc,.file-type-docx{--file-color:var(--doc-color);--file-rgb:var(--doc-rgb)}.file-type-xls,.file-type-xlsx{--file-color:var(--xls-color);--file-rgb:var(--xls-rgb)}.file-type-ppt,.file-type-pptx{--file-color:var(--ppt-color);--file-rgb:var(--ppt-rgb)}.file-type-csv{--file-color:var(--csv-color);--file-rgb:var(--csv-rgb);--file-bg:rgba(var(--csv-rgb),0.1);--file-border:rgba(var(--csv-rgb),0.3);--file-hover-bg:rgba(var(--csv-rgb),0.15);--file-hover-border:rgba(var(--csv-rgb),0.4);--file-shadow:rgba(var(--csv-rgb),0.2)}.file-type-7z,.file-type-rar,.file-type-zip{--file-color:var(--zip-color);--file-rgb:var(--zip-rgb)}.file-type-gif,.file-type-img,.file-type-jpeg,.file-type-jpg,.file-type-png,.file-type-webp{--file-color:var(--img-color);--file-rgb:var(--img-rgb)}.file-type-flac,.file-type-m4a,.file-type-mp3,.file-type-ogg,.file-type-wav{--file-color:var(--audio-color);--file-rgb:var(--audio-rgb)}.file-type-avi,.file-type-mkv,.file-type-mov,.file-type-mp4,.file-type-webm{--file-color:var(--video-color);--file-rgb:var(--video-rgb)}.file-type-md,.file-type-rtf,.file-type-txt{--file-color:var(--txt-color);--file-rgb:var(--txt-rgb)}.file-type-cpp,.file-type-css,.file-type-html,.file-type-java,.file-type-js,.file-type-json,.file-type-py,.file-type-xml{--file-color:var(--code-color);--file-rgb:var(--code-rgb)}.file-item[class*=file-type-]{--file-bg:rgba(var(--file-rgb),0.1);--file-border:rgba(var(--file-rgb),0.3);--file-hover-bg:rgba(var(--file-rgb),0.15);--file-hover-border:rgba(var(--file-rgb),0.4);--file-shadow:rgba(var(--file-rgb),0.2)}.file-item[class*=file-type-] .file-icon{color:var(--file-color);background:var(--file-bg);border-color:var(--file-border)}.file-item[class*=file-type-] .progress-bar-bg{background:var(--file-bg)}.file-item[class*=file-type-] .progress-bar-fill{background:var(--file-color)}.file-item[class*=file-type-] .progress-text{color:var(--file-color)}.file-item[class*=file-type-]:hover .file-icon{background:var(--file-hover-bg);border-color:var(--file-hover-border);box-shadow:0 0 12px var(--file-shadow)}.file-item[class*=file-type-] .delete-button:hover{background:var(--file-hover-bg);border-color:var(--file-color);color:var(--file-color)}.file-item:not([class*=file-type-]){--file-color:var(--electric-cyan);--file-rgb:var(--electric-cyan-rgb);--file-bg:rgba(var(--electric-cyan-rgb),0.1);--file-border:rgba(var(--electric-cyan-rgb),0.3);--file-hover-bg:rgba(var(--electric-cyan-rgb),0.15);--file-hover-border:rgba(var(--electric-cyan-rgb),0.4);--file-shadow:rgba(var(--electric-cyan-rgb),0.2)}.file-item{position:relative;background:var(--file-item-bg);border:1px solid var(--file-item-border);border-radius:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:visible;box-shadow:var(--file-item-shadow)}.file-item:hover{background:var(--file-item-hover-bg);border-color:var(--file-item-hover-border);box-shadow:var(--file-item-hover-shadow)}.file-icon-wrapper{margin-bottom:1rem}.file-icon,.file-icon-wrapper{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.file-icon{border-radius:12px}.file-extension{font-weight:600;font-size:.875rem}.file-item.large{min-height:200px;overflow:visible}.file-item.large .file-icon-wrapper{width:80px;height:80px}.file-item.large .file-icon{width:100%;height:100%}.file-item.large .quick-actions{position:absolute;top:16px;right:16px;display:flex;grid-gap:8px;gap:8px;opacity:0;transform:translateY(-4px);transition:all .3s ease}.file-item.large:hover .quick-actions{opacity:1;transform:translateY(0)}.file-item.large .action-button{width:32px;height:32px;border:1px solid var(--glass-border);border-radius:8px;background:var(--glass-background);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.file-item.large .action-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-1px);box-shadow:var(--hover-glow)}.file-item.compact{position:relative;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:12px;padding:12px 12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:280px;width:280px;margin-bottom:16px;overflow:visible}.file-item.compact .file-content{display:flex;align-items:flex-start;grid-gap:12px;gap:12px}.file-item.compact .file-icon-wrapper{width:32px;height:32px;flex-shrink:0}.file-item.compact .file-icon{width:100%;height:100%;background:var(--file-bg);border:1px solid var(--file-border);border-radius:8px;color:var(--file-color);display:flex;align-items:center;justify-content:center}.file-item.compact .file-extension{font-size:.625rem;font-weight:600;text-transform:uppercase}.file-item.compact .file-info{flex:1 1;min-width:0}.file-item.compact .file-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-item.compact .file-meta{display:flex;align-items:center;grid-gap:8px;gap:8px;color:var(--text-secondary);font-size:.6875rem}.file-item.compact:hover .actions-wrapper{opacity:1;transform:translateY(-4px) scale(1.05)}.file-item.compact .action-button{width:28px;height:28px;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;pointer-events:auto;box-shadow:0 2px 8px rgba(0,0,0,.1)}.file-item.compact .action-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.15)}.file-item.compact .action-button[title=Delete]{background:rgba(255,68,68,.05);border-color:rgba(255,68,68,.2);color:rgba(255,68,68,.8)}.file-item.compact .action-button[title=Delete]:hover{background:rgba(255,68,68,.15);border-color:rgba(255,68,68,.8);color:#f44;box-shadow:0 4px 12px rgba(255,68,68,.15)}.file-item.compact .progress-bar-wrapper{position:absolute;bottom:0;left:0;right:0;height:3px;overflow:hidden;border-radius:0 0 12px 12px}.file-item.compact .progress-bar-bg{height:100%;background:var(--file-bg)}.file-item.compact .progress-bar-fill{height:100%;background:var(--file-color);opacity:.8;transition:width .3s ease,opacity .3s ease}.file-item.compact:hover .progress-bar-fill{opacity:1}.file-item.icon{width:40px;height:40px;padding:.25rem;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.file-item.icon .file-icon-wrapper{margin:0;width:100%;height:100%}.file-item.icon .file-icon{width:100%;height:100%;border-radius:6px;font-size:.625rem;position:relative}.file-item.icon .progress-bar-wrapper{position:absolute;bottom:0;left:0;right:0;margin:0;height:2px}.file-item.icon .progress-bar-bg{height:2px;border-radius:0 0 6px 6px}.file-item.compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.1);border-color:rgba(var(--electric-cyan-rgb),.3)}.file-item.icon:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 2px 6px var(--file-shadow)}@keyframes progress-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.file-item .progress-bar-fill{animation:progress-pulse 2s ease-in-out infinite}.file-item.icon:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--glass-background);padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.file-item.icon:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-2px)}.file-item.compact:before,.file-item.icon:before{content:"";position:absolute;top:.375rem;right:.375rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--file-color);opacity:0;transform:scale(0);transition:all .2s ease}.file-item.compact.uploading:before,.file-item.icon.uploading:before{opacity:.8;transform:scale(1)}.file-info{flex:1 1;min-width:0}.file-header{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:1rem;gap:1rem;margin-bottom:.5rem}.file-name{margin:0;font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{white-space:nowrap}.file-date,.file-size{font-size:.75rem;color:var(--text-secondary)}.file-date{margin:0}.progress-bar-wrapper{margin-top:.5rem;width:100%;position:relative}.progress-bar-bg{height:3px;border-radius:1.5px;overflow:hidden;background:var(--file-bg)}.progress-bar-fill{background:var(--status-color,var(--file-color))}.progress-text{position:absolute;right:0;top:-1.25rem;font-size:.75rem;color:var(--file-color)}.quick-actions{position:absolute;top:1rem;right:1rem;display:flex;grid-gap:.5rem;gap:.5rem;opacity:0;transition:opacity .2s ease}.file-item:hover .quick-actions{opacity:1}.action-button{width:2rem;height:2rem;border-radius:50%;background:var(--action-btn-bg);border:1px solid var(--action-btn-border);color:var(--action-btn-color);display:flex;transition:all .2s ease}.action-button:hover{background:var(--action-btn-hover-bg);border-color:var(--action-btn-hover-border);color:var(--action-btn-hover-color)}.options-menu{position:absolute;top:3.5rem;right:1rem;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:.75rem;padding:.5rem;min-width:150px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.1)}.options-menu button{width:100%;padding:.5rem .75rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;background:none;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.file-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--file-shadow)}.action-button:hover{transform:translateY(-1px)}.action-button:hover,.options-menu button:hover{background:var(--file-hover-bg);color:var(--file-color)}.options-menu .delete-option:hover{background:rgba(255,68,68,.1);color:#f44}.file-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.file-details h4{margin:0 0 .75rem;font-size:.875rem;color:var(--text-primary)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.detail-label{font-size:.75rem}.detail-value{font-size:.875rem}.file-item.large .upload-status-indicator{position:absolute;top:-12px;left:16px;padding:6px 12px;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:.75rem;color:var(--electric-cyan);z-index:2}.file-item.list{display:grid;align-items:center;padding:.625rem 1rem;height:44px;border-radius:6px;background:var(--glass-background);border:1px solid var(--glass-border);transition:all .2s ease;margin-bottom:2px;width:100%;overflow:visible}.file-item.list:hover{transform:translateX(4px);background:rgba(var(--electric-cyan-rgb),.05);border-color:var(--electric-cyan)}.file-item.list .file-list-icon{height:100%;padding:0 6px}.file-item.list .file-icon,.file-item.list .file-list-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-item.list .file-icon{width:28px;height:28px;border-radius:4px;font-size:.75rem;margin:0}.file-item.list .file-list-main{display:flex;align-items:center;min-width:0;width:100%;position:relative;padding:0 8px;margin-left:78px}.file-item.list .file-name{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.2;padding-right:24px}.file-item.list .file-extension-label{color:var(--text-secondary);font-size:.75rem;opacity:.8;flex-shrink:0;margin-left:auto;padding-right:32px;margin-right:8px}.file-item.list .file-info-container{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;white-space:nowrap;padding:0 4px;justify-content:flex-start}.file-item.list .file-date,.file-item.list .file-size,.file-item.list .file-type{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.file-item.list .file-list-actions{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;opacity:0;transform:translateX(-10px);flex-shrink:0;width:auto;min-width:-moz-fit-content;min-width:fit-content;transition:all .2s ease-in-out;padding:0 12px;margin-right:24px;border-radius:4px;margin-left:-30px}.file-item.list:hover .file-list-actions{opacity:1;transform:translateX(0);width:-moz-fit-content;width:fit-content;overflow:visible}.file-item.list .file-list-main{transition:padding-left .2s ease-in-out}.file-item.list:hover .file-list-main{padding-left:0}.file-item.list .action-button{width:24px;height:24px;border-radius:4px;font-size:.875rem;background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.file-item.list .action-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-1px)}.file-item.list .action-button.delete:hover{background:rgba(255,68,68,.1);border-color:#f44;color:#f44}.documents-container.list{overflow-x:auto;padding:.5rem;width:100%}.dark-mode .file-item.list{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.15)}.dark-mode .file-item.list:hover{background:rgba(var(--deep-navy-rgb),.6);border-color:rgba(var(--electric-cyan-rgb),.4)}.file-item.list .file-status{padding:.125rem .5rem;border-radius:3px;background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);white-space:nowrap;flex-shrink:0}.file-item.list .file-list-progress{position:absolute;bottom:0;left:0;right:0;height:2px;overflow:hidden;background:var(--glass-background)}.file-item.list .file-list-progress .progress-bar-wrapper{width:100%;height:100%}.file-item.list .file-list-progress .progress-bar-bg{width:100%;height:100%;background:rgba(var(--electric-cyan-rgb),.1)}.file-item.list .file-list-progress .progress-bar-fill{height:100%;background:var(--electric-cyan);transition:width .3s ease}.dark-mode .file-item.list .file-status{background:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan)}.file-item.list{grid-template-columns:auto 32px minmax(200px,3fr) minmax(80px,1fr) minmax(80px,1fr) minmax(120px,1fr) 100px}.file-item .file-select{display:flex;align-items:center;justify-content:center;padding:0 .25rem}.file-item .file-checkbox{width:16px;height:16px;cursor:pointer;border-radius:3px;border:2px solid var(--glass-border);appearance:none;background:var(--glass-background);position:relative;transition:all .2s ease;margin-top:10px}.file-item .file-checkbox:checked{background:var(--electric-cyan);border-color:var(--electric-cyan)}.file-item .file-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem}.file-item.selected{background:rgba(var(--electric-cyan-rgb),.05);border-color:var(--electric-cyan)}.file-item .action-button.star{color:var(--text-secondary)}.file-item .action-button.star.starred,.file-item .action-button.star:hover{color:gold;border-color:gold;background:rgba(255,215,0,.1)}.dark-mode .file-item .file-checkbox{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.3)}.dark-mode .file-item .file-checkbox:checked{background:var(--electric-cyan);border-color:var(--electric-cyan)}.file-item.large{position:relative}.file-item.large .file-header-controls{position:absolute;top:12px;left:12px;display:flex;grid-gap:8px;gap:8px;align-items:center;z-index:2}.file-item.large .file-select{opacity:0;transform:translateY(-5px);transition:all .2s ease}.file-item.large.selected .file-select,.file-item.large:hover .file-select{opacity:1;transform:translateY(0)}.file-item.large .action-button.star{opacity:0;transform:translateY(-5px);transition:all .2s ease}.file-item.large .action-button.star.starred,.file-item.large:hover .action-button.star{opacity:1;transform:translateY(0)}.file-item.compact .action-button.star{color:var(--text-secondary);transition:all .2s ease}.file-item.compact .action-button.star.starred,.file-item.compact .action-button.star:hover{color:gold;border-color:gold;background:rgba(255,215,0,.1)}.file-item.compact .action-button.star:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.15)}.file-item.compact .action-button.star svg{width:14px;height:14px}.upload-status-indicator{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:12px;display:flex;align-items:center;grid-gap:8px;gap:8px;z-index:10;white-space:nowrap;box-shadow:0 2px 8px var(--status-uploading-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upload-status-indicator.processing{box-shadow:0 2px 8px var(--status-processing-glow)}.upload-status-indicator.parsing{box-shadow:0 2px 8px var(--status-parsing-glow)}.upload-status-indicator.completed{box-shadow:0 2px 8px var(--status-completed-glow)}.upload-status-indicator.failed{box-shadow:0 2px 8px var(--status-failed-glow)}.upload-status-indicator.queued{box-shadow:0 2px 8px var(--status-queued-glow)}.upload-status-indicator .status-text{color:var(--text-primary);font-size:12px;text-transform:capitalize}.pulsar{width:8px;height:8px;background:currentColor;border-radius:50%;animation:pulse 1.5s infinite}.progress-bar-fill{height:100%;border-radius:1.5px;transition:width .3s ease}.file-item[data-status=completed] .progress-bar-fill{background:var(--status-completed-bg)}.file-item[data-status=failed] .progress-bar-fill{background:var(--status-failed-bg)}.file-item[data-status=in_progress] .progress-bar-fill{background:var(--status-processing-bg)}.file-item[data-status=uploading] .progress-bar-fill{background:var(--status-uploading-bg)}.file-item[data-status=queued] .progress-bar-fill{background:var(--status-queued-bg)}.file-item.list .file-list-status{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.file-item.list .upload-status-indicator{position:static;transform:none;left:auto;top:auto;font-size:.75rem;padding:2px 8px;height:24px;white-space:nowrap;z-index:1}.file-item.list .file-status{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.file-item.list[data-status=completed] .file-status{color:var(--status-completed-color)}.file-item.list[data-status=failed] .file-status{color:var(--status-failed-color)}.file-item.list[data-status=in_progress] .file-status{color:var(--status-processing-color)}@media (max-width:1200px){.file-item.list{grid-template-columns:32px fit-content(100px) 40px 130px minmax(200px,4fr) fit-content(70px) fit-content(100px)}}@media (max-width:768px){.file-item.list{grid-template-columns:32px fit-content(90px) 40px 130px minmax(150px,3fr) fit-content(60px) fit-content(90px);grid-gap:.375rem;gap:.375rem}}.file-item.list .file-list-actions{position:relative;z-index:2}.file-item.list{grid-gap:.75rem;gap:.75rem;grid-template-columns:32px 120px 40px 130px minmax(250px,5fr) fit-content(70px) fit-content(100px)}:root{--status-uploading-bg:#e3f2fd;--status-uploading-color:#0d47a1;--status-uploading-border:#2196f3;--status-processing-bg:#f3e5f5;--status-processing-color:#7b1fa2;--status-processing-border:#9c27b0;--status-parsing-bg:#fff3e0;--status-parsing-color:#e65100;--status-parsing-border:#ff9800;--status-completed-bg:#e8f5e9;--status-completed-color:#2e7d32;--status-completed-border:#4caf50;--status-failed-bg:#ffebee;--status-failed-color:#c62828;--status-failed-border:#f44336;--status-queued-bg:#f5f5f5;--status-queued-color:#424242;--status-queued-border:#9e9e9e}.dark-mode{--status-uploading-bg:rgba(33,150,243,0.2);--status-uploading-color:#64b5f6;--status-uploading-border:rgba(33,150,243,0.4);--status-processing-bg:rgba(156,39,176,0.2);--status-processing-color:#ba68c8;--status-processing-border:rgba(156,39,176,0.4);--status-parsing-bg:rgba(255,152,0,0.2);--status-parsing-color:#ffb74d;--status-parsing-border:rgba(255,152,0,0.4);--status-completed-bg:rgba(76,175,80,0.2);--status-completed-color:#81c784;--status-completed-border:rgba(76,175,80,0.4);--status-failed-bg:rgba(244,67,54,0.2);--status-failed-color:#e57373;--status-failed-border:rgba(244,67,54,0.4);--status-queued-bg:hsla(0,0%,62%,0.2);--status-queued-color:#bdbdbd;--status-queued-border:hsla(0,0%,62%,0.4)}.upload-status-indicator{background:var(--status-uploading-bg);color:var(--status-uploading-color);border:1px solid var(--status-uploading-border);font-weight:600;letter-spacing:.01em;text-shadow:none}.upload-status-indicator.processing{background:var(--status-processing-bg);color:var(--status-processing-color);border-color:var(--status-processing-border)}.upload-status-indicator.parsing{background:var(--status-parsing-bg);color:var(--status-parsing-color);border-color:var(--status-parsing-border)}.upload-status-indicator.completed{background:var(--status-completed-bg);color:var(--status-completed-color);border-color:var(--status-completed-border)}.upload-status-indicator.failed{background:var(--status-failed-bg);color:var(--status-failed-color);border-color:var(--status-failed-border)}.upload-status-indicator.queued{background:var(--status-queued-bg);color:var(--status-queued-color);border-color:var(--status-queued-border)}.file-item.list .file-list-status .upload-status-indicator{font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:4px;display:flex;align-items:center;grid-gap:6px;gap:6px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05)}.upload-status-indicator .status-text{font-weight:500;letter-spacing:.01em}.upload-status-indicator .pulsar{background:currentColor;opacity:.8}.upload-status-indicator .pulsar:after{border-color:currentColor;opacity:.4}.file-item.compact .status-indicator-container{position:absolute;top:-12px;left:0;right:0;height:0;display:flex;justify-content:center;z-index:10;overflow:visible}.file-item.compact .upload-status-indicator{position:relative;top:0;left:0;transform:none;margin:0 auto;padding:4px 12px;height:24px;white-space:nowrap;display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:.75rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);background:var(--file-bg);color:var(--file-color);border:1px solid var(--file-border)}.file-item.compact .upload-status-indicator.failed{background:var(--status-failed-bg);color:var(--status-failed-color);border-color:var(--status-failed-border)}.file-item.compact .upload-status-indicator.completed{background:var(--status-completed-bg);color:var(--status-completed-color);border-color:var(--status-completed-border)}.file-item.compact .upload-status-indicator .pulsar{background:currentColor;opacity:.8}.file-item.compact[class*=file-type-] .upload-status-indicator{background:var(--file-bg);color:var(--file-color);border-color:var(--file-border)}.file-item.compact .upload-status-indicator .status-text{color:currentColor}.file-item.compact[class*=file-type-] .progress-bar-fill{background:var(--file-color)}.upload-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;padding:16px;width:100%}.chunk-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--file-bg);color:var(--file-color);border:1px solid var(--file-border);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:600}.chunk-button:hover{background:var(--file-hover-bg);border-color:var(--file-color);transform:translateY(-2px);box-shadow:0 2px 8px var(--file-shadow)}.chunk-rank{font-size:.75rem;font-weight:600}.file-item.compact .chunks-container{justify-content:center}.file-item.large .file-chunks{padding-top:12px;margin-top:12px}.file-item .chunk-button{position:relative;overflow:hidden}.file-item .chunk-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--file-color);opacity:0;transition:opacity .3s ease}.file-item .chunk-button:hover:after{opacity:.1}.dark-mode .file-chunks{border-color:rgba(var(--electric-cyan-rgb),.15)}.dark-mode .chunk-button{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.3)}.dark-mode .chunk-button:hover{background:rgba(var(--file-rgb),.15);border-color:var(--file-color);box-shadow:0 2px 8px rgba(var(--file-rgb),.2)}.file-item.compact .actions-wrapper{position:absolute;bottom:-12px;left:0;right:0;display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;z-index:2;flex-wrap:wrap;max-width:100%;padding:0 8px}.action-separator{width:1px;height:16px;background:var(--file-item-border);margin:0 4px;opacity:.5}.file-item.compact .chunk-button{width:24px;height:24px;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:6px;color:var(--file-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.6875rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.1);opacity:.9}.file-item.compact .chunk-button:hover{background:rgba(var(--file-rgb),.1);border-color:var(--file-color);color:var(--file-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--file-rgb),.15);opacity:1}.dark-mode .file-item.compact .chunk-button{background:rgba(var(--deep-navy-rgb),.6);border-color:rgba(var(--electric-cyan-rgb),.2);color:hsla(0,0%,100%,.7)}.dark-mode .file-item.compact .chunk-button:hover{background:rgba(var(--file-rgb),.15);border-color:var(--file-color);color:var(--file-color)}.file-preview-overlay{position:fixed;inset:0;background:rgba(var(--deep-navy-rgb),.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;padding:1rem;overflow:auto;animation:fadeIn .2s ease-in-out}.file-preview-content{position:relative;border:1px solid var(--glass-border);border-radius:16px;width:100%;min-height:min(90vh,800px);max-width:1200px;overflow:hidden;box-shadow:var(--card-shadow);margin:auto;animation:slideIn .2s ease-in-out}.file-preview-content,.preview-header{background:var(--glass-background);display:flex;flex-direction:column}.preview-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:visible;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);grid-gap:1rem;gap:1rem}.preview-header-top{display:flex;justify-content:space-between;align-items:center;grid-gap:1.5rem;gap:1.5rem;width:100%}.document-title-section{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;min-width:0;flex:1 1}.document-title{font-size:.875rem;line-height:1.3;font-weight:500;flex:1 1;min-width:0}.status-badge{height:20px;white-space:nowrap;background:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan)}.document-meta{z-index:15;overflow:visible;flex-wrap:nowrap;font-size:.75rem;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0;align-items:center;border-top:1px solid var(--glass-border)}.meta-item{flex-direction:row;white-space:nowrap;min-width:auto}.meta-label{font-weight:600;font-size:.6875rem}.meta-value{font-size:.75rem}.document-controls{grid-gap:1.5rem;gap:1.5rem;flex-shrink:0}.view-mode-controls{grid-gap:.5rem;gap:.5rem}.view-mode-button{display:inline-flex;grid-gap:.375rem;gap:.375rem;height:26px;padding:0 .5rem;border:1px solid var(--glass-border);background:var(--surface-1);font-size:.6875rem;transition:all .15s ease;white-space:nowrap}.view-mode-button.active{background:var(--electric-cyan);color:#fff}.view-mode-button svg{width:14px;height:14px;flex-shrink:0}.action-controls{grid-gap:.375rem;gap:.375rem;padding-left:.75rem;border-left:1px solid var(--glass-border)}.control-button{display:inline-flex;width:26px;height:26px;background:var(--surface-1);transition:all .15s ease}.control-button.delete:hover{border-color:var(--error-color);color:var(--error-color);background:rgba(var(--error-color-rgb),.1)}.control-button svg{width:14px;height:14px;flex-shrink:0}.control-button.success{color:var(--success-color);border-color:var(--success-color);background:rgba(var(--success-color-rgb),.1)}.preview-body{position:relative;z-index:5;display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:auto}.document-preview-container{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;min-height:calc(90vh - 120px)}.document-preview-wrapper{flex:1 1;overflow:auto;position:relative;height:100%;padding:0}.document-content-loading,.document-content-processing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-1);z-index:10}.loading-icon{margin-bottom:1rem}.dropdown{z-index:9999}.dropdown-content{top:100%;padding:4px 0;z-index:9999}.file-preview-overlay ::-webkit-scrollbar{width:8px;height:8px}.file-preview-overlay ::-webkit-scrollbar-track{background:var(--surface-1);border-radius:4px}.file-preview-overlay ::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:4px;border:2px solid var(--surface-1)}.file-preview-overlay ::-webkit-scrollbar-thumb:hover{background:var(--electric-cyan)}.dark-mode{--surface-1:rgba(var(--deep-navy-rgb),0.8);--surface-2:rgba(var(--deep-navy-rgb),0.4);--glass-border:rgba(var(--electric-cyan-rgb),0.2)}@media (max-width:768px){.preview-header-top{flex-direction:column;align-items:flex-start;grid-gap:.75rem;gap:.75rem}.document-title-section{width:100%}.document-controls{width:100%;justify-content:space-between}.document-meta{flex-wrap:wrap;grid-gap:1rem;gap:1rem;padding:.75rem 0}.meta-item{flex:1 1;min-width:80px}}@media (min-width:769px) and (max-width:1023px){.preview-header{grid-template-columns:minmax(150px,250px) 1fr auto}}@media (min-width:1024px){.preview-header{padding:.75rem 1.25rem}}@media (min-width:1440px){.preview-header{padding:1.5rem}.document-controls{grid-gap:2rem;gap:2rem}.action-controls{padding-left:2rem}}.markdown-view-container,.original-view-container{height:100%;transition:opacity .3s ease-in-out}.document-content-loading,.document-content-processing,.document-preview-wrapper{transition:opacity .3s ease-in-out}.transitioning{opacity:.5}.document-content-loading,.document-content-processing,.document-preview-wrapper{opacity:1;transition:opacity .3s ease-in-out}.status-indicator-container{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.status-indicator-container.transitioning{opacity:.5;transform:scale(.98)}.document-preview{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.document-preview:before{content:"";position:fixed;inset:0;background:rgba(var(--deep-navy-rgb),.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:-1}.preview-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden;position:relative}.document-header{padding:1.5rem;background:var(--surface-2);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;grid-gap:2rem;gap:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px rgba(0,0,0,.05);position:relative;z-index:1200}.document-info{flex:1 1;min-width:0}.document-title-row{display:flex;align-items:center;grid-gap:1rem;gap:1rem;margin-bottom:.75rem}.document-title{font-size:1.25rem;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:-.01em}.document-status{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}.status-badge.completed{background:rgba(45,212,191,.15);color:#2dd4bf}.status-badge.processing{background:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan)}.status-badge.failed{background:rgba(var(--error-rgb),.15);color:var(--error-color)}.phase-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;background:var(--surface-2);color:var(--text-secondary)}.document-meta{display:flex;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;position:relative;z-index:1300}.meta-item{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.25rem 0}.meta-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.meta-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.document-controls{display:flex;grid-gap:1rem;gap:1rem;align-items:center;position:relative;z-index:1300}.view-mode-controls{display:flex;grid-gap:.25rem;gap:.25rem;padding:.25rem;background:var(--surface-1);border-radius:8px;border:1px solid var(--glass-border)}.view-mode-button{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:500}.view-mode-button span{display:inline-block}.view-mode-button.active{background:rgba(var(--electric-cyan-rgb),.15);border-color:var(--electric-cyan);color:var(--electric-cyan);box-shadow:0 2px 4px rgba(var(--electric-cyan-rgb),.1),0 0 0 1px rgba(var(--electric-cyan-rgb),.2)}.view-mode-button:hover:not(.active){background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}.action-controls{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center}.action-controls .control-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-radius:4px;background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-controls .control-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);box-shadow:var(--hover-glow)}.action-controls .control-button.delete:hover{background:rgba(var(--error-rgb),.1);border-color:var(--error-color);color:var(--error-color)}.action-controls .control-button .success{color:var(--success-color)}:root{--glass-background:hsla(0,0%,100%,0.95);--glass-border:rgba(0,0,0,0.08);--card-shadow:0 4px 12px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.02);--hover-glow:0 8px 24px rgba(0,0,0,0.12),0 0 0 1px rgba(var(--electric-cyan-rgb),0.2);--error-color:#f44;--error-rgb:255,68,68;--success-color:#00c853;--success-rgb:0,200,83}.dark-mode{--surface-1:rgba(var(--deep-navy-rgb),0.85);--surface-2:rgba(var(--deep-navy-rgb),0.6);--glass-background:rgba(var(--deep-navy-rgb),0.85);--card-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(var(--electric-cyan-rgb),0.1);--hover-glow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(var(--electric-cyan-rgb),0.2),0 0 20px rgba(var(--electric-cyan-rgb),0.1);--error-color:#ff6b6b;--error-rgb:255,107,107;--success-color:#69f0ae;--success-rgb:105,240,174}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.document-preview ::-webkit-scrollbar{width:8px;height:8px}.document-preview ::-webkit-scrollbar-track{background:var(--surface-1);border-radius:4px}.document-preview ::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:4px;border:2px solid var(--surface-1);-webkit-transition:all .2s ease;transition:all .2s ease}.document-preview ::-webkit-scrollbar-thumb:hover{background:var(--electric-cyan);border-color:var(--surface-2)}@media (max-width:768px){.document-preview{width:100vw;height:100vh;top:0;left:0;transform:none;border-radius:0}.document-header{padding:1rem;flex-direction:column;grid-gap:1rem;gap:1rem}.document-title-row{flex-direction:column;align-items:flex-start;grid-gap:.5rem;gap:.5rem}.document-meta{grid-gap:1rem;gap:1rem}.document-controls{justify-content:flex-end}.table-of-contents{position:fixed;left:-280px;top:0;bottom:0;z-index:100;transition:left .3s ease}.table-of-contents.visible{left:0}}.markdown-content{padding:2rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--electric-cyan);font-weight:600;line-height:1.3;margin:2rem 0 1rem;letter-spacing:-.01em;position:relative}.markdown-content h1{font-size:2rem;margin-top:0;padding-bottom:.5rem}.markdown-content h1,.markdown-content h2{border-bottom:1px solid var(--glass-border)}.markdown-content h2{font-size:1.75rem;padding-bottom:.3rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.25rem}.markdown-content h5{font-size:1.1rem}.markdown-content h6{font-size:1rem}.markdown-content p{margin:1.2rem 0;line-height:1.8}.markdown-content ol,.markdown-content ul{margin:1.2rem 0;padding-left:1.5rem}.markdown-content li{margin:.5rem 0;padding-left:.5rem}.markdown-content ul li{list-style-type:none;position:relative}.markdown-content ul li:before{content:"";position:absolute;left:-1.2rem;top:.7rem;width:5px;height:5px;background:var(--electric-cyan);border-radius:50%}.markdown-content ol ol,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ul ul{margin:.5rem 0}.markdown-content a{color:var(--electric-cyan);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.markdown-content a:hover{border-bottom-color:var(--electric-cyan);opacity:.8}.markdown-content pre{background:var(--surface-2);padding:1.2rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--glass-border);box-shadow:0 2px 8px rgba(0,0,0,.05)}.markdown-content pre code{background:none;padding:0;font-size:.9rem;line-height:1.7;color:var(--text-primary)}.markdown-content code,.markdown-content pre code{font-family:"JetBrains Mono","Fira Code",monospace}.markdown-content code{background:var(--surface-2);padding:.2em .4em;border-radius:4px;font-size:.9em;color:var(--electric-cyan);border:1px solid var(--glass-border)}.markdown-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--electric-cyan);background:var(--surface-2);border-radius:0 8px 8px 0}.markdown-content blockquote p{margin:0;color:var(--text-secondary);font-style:italic}.markdown-content table{border-collapse:initial;border-spacing:0;border:1px solid var(--glass-border)}.markdown-content th{background:var(--surface-2);color:var(--electric-cyan)}.markdown-content td,.markdown-content th{padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.markdown-content tr:last-child td{border-bottom:none}.markdown-content hr{margin:2rem 0;border:none;height:1px;background:var(--glass-border)}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.markdown-content input[type=checkbox]{margin-right:.5rem;position:relative;top:-1px}.markdown-content dl{margin:1.5rem 0}.markdown-content dt{font-weight:600;color:var(--electric-cyan);margin-top:1rem}.markdown-content dd{margin-left:1.5rem;margin-top:.5rem}.markdown-content ::selection{background:rgba(var(--electric-cyan-rgb),.2);color:var(--electric-cyan)}.fallback-viewer .main-message{color:var(--text-primary);margin:.75rem 0 1.5rem;line-height:1.6;font-size:1.1rem;opacity:.9}.download-button .download-icon,.download-button .view-icon{font-size:1.25rem}.fallback-viewer{animation:fadeIn .3s ease-out}:root{--fallback-text-primary:var(--deep-navy);--fallback-text-secondary:rgba(var(--deep-navy-rgb),0.85);--fallback-surface-1:#fff;--fallback-surface-2:#f8fafc;--fallback-border:rgba(var(--deep-navy-rgb),0.12)}.dark-mode{--fallback-text-primary:#fff;--fallback-text-secondary:hsla(0,0%,100%,0.85);--fallback-surface-1:rgba(var(--deep-navy-rgb),0.85);--fallback-surface-2:rgba(var(--deep-navy-rgb),0.6);--fallback-border:rgba(var(--electric-cyan-rgb),0.2)}.fallback-viewer{background:var(--fallback-surface-1);border-color:var(--fallback-border)}.action-list li,.fallback-viewer .main-message,.fallback-viewer .suggestion-text,.fallback-viewer h3{color:var(--fallback-text-primary)}.file-type-icon .file-extension,.info-box{background:var(--fallback-surface-2);border-color:var(--fallback-border)}.file-type-icon .file-extension{color:var(--fallback-text-primary)}.download-button{font-weight:600;letter-spacing:.01em}.download-button.secondary{background-color:var(--fallback-surface-2);color:var(--fallback-text-primary);border-color:var(--fallback-border)}.download-button:focus-visible{outline:2px solid var(--electric-cyan);outline-offset:2px}@media (max-width:480px){.fallback-viewer{padding:2rem 1.5rem}.action-buttons{flex-direction:column;width:100%}.download-button{width:100%;justify-content:center}}.dark-mode .download-button.primary:hover{background-color:var(--electric-cyan-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.3),0 0 0 2px rgba(var(--electric-cyan-rgb),.5),0 0 20px rgba(var(--electric-cyan-rgb),.4)}.dark-mode .download-button.secondary{color:var(--fallback-text-primary);box-shadow:var(--card-shadow),0 0 0 1px rgba(var(--electric-cyan-rgb),.1)}.dark-mode .download-button.secondary:hover{background-color:rgba(var(--deep-navy-rgb),.6);color:var(--electric-cyan);border-color:var(--electric-cyan);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.2),0 0 0 2px rgba(var(--electric-cyan-rgb),.3),0 0 20px rgba(var(--electric-cyan-rgb),.2)}.dark-mode .file-type-icon .file-extension{background:rgba(var(--deep-navy-rgb),.4);color:var(--fallback-text-primary);border-color:rgba(var(--electric-cyan-rgb),.2);box-shadow:var(--card-shadow),0 0 12px rgba(var(--electric-cyan-rgb),.1)}.document-content-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--surface-1);z-index:10}.document-content-loading .loading-icon{font-size:2rem;color:var(--electric-cyan);animation:spin 1s linear infinite}.document-content-loading p{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0}.conversion-note{color:var(--text-secondary);font-size:.875rem}.document-content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;grid-gap:1.5rem;gap:1.5rem;text-align:center;padding:2rem}.document-content-error p{color:var(--error-color);font-size:1.1rem;font-weight:500;margin:0}.retry-button{padding:.75rem 1.5rem;background:var(--surface-2);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--surface-1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-1px);box-shadow:var(--hover-glow)}.debug-overlay{top:1rem;right:1rem;background:rgba(0,0,0,.9);font-size:.875rem;cursor:move;box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid rgba(var(--electric-cyan-rgb),.2);min-width:300px;resize:both}.debug-overlay:hover{background:rgba(0,0,0,.95);border-color:var(--electric-cyan)}.debug-info{margin:.5rem 0;padding:.5rem;background:rgba(var(--deep-navy-rgb),.2);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.debug-info p{margin:.25rem 0;font-family:monospace}.debug-info details{margin-top:.5rem;border-top:1px solid hsla(0,0%,100%,.1);padding-top:.5rem;cursor:pointer}.debug-info summary{cursor:pointer;color:var(--electric-cyan);font-weight:500}.debug-info summary:hover{color:var(--electric-cyan-light)}.debug-info details>div{margin:.5rem 0;padding:.5rem;background:rgba(0,0,0,.2);border-radius:4px}.debug-info details p{margin:.25rem 0;word-break:break-all;white-space:normal}.debug-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.1);font-weight:500;-webkit-user-select:none;user-select:none}.debug-overlay:hover .debug-header small{opacity:1!important}.debug-info{-webkit-user-select:text;user-select:text}.reprocess-button,.reprocess-controls{display:flex;align-items:center}.reprocess-button{grid-gap:6px;gap:6px;padding:6px 12px;border:1px solid var(--glass-border);border-radius:4px;background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.reprocess-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);box-shadow:var(--hover-glow)}.dropdown{position:relative;display:inline-block;z-index:1400}.dropdown-content{display:none;background:var(--surface-1);min-width:160px;box-shadow:var(--card-shadow);border-radius:4px;border:1px solid var(--glass-border);margin-top:2px;padding-top:4px;padding-bottom:4px}.dropdown-content,.dropdown:after{position:absolute;right:0;z-index:1500}.dropdown:after{content:"";top:100%;left:0;height:8px}.dropdown-content:hover,.dropdown:hover .dropdown-content{display:block}.dropdown-item{color:var(--text-secondary);padding:8px 16px;text-decoration:none;display:block;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.dropdown-item:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}.pipeline-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.8em;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--glass-border)}.pipeline-badge.low_latency{background:rgba(25,118,210,.1);color:var(--electric-cyan);border-color:var(--electric-cyan)}.pipeline-badge.normal{background:rgba(46,125,50,.1);color:#4caf50;border-color:#4caf50}.pipeline-badge.improved{background:rgba(245,124,0,.1);color:#ff9800;border-color:#ff9800}.document-content-empty,.document-content-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-1);z-index:10}.original-view-container{height:100%;width:100%;flex-direction:column}.document-content,.original-view-container{position:relative;display:flex;overflow:hidden}.document-content{flex:1 1;flex-direction:column}.viewer-container{flex:1 1}.document-content-error,.document-content-loading,.fallback-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.document-content-error,.document-content-loading,.fallback-content{text-align:center}.pdf-viewer *{margin:0;padding:0;box-sizing:border-box}.pdf-viewer{display:flex;flex-direction:column;height:100%;width:100%;background:var(--surface-1);position:relative;overflow:hidden}.pdf-viewer .viewer-toolbar{position:absolute;top:0;left:0;right:0;z-index:100;background:var(--surface-2);border-bottom:1px solid var(--border-color);padding:.75rem;display:flex;align-items:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap;box-shadow:0 1px 3px rgba(0,0,0,.1);height:56px;min-height:56px;box-sizing:border-box}.pdf-viewer .toolbar-group{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.25rem;background:var(--surface-1);border-radius:8px;border:1px solid var(--border-color)}.pdf-viewer .control-button,.pdf-viewer .page-turn-hint{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:transparent;color:var(--text-2);transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.pdf-viewer .control-button:hover,.pdf-viewer .page-turn-hint:hover{background:var(--surface-3);color:var(--text-1)}.pdf-viewer .control-button.active{background:var(--primary);color:var(--text-on-primary)}.pdf-viewer .control-button:disabled{opacity:.5;cursor:not-allowed}.pdf-viewer .page-turn-hint{background:var(--surface-1);transition:all .2s ease;width:40px;height:40px}.pdf-viewer .page-turn-hint:hover{background:var(--surface-2);box-shadow:0 4px 12px rgba(0,0,0,.15)}.pdf-viewer .control-button:after,.pdf-viewer .page-turn-hint:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary);opacity:.2;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.pdf-viewer .control-button:active:after,.pdf-viewer .page-turn-hint:active:after{width:150%;height:150%}.pdf-viewer .page-navigation{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:0 .5rem}.pdf-viewer .page-info{min-width:80px}.pdf-viewer .page-info,.pdf-viewer .zoom-level{font-size:.9rem;color:var(--text-1);text-align:center;font-weight:500}.pdf-viewer .zoom-level{min-width:60px}.pdf-viewer .viewer-content{margin-top:56px;height:calc(100% - 56px);display:flex;position:relative;flex:1 1}.pdf-viewer .main-content{height:100%;overflow:hidden;justify-content:center}.pdf-viewer .thumbnails-sidebar{width:220px;height:100%;overflow-y:auto;flex-shrink:0;padding:1.25rem;background:var(--surface-2);border-right:1px solid var(--border-color);box-shadow:inset -1px 0 0 rgba(0,0,0,.05)}.pdf-viewer .thumbnails-sidebar.hidden{transform:translateX(-100%)}.pdf-viewer .thumbnail{position:relative;margin-bottom:1rem;cursor:pointer;border-radius:8px;overflow:hidden;transition:all .2s ease;border:2px solid transparent;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.05);width:100%;height:120px}.pdf-viewer .thumbnail-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pdf-viewer .thumbnail-page-number{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.pdf-viewer .thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1),0 0 0 1px var(--border-color)}.pdf-viewer .thumbnail.active{border-color:var(--primary);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2),0 0 0 2px rgba(var(--primary-rgb),.2)}.pdf-viewer .thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,var(--surface-1),var(--surface-2) 50%,var(--surface-1));background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pdf-viewer .page-container{width:auto;max-width:100%;max-height:80vh;display:flex;justify-content:center;position:relative;overflow-y:auto;overflow-x:hidden;transform:none!important}.pdf-viewer .parsed-element-overlay{pointer-events:auto;cursor:pointer;opacity:.15;transition:all .2s ease;border:1px solid transparent;border-radius:2px}.pdf-viewer .parsed-element-overlay:hover{opacity:.5;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.pdf-viewer .element-tooltip{position:fixed;background:var(--glass-background);border-radius:12px;padding:16px;width:320px;max-height:200px;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15),0 0 0 1px var(--border-color);pointer-events:none;z-index:1000;border:1px solid var(--border-color);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);transform-origin:top left;scroll-behavior:smooth}.pdf-viewer .element-tooltip-type{color:var(--primary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;grid-gap:8px;gap:8px}.pdf-viewer .element-tooltip-type:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);flex-shrink:0}.pdf-viewer .element-tooltip-text{background:var(--surface-1);color:var(--text-1);font-size:14px;line-height:1.6;height:120px;max-height:120px;overflow-y:auto;word-break:break-word;padding:12px;border-radius:8px;border-left:2px solid var(--primary);margin-top:8px;-ms-overflow-style:none;scrollbar-width:none}.pdf-viewer .element-tooltip-text::-webkit-scrollbar{display:none}.pdf-viewer .element-tooltip,.pdf-viewer .element-tooltip-text{color:var(--text-1)}.pdf-viewer .loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;padding:2rem;color:var(--text-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.pdf-viewer .loading-icon{color:var(--primary);font-size:2rem;animation:spin 1s linear infinite;filter:drop-shadow(0 0 8px var(--primary))}.pdf-viewer ::-webkit-scrollbar{width:8px;height:8px}.pdf-viewer ::-webkit-scrollbar-track{background:var(--surface-1);border-radius:4px}.pdf-viewer ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid var(--surface-1)}.pdf-viewer ::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (min-width:1024px){.pdf-viewer .thumbnails-sidebar{display:block}.pdf-viewer .viewer-toolbar{padding:1rem 1.5rem;grid-gap:1.5rem;gap:1.5rem;flex-wrap:nowrap}}@media (max-width:767px){.pdf-viewer .page-container{margin:1rem}.pdf-viewer .control-button{width:32px;height:32px}.pdf-viewer .element-tooltip{width:calc(100vw - 48px);max-width:320px;padding:12px}}@media (min-width:1200px){.pdf-viewer .thumbnails-sidebar{width:240px}}@media (max-width:1023px){.pdf-viewer .thumbnails-sidebar{position:absolute;left:0;height:100%;z-index:90;background:var(--surface-1);box-shadow:4px 0 12px rgba(0,0,0,.1)}}.pdf-viewer .thumbnails-list{height:calc(100vh - 120px)!important;width:100%!important}.pdf-viewer .main-content{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:2rem;overflow-y:auto;background:var(--surface-2);min-height:0;width:100%}.pdf-viewer .element-type-label{display:none}.pdf-viewer .page-container{display:inline-block;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:0 auto;max-height:none}.pdf-viewer .react-pdf__Page{max-height:none;margin:0 auto;height:auto!important;transform:none!important}.pdf-viewer .react-pdf__Document{width:auto;display:flex;flex-direction:column;align-items:center;padding:1rem;transform:none!important}.pdf-viewer .page-turn-hint{position:absolute;top:50%;transform:translateY(-50%);padding:1rem;background:hsla(0,0%,100%,.9);border-radius:50%;opacity:0;transition:opacity .2s ease;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;z-index:10}.pdf-viewer .page-turn-hint:hover{opacity:1}.pdf-viewer .page-turn-hint.left{left:1rem}.pdf-viewer .page-turn-hint.right{right:1rem}.pdf-viewer .control-button{font-size:0}.pdf-viewer .control-button svg{font-size:1.2rem}.pdf-viewer .table-of-contents{width:280px;background:var(--surface-1);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:1px 0 3px rgba(0,0,0,.05);height:100%;overflow:hidden}.pdf-viewer .table-of-contents.hidden{transform:translateX(-100%)}.pdf-viewer .toc-header{padding:1rem 1.5rem;background:var(--surface-2);border-bottom:1px solid var(--glass-border)}.pdf-viewer .toc-header h3{color:var(--electric-cyan);font-size:.875rem;font-weight:600;margin:0;letter-spacing:.02em;text-transform:uppercase}.pdf-viewer .toc-nav{flex:1 1;overflow-y:auto;padding:1rem}.pdf-viewer .toc-item{width:100%;text-align:left;padding:.5rem 1rem;border:none;background:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;border-radius:6px;margin:.25rem 0;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.pdf-viewer .toc-item .toc-page-number{font-size:.75rem;color:var(--text-tertiary);padding:.125rem .375rem;background:var(--surface-2);border-radius:4px;min-width:24px;text-align:center}.pdf-viewer .toc-item .toc-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-viewer .toc-item.active,.pdf-viewer .toc-item:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);transform:translateX(2px)}.pdf-viewer .toc-item.active .toc-page-number{background:var(--electric-cyan);color:#fff}.pdf-viewer .toc-item.level-1{font-weight:600}.pdf-viewer .toc-item.level-2{padding-left:2rem;font-size:.8125rem}.pdf-viewer .page-turn-hint{z-index:50}.pdf-viewer .main-content::-webkit-scrollbar,.pdf-viewer .thumbnails-sidebar::-webkit-scrollbar{width:8px}.pdf-viewer .main-content::-webkit-scrollbar-thumb,.pdf-viewer .thumbnails-sidebar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:4px}.pdf-viewer .react-pdf__Page canvas{max-width:none!important;height:auto!important;max-height:none!important}.pdf-viewer .react-pdf__Page:last-child{margin-bottom:0}.parsed-element.selected{animation:selectedPulse 2s ease-in-out infinite}.parsed-element.flash-highlight{animation:flashHighlight 2s ease-in-out}.image-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:var(--surface-2);position:relative}.toolbar{display:flex;grid-gap:1rem;gap:1rem;padding:.75rem;background:var(--surface-1);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.toolbar-group{grid-gap:.5rem;gap:.5rem}.toolbar-group,.toolbar button{display:flex;align-items:center}.toolbar button{padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:4px;color:var(--text-2);justify-content:center;width:36px;height:36px;transition:all .2s ease}.toolbar button:hover:not(:disabled){background:var(--surface-3);color:var(--text-1)}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button.active{background:var(--primary);color:#fff}.toolbar button svg{width:20px;height:20px}.toolbar-group span{color:var(--text-1);font-size:.9rem;min-width:60px;text-align:center}.viewer-content{overflow:auto;align-items:center;justify-content:center;height:calc(100% - 56px);padding:1rem}.image-container{position:relative;display:inline-block;transform-origin:center center;transition:transform .2s ease-in-out;margin:auto;height:-moz-fit-content;height:fit-content}.image-container img{display:block;max-width:100%;height:auto;max-height:calc(100vh - 120px);object-fit:contain}.overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-element{position:absolute;border:2px solid transparent;pointer-events:all;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.overlay-element:hover{border-color:var(--primary)}.tooltip{position:fixed;background:var(--surface-1);border:1px solid var(--border-color);border-radius:4px;padding:1rem;max-width:300px;max-height:300px;overflow:hidden;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tooltip-type{font-weight:700;margin-bottom:.5rem;color:var(--primary)}.tooltip-text{max-height:200px;overflow-y:auto;padding-right:.5rem}.overlay-element.selected{animation:selectedPulse 2s ease-in-out infinite;box-shadow:0 0 15px rgba(0,183,255,.6)}.overlay-element.flash-highlight{animation:flashHighlight 2s ease-in-out}@keyframes selectedPulse{0%,to{border-color:#00b7ff;box-shadow:0 0 15px rgba(0,183,255,.6)}50%{border-color:#66d9ff;box-shadow:0 0 25px rgba(0,183,255,.8)}}@keyframes flashHighlight{0%,to{background:rgba(0,183,255,.4)}50%{background:rgba(0,183,255,.7);box-shadow:0 0 30px rgba(0,183,255,.9)}}.focus-chunk-button{border:none;border-radius:4px;padding:6px}.selected-indicator{color:var(--electric-cyan,#00b7ff);font-weight:600;margin-left:4px}.viewer-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background:var(--glass-background);border-radius:8px;overflow:hidden}.viewer-toolbar{padding:.5rem 1rem;background:rgba(var(--deep-navy-rgb),.4);border-bottom:1px solid var(--glass-border);justify-content:space-between;grid-gap:1rem;gap:1rem;min-height:50px;flex-shrink:0}.viewer-content{flex:1 1;min-height:0;position:relative;background:rgba(var(--deep-navy-rgb),.2)}.control-button{width:28px;height:28px;border-radius:6px;background:rgba(var(--deep-navy-rgb),.3);color:var(--text-secondary);transition:all .2s ease}.control-button:hover{background:rgba(var(--electric-cyan-rgb),.1)}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;background:rgba(var(--deep-navy-rgb),.8);color:var(--text-primary)}@media (max-width:768px){.viewer-toolbar{padding:.5rem}}:root{--media-bg:hsla(0,0%,100%,0.8);--media-border:rgba(0,0,0,0.1);--media-text:var(--text-primary);--media-text-secondary:var(--text-secondary);--media-control-bg:hsla(0,0%,100%,0.9);--media-control-hover:rgba(var(--electric-cyan-rgb),0.1);--media-progress-bg:rgba(0,0,0,0.1);--media-progress-fill:var(--electric-cyan);--media-segment-bg:hsla(0,0%,100%,0.95);--media-segment-hover:rgba(var(--electric-cyan-rgb),0.1);--media-segment-active:var(--electric-cyan);--media-segment-active-text:#fff;--media-past-word-color:hsla(0,0%,58.8%,0.7);--media-active-word-color:var(--electric-cyan);--media-future-word-color:hsla(0,0%,100%,0.9)}.dark-mode{--media-bg:rgba(var(--deep-navy-rgb),0.8);--media-border:hsla(0,0%,100%,0.1);--media-text:var(--text-primary);--media-text-secondary:var(--text-secondary);--media-control-bg:rgba(var(--deep-navy-rgb),0.9);--media-control-hover:rgba(var(--electric-cyan-rgb),0.2);--media-progress-bg:hsla(0,0%,100%,0.1);--media-progress-fill:var(--electric-cyan);--media-segment-bg:rgba(var(--deep-navy-rgb),0.95);--media-segment-hover:rgba(var(--electric-cyan-rgb),0.2);--media-segment-active:var(--electric-cyan);--media-segment-active-text:#fff;--media-past-word-color:hsla(0,0%,100%,0.4);--media-active-word-color:var(--electric-cyan);--media-future-word-color:hsla(0,0%,100%,0.8)}.media-viewer{display:flex;flex-direction:column;height:100%;background:var(--media-bg);padding:1.5rem;grid-gap:1.5rem;gap:1.5rem;color:var(--media-text);max-width:1600px;margin:0 auto;width:100%}.viewer-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:.75rem;background:none;box-shadow:none;border:none;grid-gap:.75rem;gap:.75rem}.viewer-info{display:none}.viewer-controls{display:flex;grid-gap:1rem;gap:1rem}.viewer-content{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.5rem;gap:1.5rem;height:calc(100% - 80px);overflow-y:auto;padding-right:.5rem}.media-player-container{background:var(--media-bg);border:1px solid var(--media-border);color:var(--media-text);border-radius:24px;min-height:220px;overflow:hidden;width:100%}.media-player-container,.media-player-container.audio{padding:2rem;position:relative;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.media-player-container.audio{min-height:320px;max-height:400px;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.05),rgba(var(--electric-cyan-rgb),.08));justify-content:center;overflow:visible;align-items:center}.media-player-container.video{aspect-ratio:16/9;max-height:70vh}.media-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.4) 20%,rgba(0,0,0,.8));padding:2rem 1.5rem 1rem;z-index:10;opacity:1;transition:opacity .3s ease}.media-player-container:hover .media-controls{opacity:1}.controls-row{display:flex;align-items:center;justify-content:space-between;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem;padding:0 .5rem}.control-button{width:2.5rem;height:2.5rem;background:var(--media-control-bg);border:1px solid var(--media-border);color:var(--media-text);border-radius:12px;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:11}.control-button:hover{background:var(--media-control-hover);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.2)}.control-button.play-pause{font-size:3rem;padding:1.25rem;background-color:var(--primary-color);color:#fff;box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.4)}.control-button.play-pause:hover{background-color:var(--primary-color-light);color:#fff;transform:scale(1.15)}.progress-container{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:.5rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin:0 .5rem;z-index:11}.progress-bar-container,.progress-container{background:hsla(0,0%,100%,.1);position:relative}.progress-bar-container{flex:1 1;height:8px;border-radius:4px;cursor:pointer;transition:height .2s ease;z-index:1}.progress-bar-container:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;cursor:pointer;z-index:0}.progress-bar{height:100%;background:var(--electric-cyan);border-radius:4px;position:relative;transition:width .1s linear;pointer-events:none}.progress-bar:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.3);transition:transform .2s ease;border:2px solid var(--media-progress-fill);pointer-events:none}.progress-bar-container:hover{height:12px;background:hsla(0,0%,100%,.1)}.progress-bar-container:hover .progress-bar:after{transform:translateY(-50%) scale(1)}.progress-bar-container:active{background:hsla(0,0%,100%,.1)}.time{font-family:monospace;font-size:.95rem;color:var(--media-text-secondary);min-width:70px;padding:.25rem .5rem;background:var(--media-control-bg);border-radius:4px;text-align:center;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.volume-control{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;transition:all .2s ease;min-width:120px;border:1px solid hsla(0,0%,100%,.1)}.volume-control:hover{background:var(--media-control-hover)}.volume-control input[type=range]{-webkit-appearance:none;width:80px;height:4px;background:var(--media-progress-bg);border-radius:2px;cursor:pointer;transition:width .2s ease}.volume-control:hover input[type=range]{width:100px}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#fff;border:2px solid var(--media-progress-fill);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.volume-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.current-segment{background:var(--glass-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden;width:100%;margin-bottom:1rem}.dark-mode .current-segment{background:rgba(var(--deep-navy-rgb),.75)}.current-segment-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:2rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.current-segment.transitioning-next .current-segment-content{transform:translateY(-30px);opacity:0}.current-segment.transitioning-prev .current-segment-content{transform:translateY(30px);opacity:0}.content-wrapper{position:relative;width:100%;transition:height .3s ease}.current-content,.previous-content{position:absolute;top:0;left:0;right:0;width:100%;padding:1rem;opacity:1;transition:all .3s ease}.current-content{position:relative}.previous-content{position:absolute;opacity:0;transform:translateY(-30px)}.segment-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-gap:.4rem;gap:.4rem;line-height:1.6;opacity:1;transition:opacity .15s ease}.segment-word{color:var(--media-future-word-color);pointer-events:auto;position:relative;z-index:6}.segment-word .punctuation{opacity:.7;margin:0 -.1em}.segment-word.active{color:var(--media-active-word-color);background:rgba(var(--electric-cyan-rgb),.15);border-color:var(--media-active-word-color)}.control-button.subtitle-toggle{background:var(--media-control-bg);border:1px solid var(--media-border);color:var(--media-text);width:2.5rem;height:2.5rem;border-radius:12px;padding:0}.control-button.subtitle-toggle:hover{background:var(--media-control-hover);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.2)}.control-button.subtitle-toggle:active{transform:translateY(0)}@media (max-width:1400px){.current-segment{font-size:1.35rem;padding:1.75rem}}@media (max-width:1200px){.current-segment{font-size:1.25rem;padding:1.5rem}}@media (max-width:768px){.current-segment{font-size:1rem;padding:1rem;min-height:100px}.content-wrapper{min-height:100px}.segment-word{padding:.3rem .6rem;font-size:1rem;margin:.1rem}}@media (max-width:480px){.current-segment{font-size:1rem;padding:1rem;min-height:80px}.content-wrapper{min-height:80px}.segment-word{padding:.15rem .3rem;margin:.05rem}}@container (min-width: 768px){.current-segment{max-width:1200px;margin-left:auto;margin-right:auto}}@container (max-width: 480px){.current-segment{width:100%;margin:0 0 1rem}}.word-level-transcript{display:flex;flex-wrap:wrap;grid-gap:.3rem;gap:.3rem;line-height:1.8}.transcript-word{cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:all .2s ease;background:var(--media-control-bg);font-size:1rem;color:var(--media-text)}.transcript-word.active{background:var(--media-segment-active);color:var(--media-segment-active-text);transform:scale(1.05);font-weight:500;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.transcript-word:hover{background:var(--media-segment-hover);color:var(--electric-cyan);transform:translateY(-1px)}.segments-list{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;height:100%;overflow-y:auto;padding:1.25rem;background:hsla(0,0%,100%,.02);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.05)}.segment{display:grid;grid-template-columns:auto 1fr;grid-gap:1.5rem;gap:1.5rem;padding:1.25rem;border-radius:12px;cursor:pointer;transition:all .3s ease;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);position:relative;overflow:hidden}.segment:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.segment:hover:before{transform:scaleY(1)}.segment:hover{transform:translateX(8px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.segment-time,.segment:hover{background:rgba(var(--primary-color-rgb),.1)}.segment-time{color:var(--text-secondary);font-family:monospace;font-size:.95rem;padding:.35rem .75rem;border-radius:6px;min-width:90px;text-align:center;border:1px solid rgba(var(--primary-color-rgb),.2)}.segment-text{line-height:1.7;font-size:1.15rem}.segment-speaker{font-size:1rem;color:var(--text-secondary);background:rgba(var(--primary-color-rgb),.1);padding:.5rem 1rem;border-radius:20px;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;align-self:flex-start}.segments-list::-webkit-scrollbar{width:8px}.segments-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02);border-radius:4px}.segments-list::-webkit-scrollbar-thumb{background:rgba(var(--primary-color-rgb),.3);border-radius:4px;border:2px solid hsla(0,0%,100%,.05)}.segments-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color-rgb),.5)}.loading-media{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;height:100%;min-height:200px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;padding:2rem}select{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);color:var(--text-primary);border-radius:20px;cursor:pointer;font-size:.9rem;outline:none;transition:all .2s ease;min-width:80px;text-align:center;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;padding:.5rem 2rem .5rem 1rem}select:hover{background:var(--media-control-hover);border-color:var(--electric-cyan);color:var(--electric-cyan)}@media (min-width:1200px){.viewer-content{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.media-player-container{position:sticky;top:1rem}.transcript-view{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;max-height:calc(100vh - 200px);overflow-y:auto}}@container (min-width: 768px){.controls-row{grid-gap:2.5rem;gap:2.5rem}.volume-control{min-width:150px}}@container (max-width: 480px){.controls-row{grid-gap:1rem;gap:1rem}.control-button{font-size:1.5rem;padding:.5rem}.control-button.play-pause{font-size:2.5rem;padding:1rem}}.no-transcript{background:var(--media-segment-bg);border:none;box-shadow:0 4px 20px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.1rem;padding:2rem;text-align:center;border-radius:16px}.no-segment,.no-transcript{color:var(--text-secondary)}.no-segment{font-style:italic}.audio-element,.video-element{width:100%;border-radius:12px;background:var(--media-bg);border:1px solid var(--media-border)}.video-element{aspect-ratio:16/9;max-height:70vh}.debug-button,.debug-info,.raw-data,.raw-data-viewer{display:none}.transcript-view{background:none;border:none;padding:0;margin-top:1rem;transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0);height:auto;overflow:hidden}.transcript-view.hidden{opacity:0;transform:translateY(10px);height:0;margin:0}.transcript-view{content-visibility:auto;contain-intrinsic-size:0 500px}.viewer-container.switching{transition:none;animation:none;*{transition:none!important;animation:none!important}}.control-button:focus-visible,.transcript-word:focus-visible,select:focus-visible{outline:2px solid var(--electric-cyan);outline-offset:2px}.control-button,.media-player-container,.segment-word,.transcript-word,select{transition:all .3s cubic-bezier(.4,0,.2,1)}.media-player-container{box-shadow:0 4px 20px rgba(0,0,0,.1)}.dark-mode .media-player-container{box-shadow:0 4px 20px rgba(0,0,0,.3)}.current-content,.previous-content{transition:all .2s ease}.transitioning-next .previous-content,.transitioning-prev .previous-content{opacity:0}.transitioning-next .current-content,.transitioning-prev .current-content{opacity:1}.segment-text .segment-word,.segment-word.active{animation:none}.segment-word.past{color:var(--media-past-word-color);background:hsla(0,0%,100%,.02);border-color:hsla(0,0%,100%,.05);opacity:.7;transform:scale(.95)}.segment-word:focus-visible{outline:2px solid var(--electric-cyan);outline-offset:1px}.segment-word{font-weight:400;letter-spacing:.01em;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);opacity:.85;padding:.5rem .9rem;border-radius:10px;margin:.2rem .6rem;justify-content:center;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,opacity}.segment-word.past{color:var(--media-past-word-color,hsla(0,0%,100%,.5));background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.07);opacity:.65;transform:scale(1);box-shadow:none}.segment-word.selected{background-color:rgba(0,150,255,.25);color:#fff;opacity:1;transform:scale(1.1);box-shadow:0 0 0 1.5px rgba(0,150,255,.75),0 0 12px rgba(0,150,255,.6);border-color:transparent;z-index:1}.segment-word:not(.selected):hover{background:rgba(var(--electric-cyan-rgb),.12);opacity:1;border-color:rgba(var(--electric-cyan-rgb),.5);transform:scale(1.04);box-shadow:0 0 8px rgba(var(--electric-cyan-rgb),.2)}.video-container{position:relative;width:100%;height:100%;background:#000;border-radius:24px;overflow:hidden}.video-subtitles-overlay{position:absolute;bottom:120px;left:0;right:0;width:100%;z-index:5;text-align:center;transition:opacity .3s ease;pointer-events:none;padding:0 2rem}.subtitle-text{display:inline-block;background:rgba(0,0,0,.7);color:#fff;font-size:1.25rem;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0 auto;white-space:pre-line;transform-origin:center bottom;animation:subtitleFadeIn .3s ease-out}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fullscreen-button,.media-controls{opacity:0;transition:opacity .3s ease}.controls-active .fullscreen-button,.controls-active .media-controls,.video-container:hover .fullscreen-button,.video-container:hover .media-controls,.video-container[data-playing=false] .media-controls{opacity:1}.video-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#000;border-radius:0;display:flex;align-items:center;justify-content:center}.video-container.fullscreen .video-element{width:100%;height:100%;object-fit:contain;max-height:100vh}.video-container.fullscreen .media-controls{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.4) 20%,rgba(0,0,0,.8))}.fullscreen-button{position:absolute;right:1.5rem;top:1.5rem;z-index:10;opacity:0;transition:opacity .3s ease;background:rgba(0,0,0,.5);color:#fff;padding:.5rem;border-radius:8px}.fullscreen-button:focus,.video-container:hover .fullscreen-button{opacity:1}.video-container.fullscreen~.transcript-view{display:none}.media-error{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--error-color);background:var(--bg-secondary);border-radius:12px;padding:2rem}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.media-subtitles-overlay{position:absolute;bottom:120px;left:0;right:0;width:100%;z-index:5;text-align:center;padding:0 2rem;pointer-events:auto;transition:opacity .3s ease}.media-subtitles-overlay.hidden{opacity:0;pointer-events:none}.subtitle-container{position:relative;width:100%;height:80px;display:flex}.subtitle-container,.subtitle-text{align-items:center;justify-content:center}.subtitle-text{position:absolute;display:inline-flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;padding:.75rem 1.5rem;background:rgba(0,0,0,.75);border-radius:8px;max-width:90%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,.2);left:50%;transform:translateX(-50%);width:max-content}.subtitle-text,.subtitle-text.current,.subtitle-text.next{transition:all .3s ease}.subtitle-text.entering,.subtitle-text.exiting{display:none}.segment-word{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.4rem .8rem;margin:.15rem;font-size:1.1rem;color:#fff;opacity:.9;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-flex;align-items:center}.segment-word.active{background:var(--electric-cyan);color:#fff;border-color:transparent;opacity:1;transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.3)}.segment-word:hover{background:rgba(var(--electric-cyan-rgb),.08);border-color:var(--electric-cyan);color:var(--electric-cyan);opacity:1;transform:translateY(-1px)}.subtitle-text-enter,.subtitle-text-enter-active,.subtitle-text-exit,.subtitle-text-exit-active{display:none}.audio-visualization{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:80%;height:60px;display:flex;align-items:center;justify-content:center;grid-gap:4px;gap:4px;z-index:1;opacity:.6}.audio-bar{width:4px;height:100%;background:linear-gradient(0deg,rgba(var(--electric-cyan-rgb),.2),rgba(var(--electric-cyan-rgb),.8));border-radius:4px;transform-origin:bottom;animation:audioBarAnimation 1.2s ease-in-out infinite;animation-delay:calc(var(--bar-index)*0.1s)}@keyframes audioBarAnimation{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.media-player-container.audio .media-subtitles-overlay{position:absolute;top:50%;left:0;right:0;width:100%;z-index:5;padding:0;pointer-events:auto;transform:translateY(-50%);display:flex;justify-content:center}.media-player-container.audio .subtitle-container{position:relative;width:auto;min-height:70px;display:flex;align-items:center;justify-content:center;padding:.5rem 0}.media-player-container.audio .subtitle-text{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);padding:1rem 1.5rem;width:auto;max-width:90%;margin:0 auto;pointer-events:auto;z-index:6;left:50%;transform:translateX(-50%)}@keyframes subtitleSlideUpFixed{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.media-player-container.audio .media-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.3) 20%,rgba(0,0,0,.5));padding-top:3rem;z-index:10;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.media-player-container.audio .segment-word{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);padding:.5rem 1rem;font-size:1.15rem;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;pointer-events:auto;position:relative;z-index:6}.media-player-container.audio .segment-word:hover{background:rgba(var(--electric-cyan-rgb),.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.2)}.media-player-container.audio .segment-word.active{background:var(--electric-cyan);transform:scale(1.05) translateY(-2px);box-shadow:0 8px 24px rgba(var(--electric-cyan-rgb),.3)}.dark-mode .media-player-container.audio{background:linear-gradient(135deg,rgba(var(--deep-navy-rgb),.8),rgba(var(--deep-navy-rgb),.9))}@media (min-width:1024px){.media-player-container.audio{max-width:90%;margin:0 auto}}@media (max-width:768px){.media-player-container.audio{min-height:200px;padding:1.5rem}.audio-visualization{width:90%;height:60px}}.debug-overlay{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.85);border:1px solid var(--electric-cyan);border-radius:8px;padding:1rem;max-width:400px;max-height:80vh;overflow-y:auto;color:#fff;font-family:monospace;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-content{font-size:12px;white-space:pre-wrap;word-break:break-word}.debug-content pre{margin:0;padding:8px;background:rgba(0,0,0,.3);border-radius:4px}.media-subtitles-overlay{pointer-events:auto!important;z-index:6;min-height:80px;display:flex;align-items:center;justify-content:center}.subtitle-container{pointer-events:auto}.segment-word{transition:color .3s ease,background .3s ease,border-color .3s ease}.focus-chunk-button{background:var(--electric-cyan,#00b7ff);color:#fff}.focus-chunk-button:hover{background:var(--electric-cyan-dark,#0099d4)}.selected-chunk-info{display:flex;align-items:center}.chunk-indicator{background:var(--electric-cyan-bg,rgba(0,183,255,.1));border:1px solid var(--electric-cyan,#00b7ff);color:var(--electric-cyan,#00b7ff);border-radius:4px;padding:4px 8px;font-size:.875rem;font-weight:600}.content-quick-actions{position:absolute;top:12px;right:12px;display:flex;grid-gap:8px;gap:8px;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.code-block-wrapper:hover .content-quick-actions,.table-wrapper:hover .content-quick-actions{opacity:1;transform:translateY(0)}.content-quick-actions .action-button{width:32px;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-background);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-quick-actions .action-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);transform:translateY(-2px);box-shadow:var(--hover-glow)}.content-quick-actions .action-button svg{width:14px;height:14px;transition:transform .3s ease}.content-quick-actions .action-button:hover svg{transform:scale(1.1)}.content-quick-actions .options-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:12px;padding:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--card-shadow);min-width:200px;z-index:1000}.content-quick-actions .options-menu button{width:100%;padding:8px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.content-quick-actions .options-menu button:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}.content-quick-actions .options-menu button svg{width:14px;height:14px}.content-quick-actions .options-menu .menu-divider{height:1px;margin:8px 0;background-color:var(--glass-border)}.dark-mode .content-quick-actions .action-button{background:rgba(var(--deep-navy-rgb),.8);border-color:rgba(var(--electric-cyan-rgb),.2)}.dark-mode .content-quick-actions .action-button:hover{background:rgba(var(--electric-cyan-rgb),.15);border-color:rgba(var(--electric-cyan-rgb),.4);box-shadow:0 0 20px rgba(var(--electric-cyan-rgb),.2)}.dark-mode .content-quick-actions .options-menu{background:rgba(var(--deep-navy-rgb),.95);border-color:rgba(var(--electric-cyan-rgb),.2)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.code-block-wrapper{margin:1.5rem 0;border-radius:12px;overflow:hidden;background:var(--code-bg);border:1px solid var(--code-border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--code-shadow);position:relative;color:var(--code-text)}.code-block-wrapper.hovered{transform:translateY(-4px);box-shadow:var(--code-hover-shadow)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--code-header-bg);border-bottom:1px solid var(--code-border)}.code-block-info{display:flex;align-items:center;grid-gap:8px;gap:8px}.language-badge{padding:4px 8px;background:var(--badge-bg);color:var(--badge-text);border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.code-content{position:relative;overflow:hidden;border-radius:0 0 12px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--code-bg)}.code-content pre{margin:0!important;padding:1.5rem!important;font-size:.95rem!important;line-height:1.5!important;background:transparent!important}.code-content.latex-content{padding:1.5rem;font-family:var(--font-family-mono,"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace);font-size:.95rem;white-space:pre-wrap;word-wrap:break-word;display:flex;justify-content:center;align-items:center;min-height:4rem}.code-content.latex-content .latex-math-block{margin:0;width:100%;text-align:center}:root{--code-header-bg:rgba(var(--royal-blue-rgb),0.08);--code-bg:hsla(0,0%,100%,0.8);--code-border:rgba(var(--royal-blue-rgb),0.15);--badge-bg:transparent;--badge-text:var(--royal-blue);--code-text:var(--text-primary);--code-shadow:0 4px 12px rgba(0,0,0,0.08);--code-hover-shadow:0 8px 24px rgba(var(--royal-blue-rgb),0.12)}.dark-mode{--code-header-bg:rgba(var(--deep-navy-rgb),0.8);--code-bg:rgba(var(--deep-navy-rgb),0.95);--code-border:rgba(var(--electric-cyan-rgb),0.2);--badge-bg:rgba(var(--electric-cyan-rgb),0.2);--badge-text:var(--electric-cyan);--code-text:var(--text-primary);--code-shadow:0 4px 12px rgba(0,0,0,0.2);--code-hover-shadow:0 8px 24px rgba(0,0,0,0.5),0 0 0 1px rgba(var(--electric-cyan-rgb),0.2),0 0 20px rgba(var(--electric-cyan-rgb),0.1)}.dark-mode .code-block-wrapper{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.1)}.dark-mode .code-block-header{background:rgba(var(--deep-navy-rgb),.8);border-color:rgba(var(--electric-cyan-rgb),.2)}.dark-mode .code-content{background:rgba(var(--deep-navy-rgb),.95)}.dark-mode .language-badge{background:rgba(var(--electric-cyan-rgb),.2);color:var(--electric-cyan)}.dark-mode .code-block-wrapper.hovered{background:rgba(var(--deep-navy-rgb),.6);border-color:rgba(var(--electric-cyan-rgb),.3);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 1px rgba(var(--electric-cyan-rgb),.2),0 0 20px rgba(var(--electric-cyan-rgb),.1)}.markdown-em{font-style:italic;color:var(--text-emphasis);font-weight:500}.markdown-strong{font-weight:600;color:var(--text-strong)}.markdown-blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--blockquote-border);background:var(--blockquote-bg);color:var(--blockquote-text);font-style:italic;border-radius:0 8px 8px 0}.markdown-ol,.markdown-ul{margin:1rem 0 1.5rem;padding-left:1.5rem;list-style-position:outside}.markdown-li{padding:0 0 0 .25rem;margin-bottom:.5rem;line-height:1.7;background:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important;cursor:default!important;transition:none!important;position:relative;transform:none!important}.markdown-li::marker{color:var(--text-emphasis);font-weight:500}.markdown-li>p{margin-top:0;margin-bottom:0}.markdown-ol .markdown-ol,.markdown-ol .markdown-ul,.markdown-ul .markdown-ol,.markdown-ul .markdown-ul{margin-top:.05rem;margin-bottom:.25rem;padding-left:1.1rem}.markdown-ol .markdown-li,.markdown-ul .markdown-li{margin-bottom:.25rem}.markdown-ul>.markdown-li{list-style-type:disc}.markdown-ul>.markdown-ul>.markdown-li{list-style-type:circle}.markdown-ul>.markdown-ul>.markdown-ul>.markdown-li{list-style-type:square}.markdown-h1,.markdown-h2,.markdown-h3,.markdown-h4,.markdown-h5,.markdown-h6{margin:2rem 0 1rem;line-height:1.3;color:var(--heading-color)}.markdown-h1{font-size:2.5rem}.markdown-h2{font-size:2rem}.markdown-h3{font-size:1.75rem}.markdown-h4{font-size:1.5rem}.markdown-h5{font-size:1.25rem}.markdown-h6{font-size:1.1rem}.markdown-link{color:var(--link-color);text-decoration:none;position:relative;padding-bottom:2px;transition:color .2s ease}.markdown-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--link-hover-color);transform-origin:bottom left;transition:transform .25s ease}.markdown-link:hover{color:var(--link-hover-color)}.markdown-link:hover:after{transform:scaleX(1)}.markdown-inline-code{background-color:var(--control-bg,#f0f2f5);border:1px solid var(--control-border,rgba(0,0,0,.1));border-radius:4px;padding:.2em .4em;margin:0 .2em;font-family:var(--font-family-mono,"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace);font-size:.9em;color:var(--primary-color-dark,#c7254e);vertical-align:initial}.markdown-citation{background:linear-gradient(135deg,var(--primary-color-transparent,rgba(58,134,255,.06)),var(--primary-color-transparent,rgba(58,134,255,.12)),var(--primary-color-transparent,rgba(58,134,255,.08)));border:1px solid var(--primary-color-alpha,rgba(58,134,255,.25));color:var(--primary-color,#3a86ff);border-radius:8px;padding:6px 10px;font-size:.8rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:.02em;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);text-decoration:none;margin:0 3px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:26px;height:26px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04),inset 0 0 0 1px hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;isolation:isolate}.markdown-citation:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .8s cubic-bezier(.23,1,.32,1);z-index:1}.markdown-citation:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--primary-color,#3a86ff),var(--primary-color-bright,#4d9fff),var(--primary-color-dark,#2968d4));opacity:0;transition:opacity .4s cubic-bezier(.23,1,.32,1);z-index:-1}.markdown-citation:hover{color:#fff;transform:translateY(-2px) scale(1.06);box-shadow:0 8px 25px rgba(var(--primary-rgb,58,134,255),.25),0 3px 10px rgba(var(--primary-rgb,58,134,255),.15),0 1px 4px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.25);border-color:transparent}.markdown-citation:hover:before{left:100%}.markdown-citation:hover:after{opacity:1}.markdown-citation:active{transform:translateY(-1px) scale(1.03);transition:all .15s cubic-bezier(.23,1,.32,1)}.markdown-citation:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb,58,134,255),.3),0 8px 25px rgba(var(--primary-rgb,58,134,255),.2),0 3px 10px rgba(var(--primary-rgb,58,134,255),.1)}.dark-mode .markdown-citation{background:linear-gradient(135deg,var(--electric-cyan-alpha,rgba(0,183,255,.08)),var(--electric-cyan-alpha,rgba(0,183,255,.15)),var(--electric-cyan-alpha,rgba(0,183,255,.12)));border-color:var(--electric-cyan-alpha,rgba(0,183,255,.3));color:var(--electric-cyan,#00b7ff);box-shadow:0 1px 3px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.08)}.dark-mode .markdown-citation:after{background:linear-gradient(135deg,var(--electric-cyan,#00b7ff),var(--electric-cyan-bright,#1ac5ff),var(--electric-cyan-dark,#08c))}.dark-mode .markdown-citation:hover{color:var(--dark-bg,#0a0a0a);box-shadow:0 8px 25px rgba(0,183,255,.35),0 3px 10px rgba(0,183,255,.2),0 1px 4px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.15)}.dark-mode .markdown-citation:focus-visible{box-shadow:0 0 0 3px rgba(0,183,255,.4),0 8px 25px rgba(0,183,255,.3),0 3px 10px rgba(0,183,255,.15)}.dark-mode .markdown-inline-code{background-color:var(--code-block-bg,#2a2a2f);border-color:hsla(0,0%,100%,.15);color:var(--accent-pink-light,#ff79c6)}:root{--text-emphasis:var(--royal-blue);--text-strong:var(--deep-navy);--blockquote-border:var(--royal-blue);--blockquote-bg:rgba(var(--royal-blue-rgb),0.05);--blockquote-text:var(--deep-navy);--heading-color:var(--deep-navy);--link-color:var(--royal-blue);--link-hover-color:var(--electric-cyan);--inline-code-bg:rgba(var(--royal-blue-rgb),0.1);--inline-code-text:var(--deep-navy);--image-shadow:0 4px 12px rgba(0,0,0,0.1);--primary-color-alpha:rgba(58,134,255,0.25);--primary-color-dark:#2968d4;--primary-color-bright:#4d9fff;--primary-rgb:58,134,255}.dark-mode{--text-emphasis:var(--electric-cyan);--text-strong:var(--text-primary);--blockquote-border:var(--electric-cyan);--blockquote-bg:rgba(var(--electric-cyan-rgb),0.05);--blockquote-text:var(--text-primary);--heading-color:var(--electric-cyan);--link-color:var(--electric-cyan);--link-hover-color:var(--text-primary);--inline-code-bg:rgba(var(--electric-cyan-rgb),0.1);--inline-code-text:var(--text-primary);--image-shadow:0 4px 12px rgba(0,0,0,0.3);--electric-cyan-alpha:rgba(0,183,255,0.25);--electric-cyan-dark:#08c;--electric-cyan-bright:#1ac5ff}.message-text[data-streaming=true] .markdown-blockquote,.message-text[data-streaming=true] .markdown-em,.message-text[data-streaming=true] .markdown-h1,.message-text[data-streaming=true] .markdown-h2,.message-text[data-streaming=true] .markdown-h3,.message-text[data-streaming=true] .markdown-h4,.message-text[data-streaming=true] .markdown-h5,.message-text[data-streaming=true] .markdown-h6,.message-text[data-streaming=true] .markdown-inline-code,.message-text[data-streaming=true] .markdown-link,.message-text[data-streaming=true] .markdown-ol,.message-text[data-streaming=true] .markdown-strong,.message-text[data-streaming=true] .markdown-ul{opacity:.9;transition:opacity .3s ease}.markdown-image-wrapper{position:relative;margin:1.5rem 0;border-radius:12px;cursor:zoom-in;display:block;width:-moz-fit-content;width:fit-content;max-width:100%;line-height:0}.markdown-image-expand-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transition:all .3s ease;pointer-events:none;z-index:1}.markdown-image-wrapper:hover .markdown-image-expand-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.markdown-image-preview{display:block;max-width:100%;max-height:450px;width:auto;height:auto;object-fit:contain;border-radius:12px;transition:all .3s ease;box-shadow:var(--shadow-lg)}.dark-mode .markdown-image-preview{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.markdown-image-wrapper:hover .markdown-image-preview{transform:scale(1.02);box-shadow:var(--shadow-xl)}.dark-mode .markdown-image-wrapper:hover .markdown-image-preview{box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3)}.markdown-image-overlay{position:fixed;inset:0;background-color:rgba(10,10,15,.5);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;box-sizing:border-box}.animate-fade-in{animation:fadeIn .3s ease}.markdown-overlay-content{position:relative;background-color:var(--panel-color,#fff);padding:1.5rem;border-radius:var(--border-radius-large,16px);box-shadow:var(--shadow-xl,0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04));max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.dark-mode .markdown-overlay-content{background-color:var(--panel-color-dark,#1e293b)}.markdown-image-fullscreen{max-width:100%;max-height:calc(90vh - 10rem);object-fit:contain;border-radius:var(--border-radius-medium,8px);display:block}.markdown-overlay-close-button{position:fixed;top:1.5rem;right:1.5rem;background:rgba(30,30,35,.5);color:#e5e5e5;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:40px;text-align:center;cursor:pointer;transition:all .2s ease-out;z-index:10001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .markdown-overlay-close-button{background:rgba(30,30,35,.6);color:#e5e5e5}.markdown-overlay-close-button:hover{background:rgba(0,0,0,.7);color:#fff;transform:scale(1.1) rotate(90deg)}.markdown-overlay-actions{margin-top:1rem;display:flex;flex-direction:column;align-items:center;grid-gap:.75rem;gap:.75rem;width:100%;max-width:600px;z-index:10001}.markdown-overlay-footer-text{font-size:.9rem;color:var(--text-secondary-color,#6b7280);text-align:center;width:100%;line-height:1.4}.dark-mode .markdown-overlay-footer-text{color:var(--text-secondary-color-dark,#9ca3af)}.markdown-overlay-download-button{background-color:var(--primary-color,#4f46e5);color:#fff;border:none;border-radius:var(--border-radius-medium,8px);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;transition:background-color .2s ease,transform .1s ease;box-shadow:var(--shadow-md)}.dark-mode .markdown-overlay-download-button{background-color:var(--primary-color-dark,#818cf8);color:var(--panel-color-dark,#1e293b)}.markdown-overlay-download-button:hover{background-color:var(--primary-color-darker,#4338ca);transform:translateY(-1px)}.dark-mode .markdown-overlay-download-button:hover{background-color:var(--primary-color-lighter-dark,#a7afff)}.markdown-overlay-download-button:active{transform:translateY(0)}.table-wrapper{margin:1.5rem 0;border-radius:12px;overflow:hidden;background:var(--table-cell-bg);border:1px solid var(--table-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:var(--table-shadow);color:var(--table-text)}.table-wrapper.hovered{transform:translateY(-4px);box-shadow:var(--table-hover-shadow)}.table-content{overflow-x:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-content table{width:100%;border-collapse:collapse;font-size:.95rem}.table-content th{background:var(--table-header-bg);color:var(--table-header-text);font-weight:600;text-align:left;padding:1rem;border-bottom:2px solid var(--table-border);white-space:nowrap}.table-content td{padding:.875rem 1rem;border-bottom:1px solid var(--table-row-border);background:var(--table-cell-bg);transition:background-color .2s ease}.table-content tr:nth-child(2n) td{background:var(--table-row-even)}.table-content tr:hover td{background:var(--table-row-hover)}:root{--table-header-bg:rgba(var(--royal-blue-rgb),0.08);--table-header-text:var(--royal-blue);--table-border:rgba(var(--royal-blue-rgb),0.15);--table-row-border:rgba(var(--royal-blue-rgb),0.08);--table-cell-bg:hsla(0,0%,100%,0.8);--table-row-even:rgba(var(--royal-blue-rgb),0.03);--table-row-hover:rgba(var(--electric-cyan-rgb),0.06);--table-shadow:0 4px 12px rgba(0,0,0,0.08);--table-hover-shadow:0 8px 24px rgba(var(--royal-blue-rgb),0.12);--table-text:var(--text-primary);--scrollbar-thumb:rgba(var(--royal-blue-rgb),0.2);--scrollbar-thumb-hover:rgba(var(--royal-blue-rgb),0.3)}.dark-mode{--table-header-bg:rgba(var(--deep-navy-rgb),0.8);--table-header-text:var(--electric-cyan);--table-border:rgba(var(--electric-cyan-rgb),0.2);--table-row-border:rgba(var(--electric-cyan-rgb),0.1);--table-cell-bg:rgba(var(--deep-navy-rgb),0.4);--table-row-even:rgba(var(--deep-navy-rgb),0.6);--table-row-hover:rgba(var(--electric-cyan-rgb),0.15);--table-shadow:0 4px 12px rgba(0,0,0,0.2);--table-hover-shadow:0 8px 24px rgba(0,0,0,0.5),0 0 0 1px rgba(var(--electric-cyan-rgb),0.2),0 0 20px rgba(var(--electric-cyan-rgb),0.1);--table-text:var(--text-primary);--scrollbar-track:rgba(var(--deep-navy-rgb),0.4)}.dark-mode .table-wrapper{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.1)}.dark-mode .table-content th{background:rgba(var(--deep-navy-rgb),.8);color:var(--electric-cyan);border-color:rgba(var(--electric-cyan-rgb),.2)}.dark-mode .table-content td{border-color:rgba(var(--electric-cyan-rgb),.1);background:rgba(var(--deep-navy-rgb),.4)}.dark-mode .table-content tr:nth-child(2n) td{background:rgba(var(--deep-navy-rgb),.6)}.dark-mode .table-content tr:hover td{background:rgba(var(--electric-cyan-rgb),.15)}.dark-mode .table-wrapper.hovered{background:rgba(var(--deep-navy-rgb),.6);border-color:rgba(var(--electric-cyan-rgb),.3);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 1px rgba(var(--electric-cyan-rgb),.2),0 0 20px rgba(var(--electric-cyan-rgb),.1)}.table-content::-webkit-scrollbar{height:8px;width:8px}.table-content::-webkit-scrollbar-track{background:var(--scrollbar-track)}.table-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.table-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.markdown-viewer{display:flex;flex-direction:column;height:100%;width:100%;background:var(--surface-1);overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.markdown-content-wrapper{min-height:0}.markdown-content-container,.markdown-content-wrapper{display:flex;flex:1 1;position:relative;height:100%;overflow:hidden}.markdown-content-container{flex-direction:column}.markdown-content-container.toc-visible{margin-left:280px;width:calc(100% - 280px)}.table-of-contents{width:0;background:var(--surface-1);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);height:100%;overflow:hidden;position:absolute;left:0;top:0;bottom:0;opacity:0;visibility:hidden}.table-of-contents.visible{width:280px;opacity:1;visibility:visible}.toc-header{padding:.75rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toc-header h3{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0;letter-spacing:.02em}.toc-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease}.toc-toggle:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}.toc-toggle-floating{position:absolute;top:1rem;left:1rem;width:32px;height:32px;border-radius:6px;background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:var(--card-shadow);opacity:0;transform:translateX(-20px)}.toc-toggle-floating:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-1px);box-shadow:var(--hover-glow)}.markdown-content-container:not(.toc-visible) .toc-toggle-floating{opacity:1;transform:translateX(0)}.markdown-content{flex:1 1;overflow-y:auto;padding:1rem 2rem 6rem;color:var(--text-primary);line-height:1.7;font-size:1rem;width:100%;max-width:900px;margin:0 auto;height:100%;box-sizing:border-box}.markdown-content>:last-child{margin-bottom:4rem}.dark-mode .toc-toggle-floating{background:rgba(var(--deep-navy-rgb),.8);border-color:rgba(var(--electric-cyan-rgb),.2)}.dark-mode .toc-toggle-floating:hover{background:rgba(var(--electric-cyan-rgb),.15);border-color:rgba(var(--electric-cyan-rgb),.4);box-shadow:0 0 20px rgba(var(--electric-cyan-rgb),.2)}.toc-nav{flex:1 1;overflow-y:auto;padding:.5rem .5rem 4rem;scrollbar-gutter:stable;scroll-behavior:smooth;height:100%;box-sizing:border-box}.toc-nav>:last-child{margin-bottom:3rem}.toc-item{width:100%;text-align:left;padding:.5rem;border:none;background:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;border-radius:6px;margin:.125rem 0;transition:all .2s cubic-bezier(.4,0,.2,1),background-color .2s ease,color .2s ease;font-weight:500;position:relative;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;min-height:32px}.toc-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.toc-item:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);transform:translateX(2px)}.toc-item.active{background:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan);font-weight:600}.toc-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--electric-cyan);border-radius:0 2px 2px 0;transition:transform .2s ease,opacity .2s ease}.toc-item.level-1{font-weight:600;padding-left:1rem}.toc-item.level-2{padding-left:1.75rem;font-size:.8125rem}.toc-item.level-3{padding-left:2.5rem;font-size:.8125rem}.toc-item.level-4,.toc-item.level-5,.toc-item.level-6{padding-left:3.25rem;font-size:.8125rem;color:var(--text-tertiary)}.table-of-contents:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;cursor:ew-resize;background:transparent;transition:background .2s}.table-of-contents:hover:after{background:rgba(var(--electric-cyan-rgb),.1)}.table-of-contents:active:after{background:rgba(var(--electric-cyan-rgb),.2)}.toc-nav::-webkit-scrollbar{width:4px}.toc-nav::-webkit-scrollbar-track{background:transparent}.toc-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.toc-nav::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.dark-mode .table-of-contents{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.1)}.dark-mode .toc-header{background:rgba(var(--deep-navy-rgb),.8);border-color:rgba(var(--electric-cyan-rgb),.2)}.dark-mode .toc-item{color:var(--text-secondary)}.dark-mode .toc-item:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}.dark-mode .toc-item.active{background:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan)}.markdown-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;background:var(--background-color);border-radius:8px;overflow:hidden}.markdown-content th{background:var(--secondary-background);color:var(--text-color);font-weight:600;padding:1rem .75rem;text-align:left;border-bottom:2px solid var(--border-color)}.markdown-content td{padding:.75rem;border:1px solid var(--border-color)}.markdown-content tr:nth-child(2n){background:var(--secondary-background-lighter)}.markdown-content tr:hover{background:var(--hover-background)}.table-container{margin:1.5rem 0;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.pipeline-selector{display:inline-flex;align-items:center}.pipeline-selector .dropdown{position:relative;display:inline-block;z-index:1400}.pipeline-selector .pipeline-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:2px 8px;border-radius:12px;font-size:.8em;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--glass-border);transition:all .2s ease}.pipeline-selector .pipeline-badge.clickable{cursor:pointer;padding-left:6px}.pipeline-selector .pipeline-badge.clickable:hover{border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.pipeline-selector .reprocess-icon{font-size:.9em;opacity:.7}.pipeline-selector .pipeline-badge.low_latency{background:rgba(25,118,210,.1);color:var(--electric-cyan);border-color:var(--electric-cyan)}.pipeline-selector .pipeline-badge.normal{background:rgba(46,125,50,.1);color:#4caf50;border-color:#4caf50}.pipeline-selector .pipeline-badge.improved{background:rgba(245,124,0,.1);color:#ff9800;border-color:#ff9800}.pipeline-selector .pipeline-badge.ocr_only{background:rgba(156,39,176,.1);color:#9c27b0;border-color:#9c27b0}.pipeline-selector .pipeline-badge.code_parser{background:rgba(0,150,136,.1);color:#009688;border-color:#009688}.pipeline-selector .pipeline-badge.visual{background:rgba(233,30,99,.1);color:#e91e63;border-color:#e91e63}.pipeline-selector .dropdown-content{display:none;position:absolute;right:0;background:var(--surface-1);min-width:160px;box-shadow:var(--card-shadow);z-index:1500;border-radius:4px;border:1px solid var(--glass-border);margin-top:2px;padding:4px 0}.pipeline-selector .dropdown.interactive:hover .dropdown-content{display:block}.pipeline-selector .dropdown-item{color:var(--text-secondary);padding:8px 16px;text-decoration:none;display:block;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.pipeline-selector .dropdown-item:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}:root{--surface-1:#fff;--surface-2:#f8f9fa;--glass-border:rgba(0,0,0,0.1);--card-shadow:0 4px 12px rgba(0,0,0,0.1);--hover-glow:0 8px 24px rgba(0,0,0,0.12);--text-secondary:#666;--step-upload:#4f46e5;--step-parsing:#7c3aed;--step-enriching:#ec4899;--step-embedding:#f59e0b;--step-completed:#2dd4bf;--step-gradient-upload:linear-gradient(135deg,#4f46e5,#6366f1);--step-gradient-parsing:linear-gradient(135deg,#7c3aed,#8b5cf6);--step-gradient-enriching:linear-gradient(135deg,#ec4899,#f472b6);--step-gradient-embedding:linear-gradient(135deg,#f59e0b,#fbbf24);--step-gradient-completed:linear-gradient(135deg,#2dd4bf,#34d399);--marker-text:#fff}.dark-mode{--surface-1:rgba(15,23,42,0.8);--surface-2:rgba(15,23,42,0.4);--glass-background:rgba(15,23,42,0.8);--glass-border:rgba(79,70,229,0.2);--card-shadow:0 8px 32px rgba(0,0,0,0.4);--hover-glow:0 8px 32px rgba(0,0,0,0.4),0 0 0 1px rgba(79,70,229,0.2),0 0 20px rgba(79,70,229,0.1);--text-secondary:hsla(0,0%,100%,0.7);--step-upload:#818cf8;--step-parsing:#a78bfa;--step-enriching:#f9a8d4;--step-embedding:#fcd34d;--step-completed:#5eead4;--step-gradient-upload:linear-gradient(135deg,#818cf8,#6366f1);--step-gradient-parsing:linear-gradient(135deg,#a78bfa,#8b5cf6);--step-gradient-enriching:linear-gradient(135deg,#f9a8d4,#f472b6);--step-gradient-embedding:linear-gradient(135deg,#fcd34d,#fbbf24);--step-gradient-completed:linear-gradient(135deg,#5eead4,#34d399);--marker-text:#1a1a1a}@keyframes pulse-3d{0%{transform:scale(1) translateZ(0);opacity:1}50%{transform:scale(1.1) translateZ(10px);opacity:.7}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes pulse-ring-3d{0%{transform:scale(.85) translateZ(-5px) rotate(0deg);opacity:.5}50%{transform:scale(1.15) translateZ(5px) rotate(-5deg);opacity:.3}to{transform:scale(.85) translateZ(-5px) rotate(0deg);opacity:.5}}@keyframes complete-bounce{0%{transform:scale(.3) translateZ(-20px);opacity:0}50%{transform:scale(1.1) translateZ(10px);opacity:.8}80%{transform:scale(.9) translateZ(5px);opacity:.9}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes slide-in-3d{0%{transform:translateY(-10px) translateZ(-20px);opacity:0}to{transform:translateY(0) translateZ(0);opacity:1}}@keyframes glow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.status-step:hover{transform:translateY(-3px) scale(1.02)}.status-step:hover .marker{transform:rotate(-5deg) scale(1.1) perspective(1000px) rotateX(10deg)}.marker{width:40px;height:40px;border-radius:14px;border:2px solid var(--glass-border);background:var(--surface-2);position:relative;z-index:2;transform:rotate(0deg) perspective(1000px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 3px rgba(0,0,0,.1)}.marker,.marker-inner{display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.marker-inner{width:28px;height:28px;border-radius:10px;transform-style:preserve-3d}.connector{position:absolute;top:50%;left:50%;right:-50%;height:2px;background:var(--glass-border);transform:translateY(-50%);z-index:1;transition:all .5s cubic-bezier(.4,0,.2,1)}.connector.completed{background:linear-gradient(90deg,var(--step-color),var(--next-color));height:3px;transform:translateY(-50%) scaleX(1.02);box-shadow:0 0 10px rgba(var(--step-color-rgb),.3);box-shadow:0 0 10px rgba(var(--step-color-rgb),.3),0 1px 2px rgba(0,0,0,.1)}@media (max-width:768px){.status-indicator{padding:1.5rem}.step-label{font-size:12px;padding:6px 12px}.step-description{font-size:11px;max-width:100px}}.marker-completed{color:var(--marker-text)!important;font-size:20px!important}.marker-completed,.marker-inner span{text-shadow:0 1px 2px rgba(0,0,0,.1)}.html-viewer{width:100%;display:flex;flex-direction:column;background:var(--surface-1)}.html-viewer .toolbar{display:flex;grid-gap:1rem;gap:1rem;padding:.75rem;background:var(--surface-2);border-bottom:1px solid var(--border-color);z-index:10;align-items:center;position:sticky;top:0}.html-viewer .toolbar-group{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.html-viewer .toolbar button{padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:4px;color:var(--text-2);display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .2s ease}.html-viewer .toolbar button:hover:not(:disabled){background:var(--surface-3);color:var(--text-1)}.html-viewer .toolbar button.active{background:var(--primary);color:#fff}.html-viewer .viewer-content{position:relative;flex:1 1;min-height:0}.html-viewer .html-iframe{width:100%;height:auto;border:none;display:block}.html-viewer-loading{position:absolute;inset:0;z-index:1;background:var(--surface-1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-2)}.html-viewer-loading .loading-icon{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite;color:var(--electric-cyan)}.html-viewer .focus-chunk-button{background:var(--electric-cyan,#00b7ff);color:#fff}.html-viewer .focus-chunk-button:hover{background:var(--electric-cyan-dark,#0099d4)}.html-viewer .source-url-button{background:var(--success-color,#4caf50);color:#fff}.html-viewer .source-url-button:hover{background:var(--success-color-dark,#45a049)}.html-viewer .chunk-indicator,.html-viewer .selected-chunk-info{display:flex;align-items:center}.html-viewer .chunk-indicator{background:var(--electric-cyan-bg,rgba(0,183,255,.1));border:1px solid var(--electric-cyan,#00b7ff);color:var(--electric-cyan,#00b7ff);border-radius:4px;padding:4px 8px;font-size:.875rem;font-weight:600;grid-gap:.5rem;gap:.5rem}.html-viewer .source-url-info{display:flex;align-items:center}.html-viewer .source-url-indicator{background:var(--success-color-bg,rgba(76,175,80,.1));border:1px solid var(--success-color,#4caf50);color:var(--success-color,#4caf50);border-radius:4px;padding:4px 8px;font-size:.875rem;font-weight:600;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.fallback-viewer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:2rem;background:var(--surface-1);overflow:auto}.fallback-viewer.unsupported-format{background:var(--surface-1);border:1px solid var(--glass-border)}.fallback-content{max-width:440px;width:100%;text-align:center;padding:2rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--glass-border);margin:auto}.file-type-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.file-type-icon .file-icon{font-size:4rem;color:var(--text-primary);opacity:.9}.file-type-icon .file-extension{position:absolute;bottom:-.5rem;background:var(--surface-2);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.fallback-viewer h3{margin:.75rem 0;color:var(--text-primary);font-weight:600;font-size:1.5rem;letter-spacing:-.01em}.main-message{color:var(--text-primary);margin:.75rem 0 1.5rem;line-height:1.6;font-size:1.1rem;opacity:.9}.info-box{background:var(--surface-2);padding:1.5rem;border-radius:8px;margin:1rem 0;text-align:left;border:1px solid var(--glass-border);box-shadow:var(--card-shadow);width:100%;box-sizing:border-box}.suggestion-text{color:var(--text-primary);margin:0 0 1rem;font-weight:500;opacity:.9}.action-list{list-style:none;padding:0;margin:0}.action-list li{display:flex;grid-gap:.75rem;gap:.75rem;color:var(--text-primary);margin:.75rem 0;line-height:1.5;opacity:.85}.action-list .bullet{color:var(--electric-cyan);font-weight:600;opacity:1}.file-info{text-align:left;padding:1rem;border-radius:6px;background:var(--surface-1);border:1px solid var(--glass-border);margin-top:1.5rem;width:100%;box-sizing:border-box}.file-info ul{list-style:none;padding:0;margin:.5rem 0 0}.file-info li{font-size:.875rem;color:var(--text-secondary);padding:.25rem 0}.action-buttons{margin-top:2rem;width:100%;justify-content:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.download-button{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9375rem;min-width:160px;justify-content:center}.download-button.primary{background-color:var(--electric-cyan);color:var(--deep-navy);border:none;font-weight:600;box-shadow:var(--card-shadow)}.download-button.primary:hover{background-color:var(--electric-cyan-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.2),0 0 0 2px rgba(var(--electric-cyan-rgb),.4)}.download-button.secondary{background-color:var(--surface-2);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.download-button.secondary:hover{background-color:var(--surface-1);color:var(--electric-cyan);border-color:var(--electric-cyan);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--electric-cyan-rgb),.1),0 0 0 2px rgba(var(--electric-cyan-rgb),.2)}.conversion-status{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:1rem;background:var(--surface-2);border-radius:8px;margin:1rem 0;border:1px solid var(--glass-border)}.conversion-status .loading-icon{font-size:1.25rem;color:var(--electric-cyan);animation:spin 1s linear infinite}.conversion-status span{color:var(--text-primary);font-weight:500}.dark-mode .download-button.primary{background-color:var(--electric-cyan);color:var(--deep-navy);font-weight:700;box-shadow:var(--card-shadow),0 0 12px rgba(var(--electric-cyan-rgb),.3)}.dark-mode .download-button.secondary{background-color:rgba(var(--deep-navy-rgb),.4);color:var(--text-primary);border-color:rgba(var(--electric-cyan-rgb),.2)}@media (max-width:480px){.fallback-viewer{padding:1rem}.fallback-content{padding:1.5rem;max-width:100%}.action-buttons{flex-direction:column;width:100%}.download-button{width:100%;justify-content:center}}@media (min-width:481px) and (max-width:768px){.fallback-content{max-width:90%;margin:auto}}@media (min-width:769px){.fallback-content{min-width:440px;max-width:600px}}.debug-chunks-overlay{position:absolute;inset:0;background:var(--glass-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:150;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--card-shadow);animation:fadeIn .2s ease-in-out}.debug-overlay-header{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);background:var(--surface-1);flex-shrink:0;justify-content:space-between}.debug-title{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.debug-title h3{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.debug-icon{color:var(--electric-cyan);font-size:1.125rem}.debug-tabs{display:flex;grid-gap:.5rem;gap:.5rem}.debug-tab-button{display:inline-flex;align-items:center;grid-gap:.375rem;gap:.375rem;height:26px;padding:0 .75rem;border:1px solid var(--glass-border);border-radius:13px;background:var(--surface-1);color:var(--text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.debug-tab-button.active{background:var(--electric-cyan);color:#fff;border-color:var(--electric-cyan)}.debug-close-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-radius:6px;background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.debug-close-button:hover{border-color:var(--electric-cyan);color:var(--electric-cyan);background:rgba(var(--electric-cyan-rgb),.1)}.debug-overlay-content{flex:1 1;overflow-y:scroll!important;overflow-x:hidden;padding:1rem}.debug-chunks-tab{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.search-container{position:sticky;top:0;z-index:10;padding-bottom:.5rem;margin-bottom:.5rem;background:var(--glass-background)}.search-bar{display:flex;align-items:center;padding:0 .75rem;height:36px;border-radius:8px;background:var(--surface-1);border:1px solid var(--glass-border);transition:all .2s ease;position:relative}.search-bar:focus-within{border-color:var(--electric-cyan);box-shadow:0 0 0 2px rgba(var(--electric-cyan-rgb),.2)}.search-icon{color:var(--text-secondary);margin-right:.5rem}.search-input{height:100%;border:none;background:transparent;outline:none}.search-results{position:absolute;right:.75rem;top:0;bottom:0;display:flex;align-items:center;font-size:.75rem;color:var(--text-secondary);background:var(--surface-1);padding-left:.5rem}.chunks-list{grid-gap:1.5rem;gap:1.5rem;padding-bottom:2rem;max-height:none}.debug-chunk{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);min-height:70px}.debug-chunk:hover{border-color:var(--electric-cyan);box-shadow:0 4px 8px rgba(0,0,0,.15)}.debug-chunk.expanded{box-shadow:0 0 0 2px rgba(var(--electric-cyan-rgb),.2),0 8px 16px rgba(0,0,0,.15);margin:1.5rem 0}.chunk-header{padding:1rem 1.25rem}.chunk-id{font-weight:600;font-size:.95rem;color:var(--text-primary)}.chunk-metadata{display:flex;grid-gap:.75rem;gap:.75rem;align-items:center;flex-wrap:wrap}.chunk-embedding,.chunk-page,.chunk-similarity,.chunk-size,.search-certainty,.search-distance,.search-score{font-size:.8125rem;padding:.25rem .625rem;border-radius:4px;background:var(--surface-2);color:var(--text-secondary)}.chunk-page{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}.chunk-embedding{background:rgba(46,125,50,.1);color:#4caf50}.chunk-size{background:rgba(156,39,176,.1);color:#9c27b0}.search-score{background:rgba(33,150,243,.1);color:#2196f3}.search-distance{background:rgba(255,152,0,.1);color:#ff9800}.search-certainty{background:rgba(0,200,83,.1);color:#00c853}.chunk-similarity{background:rgba(33,150,243,.15);color:#2196f3;font-weight:600;font-size:.875rem}.chunk-content{padding:1.5rem;border-top:1px solid var(--glass-border);position:relative;font-size:.9375rem;max-height:80vh;overflow-y:auto!important;overflow-x:hidden}.content-preview{margin:0;overflow-y:auto!important;overflow-x:hidden;font-family:"Roboto Mono",monospace;line-height:1.7;color:var(--text-primary);word-break:break-word;max-height:50vh;min-height:150px;box-shadow:inset 0 0 6px rgba(0,0,0,.1)}.chunk-detail-metadata,.chunk-embedding-info,.content-preview{padding:1.5rem;background:var(--surface-2);border-radius:8px;font-size:.95rem}.chunk-detail-metadata,.chunk-embedding-info{margin-top:1.5rem}.chunk-detail-metadata h4{margin:0 0 1rem;font-size:1rem;color:var(--text-secondary)}.embedding-indicator{display:inline-flex;align-items:center;grid-gap:.375rem;gap:.375rem;font-size:.6875rem;padding:.125rem .375rem;border-radius:4px;background:rgba(46,125,50,.1);color:#4caf50}.embedding-indicator:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#4caf50}.no-chunks,.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;grid-gap:1rem;gap:1rem;color:var(--text-secondary);text-align:center}.info-icon{font-size:2rem;color:var(--text-secondary);opacity:.5}.debug-search-tab{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.search-config-panel{padding:1rem}.search-config-panel h3{margin:0 0 1rem;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.search-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.search-config-item{display:flex;flex-direction:column;grid-gap:.375rem;gap:.375rem}.search-config-item.full-width{grid-column:1/-1}.search-config-item label{font-size:.6875rem;color:var(--text-secondary)}.search-input{height:36px;padding:0 .75rem;border-radius:6px;background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{border-color:var(--electric-cyan);box-shadow:0 0 0 2px rgba(var(--electric-cyan-rgb),.1);outline:none}.search-input.small{width:80px}.search-select{height:36px;border-radius:6px;background:var(--surface-2);border:1px solid var(--glass-border);color:var(--text-primary);font-size:.875rem;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding:0 2rem 0 .75rem}.search-select:focus{border-color:var(--electric-cyan);box-shadow:0 0 0 2px rgba(var(--electric-cyan-rgb),.1);outline:none}.search-range{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--surface-2);outline:none}.search-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--electric-cyan);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.search-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--electric-cyan);cursor:pointer;-moz-transition:all .2s ease;transition:all .2s ease;border:none}.range-labels{display:flex;justify-content:space-between;font-size:.625rem;color:var(--text-secondary);margin-top:.25rem}.toggle-wrapper{position:relative;height:24px;width:44px}.toggle-input:checked+.toggle-label{background-color:rgba(var(--electric-cyan-rgb),.2);border-color:var(--electric-cyan)}.toggle-input:checked+.toggle-label:before{transform:translateX(20px);background-color:var(--electric-cyan)}.search-query-container{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.search-query-input{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.query-input{height:44px}.search-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--electric-cyan);transition:all .2s ease;flex-shrink:0}.search-button:hover{background:var(--electric-cyan-dark,#0288d1)}.search-button:disabled{background:var(--surface-2);color:var(--text-disabled);cursor:not-allowed}.search-error{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1rem;background:rgba(var(--error-color-rgb),.1);color:var(--error-color);border-radius:6px;font-size:.75rem}.search-metadata{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;padding:1rem}.search-metadata h4{margin:0 0 .75rem;font-size:.75rem;color:var(--text-secondary)}.search-metadata-item{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem}.search-query-details{margin-top:.75rem}.search-query-details summary{font-size:.75rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:.375rem 0}.search-query-details pre{margin:.5rem 0 0;padding:.75rem;background:var(--surface-2);border-radius:6px;font-size:.75rem;line-height:1.5;overflow:auto;max-height:200px}.search-results-container{margin-top:.5rem}.search-results-list{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.search-results-list h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.debug-metadata-tab{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.metadata-section{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;padding:1rem}.metadata-section h3{margin:0 0 1rem;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.metadata-item{padding:.75rem 1rem;background:var(--surface-3,hsla(0,0%,100%,.05));border-radius:6px;line-height:1.6;margin-bottom:.5rem}.metadata-item strong{display:inline-block;min-width:180px;margin-right:1rem;color:var(--electric-cyan);font-size:.9rem}.metadata-label{font-size:.6875rem;color:var(--text-secondary);margin-bottom:.25rem}.metadata-value{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.raw-metadata{margin:0;padding:.75rem;background:var(--surface-2);border-radius:6px;overflow:auto;max-height:300px;font-family:"Roboto Mono",monospace;font-size:.75rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}mark{color:inherit;padding:2px 0}.control-button.active{background:var(--electric-cyan);color:#fff;border-color:var(--electric-cyan)}@media (max-width:768px){.debug-overlay-header{flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.debug-tabs{order:3;width:100%;justify-content:center}.metadata-grid,.search-config-grid{grid-template-columns:1fr}}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;grid-gap:1rem;gap:1rem;text-align:center}.error-container{color:var(--error-color)}.error-container .info-icon{color:var(--error-color);opacity:.5}.error-message{max-width:500px}.error-message p{margin:.5rem 0}.loading-icon{font-size:2rem;color:var(--electric-cyan);animation:spin 1s linear infinite}.warning-banner{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1rem;background:rgba(var(--error-color-rgb),.1);color:var(--error-color);border-radius:6px;font-size:.75rem;margin-bottom:1rem}.chunk-type{background:rgba(255,152,0,.1);color:#ff9800}.debug-chunk.expanded{border-color:var(--electric-cyan);box-shadow:var(--hover-glow)}.debug-vectordb-tab{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.vectordb-card{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;padding:1rem;transition:all .2s ease}.vectordb-card:hover{border-color:var(--glass-border-hover);box-shadow:0 4px 12px rgba(0,0,0,.05)}.vectordb-card h3{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin:0 0 1rem;font-size:.875rem;color:var(--text-primary);position:relative}.card-icon{color:var(--electric-cyan);font-size:1rem}.refresh-button{position:absolute;right:0;top:0;font-size:.6875rem;padding:.25rem .5rem;border-radius:4px;border:1px solid var(--glass-border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.refresh-button:hover{border-color:var(--electric-cyan);color:var(--electric-cyan)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.status-info{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.status-badge{display:inline-flex;align-items:center;grid-gap:.375rem;gap:.375rem;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;width:max-content}.status-badge.online{background:rgba(76,175,80,.1);color:#4caf50}.status-badge.error,.status-badge.offline{background:rgba(244,67,54,.1);color:#f44336}.status-badge.warning{background:rgba(255,152,0,.1);color:#ff9800}.status-message{font-size:.75rem;margin:0;color:var(--text-secondary)}.status-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem;background:var(--surface-2);padding:.75rem;border-radius:6px;margin-top:.25rem}.detail-item{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.detail-label{font-size:.6875rem;color:var(--text-secondary)}.detail-value{font-size:.75rem;font-weight:500;color:var(--text-primary)}.collections-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;max-height:400px;overflow-y:auto}.collection-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:6px;background:var(--surface-2);transition:all .15s ease}.collection-item:hover{background:var(--surface-3,hsla(0,0%,100%,.05))}.collection-name{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.collection-actions{display:flex;grid-gap:.375rem;gap:.375rem}.action-button{display:inline-flex;align-items:center;justify-content:center;grid-gap:.375rem;gap:.375rem;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500;background:var(--surface-3,hsla(0,0%,100%,.05));color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;transition:all .15s ease}.action-button.primary{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);border-color:var(--electric-cyan)}.action-button.danger{background:rgba(244,67,54,.1);color:#f44336;border-color:rgba(244,67,54,.3)}.action-button.warning{background:rgba(255,152,0,.1);color:#ff9800;border-color:rgba(255,152,0,.3)}.action-button:hover{filter:brightness(1.1)}.action-button.full-width{width:100%;padding:.5rem}.db-actions,.no-collections{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.no-collections{align-items:center;padding:2rem 1rem;color:var(--text-secondary);text-align:center}.operation-result{display:flex;align-items:flex-start;grid-gap:.75rem;gap:.75rem;padding:1rem;border-radius:8px;position:relative;margin-top:1rem}.operation-result.success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3)}.operation-result.error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3)}.result-icon{font-size:1.25rem}.operation-result.success .result-icon{color:#4caf50}.operation-result.error .result-icon{color:#f44336}.result-message{flex:1 1}.result-message p{margin:0 0 .5rem;font-size:.8125rem;color:var(--text-primary)}.result-message details{font-size:.75rem;color:var(--text-secondary)}.result-message summary{cursor:pointer;margin-bottom:.5rem}.result-message pre{margin:0;padding:.75rem;background:var(--surface-2);border-radius:4px;overflow:auto;max-height:150px;font-family:"Roboto Mono",monospace;font-size:.6875rem}.close-result-button{position:absolute;top:.75rem;right:.75rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.875rem}.close-result-button:hover{color:var(--text-primary)}.confirmation-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.confirmation-dialog{width:90%;max-width:400px;background:var(--glass-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;animation:scaleIn .2s ease}.confirmation-header{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.confirmation-header h4{margin:0;font-size:1rem;color:var(--text-primary)}.warning-icon{font-size:1.5rem;color:#ff9800}.confirmation-content{margin-bottom:1.5rem}.confirmation-content p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.confirmation-actions{grid-gap:.75rem;gap:.75rem}.cancel-button,.confirm-button{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cancel-button{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--glass-border)}.confirm-button{background:#f44336;border:1px solid #f44336}.cancel-button:hover{background:var(--surface-3,hsla(0,0%,100%,.05))}.confirm-button:hover{background:#d32f2f}.cancel-button:disabled,.confirm-button:disabled{opacity:.5;cursor:not-allowed}.loading-icon-small{animation:spin 1s linear infinite;font-size:.875rem}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.metadata-content{max-height:40vh;min-height:100px;overflow-y:auto!important;overflow-x:hidden;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.chunk-content::-webkit-scrollbar,.content-preview::-webkit-scrollbar,.metadata-content::-webkit-scrollbar{width:10px;height:10px}.chunk-content::-webkit-scrollbar-track,.content-preview::-webkit-scrollbar-track,.metadata-content::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.chunk-content::-webkit-scrollbar-thumb,.content-preview::-webkit-scrollbar-thumb,.metadata-content::-webkit-scrollbar-thumb{background:rgba(var(--electric-cyan-rgb),.4);border-radius:5px}.chunk-content::-webkit-scrollbar-thumb:hover,.content-preview::-webkit-scrollbar-thumb:hover,.metadata-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--electric-cyan-rgb),.5)}.sse-test-panel{padding:15px;height:100%;overflow-y:auto;display:flex;flex-direction:column}.sse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sse-status{padding:5px 10px;border-radius:4px;font-size:.9em}.sse-status .connected{color:#4caf50;font-weight:700}.sse-status .disconnected{color:#f44336;font-weight:700}.sse-session-info{margin-bottom:15px;padding:10px;background-color:#f0f0f0;border-radius:4px;font-size:.9em}.sse-session-info .warning{color:#ff9800}.sse-controls{display:flex;flex-direction:column;grid-gap:15px;gap:15px;margin-bottom:20px}.connection-controls{display:flex;grid-gap:10px;gap:10px}.event-sender{border:1px solid #ddd;padding:15px;border-radius:4px;background-color:#f5f5f5}.input-group{margin-bottom:10px}.input-group input,.input-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:monospace}.sender-buttons{display:flex;grid-gap:10px;gap:10px}.btn{padding:8px 12px;border-radius:4px;border:none;display:flex;grid-gap:6px;gap:6px;font-size:.9em;transition:background-color .2s}.btn:disabled{opacity:.6}.btn-primary{background-color:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1976d2}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#616161}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover:not(:disabled){background-color:#43a047}.btn-warning{background-color:#ff9800;color:#fff}.btn-warning:hover:not(:disabled){background-color:#f57c00}.sse-error{margin:10px 0;padding:10px;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;display:flex;align-items:center;grid-gap:8px;gap:8px}.events-container{flex:1 1;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px}.events-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.event-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:10px}.event-item.event-error{background-color:#fff8f8;border-color:#ffcdd2}.event-header{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.9em}.event-type{font-weight:700;color:#2196f3}.event-error .event-type{color:#f44336}.event-time{color:#757575}.event-data{background-color:#f1f1f1;padding:8px;border-radius:4px;overflow-x:auto;margin:0;font-size:.9em}.no-events{text-align:center;color:#757575;padding:20px}.vectordb-chunks-viewer{position:fixed;top:0;right:0;width:90%;max-width:1200px;height:100vh;background-color:#f8f9fa;box-shadow:-2px 0 10px rgba(0,0,0,.2);display:flex;flex-direction:column;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;overflow:hidden}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#343a40;color:#fff}.viewer-header h2{margin:0;display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:18px}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.viewer-content{display:flex;height:calc(100% - 60px);overflow:hidden}.collections-panel{width:250px;min-width:200px;border-right:1px solid #e9ecef;padding:15px;overflow-y:auto;background-color:#f8f9fa;display:flex;flex-direction:column}.action-buttons{display:flex;flex-direction:column;margin-bottom:10px}.chunks-panel button,.refresh-button,.token-button{padding:6px 12px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s;margin-bottom:5px}.chunks-panel button:hover,.refresh-button:hover,.token-button:hover{background-color:#5a6268}.token-button{background-color:#17a2b8}.token-button:hover{background-color:#138496}.token-button.active{background-color:#28a745}.token-button.active:hover{background-color:#218838}.collections-list{list-style:none;padding:0;margin:10px 0 0}.collections-list li{padding:8px 12px;border-radius:4px;margin-bottom:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.collections-list li:hover{background-color:#e9ecef}.collections-list li.selected{background-color:#007bff;color:#fff}.count-badge{background-color:rgba(0,0,0,.1);padding:2px 8px;border-radius:10px;font-size:12px}.chunks-panel{flex:1 1;display:flex;flex-direction:column;overflow:hidden;padding:15px;height:100%}.chunk-item{border-bottom:1px solid #e9ecef}.chunk-item:last-child{border-bottom:none}.chunk-header{padding:12px 15px;cursor:pointer;display:flex;align-items:center;grid-gap:10px;gap:10px;transition:background-color .2s;justify-content:space-between}.chunk-header:hover{background-color:#f8f9fa}.chunk-header .chunk-title{display:flex;align-items:center;grid-gap:10px;gap:10px;flex-grow:1}.chunk-header .chunk-actions{display:flex;align-items:center;grid-gap:8px;gap:8px}.chunk-id{font-family:monospace;font-size:14px;color:#495057}.chunk-details{padding:0 15px 15px 35px;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.chunk-content h4,.chunk-properties h4{margin:0 0 8px;font-size:14px;color:#6c757d;font-weight:600}.content-preview{padding:12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;max-height:200px;overflow-y:auto;white-space:pre-wrap;font-family:monospace;font-size:13px;line-height:1.5}.properties-list{flex-direction:column}.properties-list,.property-item{display:flex;grid-gap:8px;gap:8px}.property-item{font-size:13px;line-height:1.5}.property-key{font-weight:700;min-width:120px;color:#495057}.property-value{flex:1 1;word-break:break-word;color:#212529}.scrollable-text{max-height:120px;overflow-y:auto;background-color:#f8f9fa;padding:8px;border-radius:4px;border:1px solid #e9ecef}.load-more{text-align:center;padding:15px 0 5px}.load-more button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.load-more button:hover{background-color:#0069d9}.panel-header{margin-bottom:15px;flex-wrap:wrap;grid-gap:10px;gap:10px;flex-shrink:0}.controls{grid-gap:15px;gap:15px;flex-wrap:wrap}.controls,.search-container{display:flex;align-items:center}.search-container{position:relative;width:250px}.search-icon{position:absolute;left:10px;color:#6c757d}.search-input{width:100%;padding:6px 10px 6px 35px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.search-count{margin-left:10px;font-size:12px;color:#6c757d;white-space:nowrap}.match-indicator{font-size:11px;background-color:#28a745;color:#fff;padding:2px 6px;border-radius:10px;margin-left:10px}.controls input[type=number]{width:60px;padding:6px;border:1px solid #ced4da;border-radius:4px;margin-left:5px}.loading,.no-data{padding:30px;color:#6c757d}.loading{display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.error-message{padding:12px 15px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;grid-gap:10px;gap:10px}.chunks-list{flex:1 1;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;display:flex;flex-direction:column;min-height:200px}.chunks-list-inner{flex:1 1;overflow-y:auto}.delete-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;grid-gap:4px;gap:4px}.delete-button:hover{background-color:#c82333}.delete-button:disabled{background-color:#6c757d;cursor:not-allowed}.vector-display{margin-top:15px;border-top:1px solid #e9ecef;padding-top:15px}.vector-display h4{margin:0 0 8px;font-size:14px;color:#6c757d;font-weight:600;display:flex;align-items:center;justify-content:space-between;grid-gap:6px;gap:6px}.vector-toggle{background:none;border:none;color:#007bff;cursor:pointer;padding:0;font-size:12px;display:flex;align-items:center;grid-gap:4px;gap:4px}.vector-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin-bottom:10px;max-height:200px;overflow-y:auto}.vector-name{font-weight:700;margin-bottom:5px;color:#495057;font-size:13px}.vector-values{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:6px;gap:6px;font-family:monospace;font-size:12px}.vector-value{padding:3px 5px;background-color:#e9ecef;border-radius:3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visualization-options{display:flex;grid-gap:10px;gap:10px;margin-bottom:10px;flex-wrap:wrap}.visualization-option{padding:6px 10px;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.visualization-option.active{background-color:#007bff;color:#fff;border-color:#007bff}.confirmation-dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.confirmation-content{background-color:#fff;border-radius:6px;padding:20px;width:90%;max-width:400px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.confirmation-title{font-size:18px;font-weight:600;margin-bottom:15px;color:#212529}.confirmation-message{margin-bottom:20px;line-height:1.5;color:#495057}.confirmation-actions{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px}.cancel-button{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#5a6268}.confirm-button{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.confirm-button:hover{background-color:#c82333}.operation-status{padding:8px 12px;border-radius:4px;margin-top:10px;font-size:14px;display:flex;align-items:center;grid-gap:8px;gap:8px}.operation-status.success{background-color:#d4edda;color:#155724}.operation-status.error{background-color:#f8d7da;color:#721c24}.operation-status.pending{background-color:#fff3cd;color:#856404}@media (max-width:768px){.vectordb-chunks-viewer{width:100%;max-width:none}.viewer-content{flex-direction:column}.collections-panel{width:100%;min-width:0;max-height:30vh;border-right:none;border-bottom:1px solid #e9ecef}.chunks-panel{flex:1 1;min-height:0;height:auto}.panel-header{flex-direction:column;align-items:flex-start}.controls{justify-content:space-between}.controls,.search-container{width:100%}.chunks-list{min-height:150px}}.chunks-list::-webkit-scrollbar,.collections-panel::-webkit-scrollbar,.content-preview::-webkit-scrollbar{width:8px;height:8px}.chunks-list::-webkit-scrollbar-track,.collections-panel::-webkit-scrollbar-track,.content-preview::-webkit-scrollbar-track{background:#f1f3f5}.chunks-list::-webkit-scrollbar-thumb,.collections-panel::-webkit-scrollbar-thumb,.content-preview::-webkit-scrollbar-thumb{background-color:#ced4da;border-radius:4px}.chunks-list::-webkit-scrollbar-thumb:hover,.collections-panel::-webkit-scrollbar-thumb:hover,.content-preview::-webkit-scrollbar-thumb:hover{background-color:#adb5bd}.search-test-panel{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;height:100%;overflow:auto;padding-bottom:2rem}.search-config-panel{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;overflow:visible}.panel-header{justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);cursor:pointer}.panel-header,.panel-header h3{display:flex;align-items:center}.panel-header h3{grid-gap:.5rem;gap:.5rem;margin:0;font-size:.875rem;color:var(--text-primary)}.expand-toggle{font-size:.75rem;color:var(--text-secondary)}.config-content{padding:1rem}.config-section,.form-group,.form-row{margin-bottom:1rem}.form-row{display:flex;grid-gap:1rem;gap:1rem}.col{flex:1 1}label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem}.form-control{width:100%;background:var(--surface-2);border:1px solid var(--glass-border);border-radius:6px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;outline:none;transition:all .2s ease}.form-control:focus{border-color:var(--electric-cyan);box-shadow:0 0 0 2px rgba(var(--electric-cyan-rgb),.1)}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-text{display:flex;align-items:center;grid-gap:.375rem;gap:.375rem;font-size:.6875rem;color:var(--text-secondary);margin-top:.375rem}.range{-webkit-appearance:none;height:6px;border-radius:3px;margin-top:.75rem;background:var(--surface-3,hsla(0,0%,100%,.05))}.range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--electric-cyan);cursor:pointer}.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--electric-cyan);border:none;cursor:pointer}.range-value{font-size:.75rem;color:var(--text-primary);text-align:center;margin-top:.5rem}.checkbox-group{display:flex;flex-direction:column}.toggle-container{position:relative;height:24px;width:44px;margin-top:.375rem}.toggle-container input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface-2);transition:.4s;border-radius:24px;border:1px solid var(--glass-border)}.toggle-label:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}input:checked+.toggle-label{background-color:rgba(var(--electric-cyan-rgb),.2);border-color:var(--electric-cyan)}input:checked+.toggle-label:before{transform:translateX(20px);background-color:var(--electric-cyan)}.filters-container{margin-bottom:1rem}.filter-row{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem}.btn,.filter-row{align-items:center}.btn{display:inline-flex;justify-content:center;grid-gap:.375rem;gap:.375rem;background:var(--surface-2);border:1px solid var(--glass-border);border-radius:6px;padding:.5rem .75rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn:hover{background:var(--surface-3,hsla(0,0%,100%,.05));border-color:var(--glass-border-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:36px;height:36px;padding:0;flex-shrink:0}.btn-add{margin-top:.5rem;background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);border-color:var(--electric-cyan)}.btn-add:hover{background:rgba(var(--electric-cyan-rgb),.2)}.multi-vector-container{margin-bottom:1rem}.target-vectors-list{border:1px solid var(--glass-border);border-radius:6px;padding:.75rem;background:var(--surface-2);margin-top:.375rem}.vector-weight-row{display:flex;grid-gap:.75rem;gap:.75rem;margin-bottom:.5rem;align-items:center}.vector-weight-row.weighted-mode{background:rgba(var(--electric-cyan-rgb),.05);padding:8px;border-radius:6px;border:1px dashed rgba(var(--electric-cyan-rgb),.3);margin-bottom:10px}.weight-strategy-notice{display:flex;align-items:center;grid-gap:8px;gap:8px;margin:8px 0;background-color:rgba(var(--electric-cyan-rgb),.1);border-radius:4px;padding:8px 12px;font-size:.8125rem;color:var(--electric-cyan)}.weight-container{display:flex;align-items:center;grid-gap:6px;gap:6px}.weight-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.vector-name{flex:1 1;font-size:.8125rem;color:var(--text-primary)}.weight-input{width:80px;flex-shrink:0}.weight-input.weight-enabled{border-color:var(--electric-cyan);font-weight:500;color:var(--electric-cyan);box-shadow:0 0 0 1px rgba(var(--electric-cyan-rgb),.3);font-size:.9rem}.vector-add-row,.weight-input.weight-enabled{background-color:rgba(var(--electric-cyan-rgb),.05);padding:8px}.vector-add-row{display:flex;grid-gap:.5rem;gap:.5rem;margin-top:.75rem;border-radius:4px;border:1px solid rgba(var(--electric-cyan-rgb),.2)}.empty-vectors-message{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.add-vectors-prompt{margin-top:5px;background-color:rgba(var(--electric-cyan-rgb),.08);border:1px dashed rgba(var(--electric-cyan-rgb),.3);border-radius:4px;padding:12px;font-size:.85rem}.quick-add-vectors{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-top:10px}.btn-vector-add{background-color:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan);border:1px solid rgba(var(--electric-cyan-rgb),.4);padding:6px 12px;border-radius:15px;font-size:.8rem;display:flex;align-items:center;grid-gap:5px;gap:5px}.btn-vector-add:hover{background-color:rgba(var(--electric-cyan-rgb),.25)}.more-vectors{font-size:.75rem;color:var(--text-secondary);padding:6px 0}.no-vectors{justify-content:center;padding:1rem}.advanced-toggle,.no-vectors{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.advanced-toggle{padding:.75rem;background:var(--surface-2);border-radius:6px;cursor:pointer;margin-bottom:1rem;justify-content:space-between}.advanced-toggle:hover{background:var(--surface-3,hsla(0,0%,100%,.05))}.advanced-config{padding:.75rem;background:var(--surface-2);border-radius:6px}.advanced-config-content{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.document-id-filter{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;padding:.75rem;background:var(--surface-3,hsla(0,0%,100%,.05));border-radius:6px}.document-id-input{margin-top:.25rem;padding-top:.75rem;border-top:1px dashed var(--glass-border)}.request-preview{margin:0;padding:.75rem;background:var(--surface-3,hsla(0,0%,100%,.05));border-radius:6px;font-family:"Roboto Mono",monospace;font-size:.75rem;color:var(--text-primary);overflow:auto;max-height:150px}.query-container{position:sticky;top:0;z-index:10;background:var(--glass-background);padding:1rem 0;margin-bottom:1rem}.query-input-wrap{display:flex;grid-gap:.5rem;gap:.5rem}.query-input{flex:1 1;height:48px;padding:0 1rem;background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;font-size:1rem;color:var(--text-primary)}.query-input:focus{border-color:var(--electric-cyan);box-shadow:0 0 0 2px rgba(var(--electric-cyan-rgb),.1);outline:none}.btn-search{height:48px;padding:0 1.25rem;background:var(--electric-cyan);color:#fff;border:none;font-weight:500}.btn-search:hover:not(:disabled){background:var(--electric-cyan-dark,#0288d1)}.error-message{padding:.75rem 1rem;margin-top:.75rem;background:rgba(var(--error-color-rgb),.1);color:var(--error-color);border-radius:6px;font-size:.8125rem}.error-text{color:var(--error-color,#f44336);font-size:.75rem;margin-top:4px}.results-container{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:8px;overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:300px;display:flex;flex-direction:column;max-height:75vh}.results-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);margin:0;font-size:.875rem;color:var(--text-primary)}.result-count{font-size:.75rem;color:var(--text-secondary);font-weight:400}.loading-results{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem;padding:3rem 1rem;color:var(--text-secondary)}.spin{animation:spin 1s linear infinite}.results-placeholder{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2rem}.placeholder{padding:2rem;font-style:italic;max-width:80%}.no-results,.placeholder{text-align:center;color:var(--text-secondary)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem;padding:3rem 1rem}.results-container::-webkit-scrollbar{width:10px;height:10px}.results-container::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.results-container::-webkit-scrollbar-thumb{background:rgba(var(--electric-cyan-rgb),.4);border-radius:5px}.results-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--electric-cyan-rgb),.5)}.results-content{flex:1 1;overflow-y:auto}.results-list{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:.75rem}.result-item{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:6px;overflow:hidden;transition:all .2s ease}.result-item.expanded{box-shadow:0 2px 8px rgba(0,0,0,.15)}.result-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;grid-gap:1rem;gap:1rem}.result-header:hover{background:var(--surface-3,hsla(0,0%,100%,.05))}.result-title{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;flex:1 1;min-width:0}.result-id{flex-shrink:0}.result-id,.result-id-value{color:var(--text-secondary);font-size:.75rem}.result-id-value{font-family:"Roboto Mono",monospace}.result-content-preview{font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-score{grid-gap:.75rem;gap:.75rem;flex-shrink:0}.result-score,.score-badge{display:flex;align-items:center}.score-badge{grid-gap:.25rem;gap:.25rem;background:var(--surface-3);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.score-label{color:var(--text-secondary)}.score-value{color:var(--text-primary);font-weight:500}.btn-expand{background:none;border:none;font-size:.75rem;color:var(--electric-cyan);cursor:pointer;padding:.25rem .5rem}.btn-expand:hover{text-decoration:underline}.result-details{padding:0 1rem 1rem;grid-gap:1.25rem;gap:1.25rem}.result-details,.result-section{display:flex;flex-direction:column}.result-section{grid-gap:.5rem;gap:.5rem}.section-title{font-size:.8125rem;color:var(--text-secondary);margin:0;font-weight:500;display:flex;align-items:center;grid-gap:.375rem;gap:.375rem}.metadata-table,.properties-table{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;background:var(--surface-1);border-radius:6px;padding:.5rem;max-height:300px;overflow-y:auto}.metadata-row,.property-row{display:flex;border-bottom:1px solid rgba(var(--glass-border-rgb),.5);padding-bottom:.5rem}.metadata-row:last-child,.property-row:last-child{border-bottom:none;padding-bottom:0}.metadata-name,.property-name{width:25%;font-size:.75rem;color:var(--text-secondary);padding-right:1rem;word-break:break-word}.metadata-value,.property-value{flex:1 1;font-size:.8125rem;color:var(--text-primary);word-break:break-word}.null-value{color:#888;font-style:italic}.object-value{font-family:"Roboto Mono",monospace;font-size:.75rem;background:var(--surface-3);padding:.5rem;border-radius:4px;max-height:200px;overflow:auto;margin:0}.boolean-value,.number-value{color:var(--electric-cyan)}.long-text-value{display:flex;flex-direction:column;grid-gap:.375rem;gap:.375rem}.text-preview{color:var(--text-primary)}.full-text{margin-top:.5rem;padding:.5rem;background:var(--surface-3);border-radius:4px;max-height:300px;overflow:auto;white-space:pre-wrap}mark{background-color:rgba(var(--electric-cyan-rgb),.3);color:var(--text-primary);padding:0 .2rem;border-radius:2px}.vector-distances{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--glass-border)}.vector-distances h5{font-size:.75rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:400}.vector-distance-row{display:flex;justify-content:space-between;font-size:.75rem;padding:.25rem 0}.vector-name{color:var(--text-secondary)}.vector-distance{color:var(--electric-cyan)}.id-display,.vector-distance{font-family:"Roboto Mono",monospace}.id-display{font-size:.75rem;background:var(--surface-3);padding:.5rem;border-radius:4px;color:var(--text-secondary);word-break:break-all}.vector-preview{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.vector-stats{display:flex;grid-gap:1rem;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.vector-data{font-family:"Roboto Mono",monospace;font-size:.6875rem;background:var(--surface-3);padding:.5rem;border-radius:4px;max-height:200px;overflow:auto;margin:.5rem 0 0}.no-data{font-size:.75rem;font-style:italic;padding:.5rem 0}.no-data,.no-results,.placeholder{color:var(--text-secondary);text-align:center}.no-results,.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem;padding:3rem 1rem;height:100%}details{margin-top:.25rem}summary{cursor:pointer;font-size:.75rem;color:var(--electric-cyan)}summary:hover{text-decoration:underline}.rag-results{margin-top:20px;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.results-section{background:var(--background-secondary);border-radius:8px;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.results-section h3{margin-top:0;font-size:16px;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:15px}.results-section h4{font-size:14px;color:var(--text-primary);margin-top:15px;margin-bottom:10px}.answer-box{background:var(--background-primary);border-radius:6px;padding:15px;margin-bottom:15px}.answer-content{white-space:pre-wrap;font-family:var(--font-family);font-size:14px;color:var(--text-primary);margin:0;line-height:1.5}.citation-reference{color:var(--accent-color);font-weight:700;cursor:pointer;display:inline}.citation-reference:hover{text-decoration:underline}.citations-list,.sources-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.citation-item,.source-item{background:var(--background-primary);border-radius:6px;border:1px solid var(--border-color);overflow:hidden;cursor:pointer;transition:all .2s ease}.citation-item:hover,.source-item:hover{border-color:var(--accent-color-light)}.citation-item.expanded,.source-item.expanded{border-color:var(--accent-color)}.citation-header,.source-header{display:flex;padding:10px 15px;align-items:center;grid-gap:10px;gap:10px;background:var(--background-primary)}.citation-id,.source-number{font-weight:700;color:var(--accent-color);min-width:30px}.citation-title,.source-title{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-score{font-size:12px;color:var(--text-secondary);background:var(--background-secondary);padding:2px 6px;border-radius:4px}.citation-content,.source-content{padding:15px;border-top:1px solid var(--border-color);background:var(--background-tertiary)}.citation-text,.source-text{font-size:13px;white-space:pre-wrap;margin-bottom:10px;line-height:1.5;color:var(--text-primary)}.citation-metadata,.source-metadata{font-size:12px;color:var(--text-secondary);display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.metadata-item{display:flex;grid-gap:5px;gap:5px}.metadata-box{background:var(--background-primary);border-radius:6px;padding:15px;margin-bottom:15px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.metadata-row{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:13px}.metadata-details{margin-top:10px}.metadata-details summary{font-size:13px;color:var(--text-secondary);cursor:pointer;padding:5px 0}.metadata-details summary:hover{color:var(--accent-color)}.raw-data{background:var(--background-tertiary);font-size:12px;overflow:auto;max-height:300px;margin-top:10px}.no-sources,.raw-data{padding:15px;border-radius:6px}.no-sources{text-align:center;color:var(--text-secondary);font-style:italic;background:var(--background-primary)}.form-section{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.form-section h4{font-size:14px;margin-bottom:10px;color:var(--text-primary)}@media (max-width:768px){.form-row{flex-direction:column}.form-group{width:100%}}.execution-section{padding:15px;border-radius:8px;background-color:var(--panel-color);color:var(--text-color);position:relative;display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%;box-sizing:border-box}.execution-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color-light);padding-bottom:5px;margin-bottom:10px;grid-gap:15px;gap:15px;flex-wrap:wrap}.execution-section h3{margin-bottom:0;color:var(--primary-color);font-size:1.1em;padding-bottom:0;border-bottom:none;flex-grow:1;min-width:0}.display-mode-controls-tools{display:flex;grid-gap:8px;gap:8px;flex-shrink:0}.mode-button-tool{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary-color);padding:5px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1em;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.mode-button-tool:hover{background-color:rgba(var(--primary-rgb,0,0,0),.1);color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mode-button-tool.active{background-color:var(--primary-color);color:var(--primary-contrast-text,#fff);border-color:var(--primary-color);box-shadow:0 1px 4px rgba(var(--primary-rgb,0,0,0),.2)}.mode-button-tool svg{display:block}.tools-items-container{display:grid;padding:10px 15px 15px;width:100%;overflow-x:auto;box-sizing:border-box}.tools-items-container.mode-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px}.tool-item{background:var(--glass-background-deep);border:1px solid var(--border-color-light);border-radius:var(--border-radius-medium);padding:12px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;grid-gap:8px;gap:8px;overflow:hidden}.tool-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb,0,0,0),.15)}.tool-item-icon{font-size:1.8em;color:var(--primary-color);margin-bottom:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-item-info{display:flex;flex-direction:column;min-width:0}.tool-item-name{font-weight:600;color:var(--text-primary);font-size:.95em;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-item-description{font-size:.8em;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.6em}.tools-items-container.mode-list .tool-item{flex-direction:row;align-items:center}.tools-items-container.mode-list .tool-item-icon{margin-bottom:0;margin-right:12px;font-size:1.5em}.tools-items-container.mode-list .tool-item-description{-webkit-line-clamp:1;max-height:1.3em}.no-tools-message{font-style:italic;color:var(--text-secondary-color);padding:10px 0;text-align:center;width:100%}.tools-items-container.mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.tools-items-container.mode-list{grid-template-columns:1fr;grid-gap:10px;gap:10px}.tool-item-detail-rs{background:var(--card-background);border:1px solid var(--card-border);border-radius:var(--border-radius-large,12px);padding:12px 14px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:row;align-items:center;grid-gap:12px;gap:12px;overflow:hidden;box-shadow:var(--subtle-shadow-medium);position:relative}.tool-item-detail-rs:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--hover-glow-sharp);background-color:rgba(0,0,0,.03)}.dark-mode .tool-item-detail-rs:hover{background-color:hsla(0,0%,100%,.05)}.tool-item-icon-detail-rs{font-size:1.5em;color:var(--primary-color);flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--primary-rgb),.1);border-radius:var(--border-radius-medium,8px);position:relative;overflow:hidden}.tool-default-icon,.tool-selected-icon{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.tool-default-icon.visible,.tool-selected-icon.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.tool-default-icon.hidden,.tool-selected-icon.hidden{opacity:0;transform:translate(-50%,-50%) scale(.5);pointer-events:none}.tool-item-icon-detail-rs .selected-check-icon{color:var(--primary-color)}.tool-info-detail-rs{display:flex;flex-direction:column;grid-gap:3px;gap:3px;flex-grow:1;min-width:0}.tool-name-detail-rs{font-weight:500;color:var(--text-primary);font-size:.9em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-description-detail-rs{font-size:.8em;color:var(--text-secondary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.7em}.tool-item-detail-rs.selected{border-color:var(--primary-color);box-shadow:var(--selection-glow,0 0 8px rgba(var(--primary-rgb),.5));background-color:rgba(var(--primary-rgb),.05)}.dark-mode .tool-item-detail-rs.selected{background-color:rgba(var(--primary-rgb),.15)}.tool-item-action-button-rs{background:transparent;border:none;color:var(--text-tertiary);padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:background-color .2s,color .2s}.tool-item-action-button-rs:hover{background-color:rgba(var(--text-secondary-rgb,128,128,128),.15);color:var(--text-secondary)}.dark-mode .tool-item-action-button-rs:hover{background-color:rgba(var(--text-secondary-rgb,128,128,128),.25)}.tools-items-container.mode-list .tool-description-detail-rs{-webkit-line-clamp:2;max-height:2.7em}.workspace-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:160px;animation:dropDown .2s cubic-bezier(.4,0,.2,1);padding:.5rem;transform-origin:top right;overflow:visible}.workspace-menu-item{position:relative;z-index:1002;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1rem;color:var(--text-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.85rem;border-radius:4px;white-space:nowrap;margin:.25rem;background:var(--glass-background)}.workspace-menu-item:first-child{box-shadow:none;border-radius:4px 4px 0 0}.workspace-menu-item:last-child{border-radius:0 0 4px 4px}.workspace-menu-item svg{font-size:1rem;opacity:.8;transition:all .2s ease}.workspace-menu-item:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan)}.workspace-menu-item:hover svg{opacity:1;color:var(--electric-cyan)}.workspace-menu-item.danger{color:var(--error-color)}.workspace-menu-item.danger:hover{background:rgba(var(--error-rgb),.1)}.workspace-menu-item.danger:hover svg{color:var(--error-color)}@keyframes dropDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.knowledge-section{padding:0;color:var(--text-color);display:flex;flex-direction:column;width:100%;position:relative;overflow:visible!important;z-index:1000;background:none;transition:all .3s ease;grid-gap:1.25rem;gap:1.25rem;min-height:0}.knowledge-section h3{margin-bottom:10px;color:#060}.document-list{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-bottom:15px}.document-item{display:flex;align-items:center;padding:5px 10px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.document-icon{margin-right:5px;font-size:1.2em}.document-name{font-size:.9em;color:#333}.file-upload{display:block;width:100%;padding:10px;border:2px dashed #060;border-radius:4px;text-align:center;cursor:pointer;transition:background-color .3s ease}.file-upload:hover{background-color:#e6ffe6}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.workspace-list{flex:1 1;flex-direction:column;grid-gap:.75rem;gap:.75rem;overflow-y:visible;z-index:0;background:none;min-height:0;transition:all .3s ease}.workspace-item,.workspace-list{display:flex;width:100%;position:relative}.workspace-item{margin-bottom:0;padding:1rem;justify-content:space-between;align-items:center;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.workspace-item:hover{z-index:2;transform:translateY(-2px);box-shadow:var(--glass-shadow);border-color:var(--electric-cyan)}.workspace-item.linked{border-color:var(--electric-cyan);background:rgba(var(--electric-cyan-rgb),.1)}.workspace-item.menu-open{z-index:1002}.workspace-content{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex:1 1}.workspace-info{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.workspace-name{font-weight:500;color:var(--text-primary)}.workspace-count{font-size:.8rem;color:var(--text-secondary)}.workspace-actions{position:relative;z-index:inherit;display:flex;grid-gap:.5rem;gap:.5rem;align-items:center}.workspace-link-btn,.workspace-menu-btn{padding:.4rem;border-radius:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.workspace-link-btn:hover,.workspace-menu-btn:hover{color:var(--electric-cyan);background:rgba(var(--electric-cyan-rgb),.1)}.workspace-create-form{background:var(--glass-background);border:var(--card-border);border-radius:8px;padding:1rem;margin-bottom:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.workspace-list::-webkit-scrollbar{width:6px}.workspace-list::-webkit-scrollbar-track{background:var(--glass-background);border-radius:3px}.workspace-list::-webkit-scrollbar-thumb{background:rgba(var(--electric-cyan-rgb),.3);border-radius:3px}.workspace-list::-webkit-scrollbar-thumb:hover{background:rgba(var(--electric-cyan-rgb),.5)}.workspace-menu{position:fixed;z-index:1001;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:6px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:.25rem}.workspace-item.default{border-color:var(--electric-cyan)}.default-badge,.workspace-icon.default{color:var(--electric-cyan)}.default-badge{font-size:.7rem;padding:.2rem .4rem;background:rgba(var(--electric-cyan-rgb),.1);border-radius:4px;margin-left:.5rem;font-weight:400;vertical-align:middle}.workspace-item.default .workspace-name{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.workspace-item.default:hover{background:rgba(var(--electric-cyan-rgb),.05)}.panel-content.open{overflow:visible!important}.panel-content{transition:height .3s cubic-bezier(.4,0,.2,1)!important}.panel-content-inner .knowledge-section{height:auto;min-height:0;padding:.5rem 0;transition:none}.workspace-list:empty{padding:2rem 0;text-align:center;color:var(--text-secondary)}.workspace-list:empty:after{content:"No workspaces yet";font-size:.9em}.right-sidebar{position:fixed;right:0;top:0;height:100vh;width:300px;background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:var(--card-border);transform:translateX(100%);transition:all .3s ease-in-out;z-index:1000;display:flex;flex-direction:column;opacity:0}.right-sidebar.open{transform:translateX(0);opacity:1}.right-sidebar.wide{width:600px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--glass-border);height:72px;background:transparent}.right-sidebar .close-button,.right-sidebar .expand-button{position:relative;width:32px;height:32px;background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-shrink:0}.right-sidebar .close-button:hover,.right-sidebar .expand-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-1px);box-shadow:var(--hover-glow)}.sidebar-content{flex:1 1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.panel-section{border-radius:8px;background:var(--glass-background);border:var(--card-border);overflow:hidden;transition:all .3s ease;margin-bottom:.5rem}.panel-section:hover{background:rgba(var(--electric-cyan-rgb),.05);border-color:var(--electric-cyan);transform:translateY(-2px);box-shadow:var(--hover-glow)}.panel-section h2{margin:0;padding:1rem;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease}.panel-section h2 svg{margin-right:.75rem;font-size:1.2em;color:var(--text-secondary)}.panel-section .arrow-icon{font-size:.8em;transition:transform .3s ease;color:var(--text-secondary)}.panel-section .arrow-icon.open{transform:rotate(180deg);color:var(--electric-cyan)}.panel-content{height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1);will-change:height}.panel-content.open{overflow:visible}.panel-content-inner{padding:1.25rem;background:transparent;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}.panel-content.open .panel-content-inner{opacity:1;transform:translateY(0)}.resize-handle{position:absolute;left:0;top:0;bottom:0;width:4px;cursor:ew-resize;background:var(--glass-border);transition:all .3s ease;opacity:0}.right-sidebar:hover .resize-handle{opacity:1}.resize-handle:hover{background:var(--electric-cyan);box-shadow:var(--hover-glow);width:6px}.sidebar-header-controls,.sidebar-mode-selector{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.sidebar-header-controls{flex-direction:row}.right-sidebar .mode-button{padding:.5rem;background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.right-sidebar .mode-button:hover{background:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-1px);box-shadow:var(--hover-glow)}.right-sidebar .mode-button.active{background:var(--electric-cyan);color:var(--deep-navy);border-color:var(--electric-cyan)}.right-sidebar .mode-button svg{font-size:1.2em}.artifact-view h3{border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;margin-bottom:1rem;font-size:1rem}.artifact-view h4{margin-top:1rem;margin-bottom:.5rem;font-size:.9em}.artifact-view p{font-size:.85em;margin-bottom:.5rem}.artifact-view pre{background-color:rgba(var(--deep-navy-rgb),.5);border:1px solid var(--glass-border);border-radius:4px;padding:.75rem;font-size:.8em;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;max-height:200px;color:var(--text-secondary)}.artifact-view-empty{color:var(--text-secondary);padding:2rem}.mini-view{position:fixed;top:50%;right:0;transform:translateY(-50%);background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--card-border);border-right:none;border-radius:8px 0 0 8px;padding:.75rem .5rem;z-index:999;transition:width .3s ease;width:40px;overflow:hidden}.mini-view:hover{width:150px;background:rgba(var(--electric-cyan-rgb),.05);border-color:var(--electric-cyan)}.mini-view-item{display:flex;align-items:center;padding:.75rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;border-radius:6px;color:var(--text-secondary)}.mini-view-item.active,.mini-view-item:hover{background:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);transform:translateX(4px)}.mini-view-item svg{font-size:1.2em;margin-right:.75rem}.mini-view-label{opacity:0;transition:opacity .3s ease;font-size:.9em}.mini-view:hover .mini-view-label{opacity:1}.dark-mode .right-sidebar{box-shadow:-2px 0 20px rgba(var(--electric-cyan-rgb),.1)}.dark-mode .sidebar-header{border-bottom-color:rgba(var(--electric-cyan-rgb),.15)}.dark-mode .panel-section{background:rgba(var(--deep-navy-rgb),.3)}.dark-mode .panel-section:hover{background:rgba(var(--electric-cyan-rgb),.08)}.notification-badge{background-color:var(--accent-color);color:#fff;font-size:.7em;padding:2px 6px;border-radius:10px;margin-left:10px;animation:pulse 2s infinite}.right-sidebar .panel-section{transform:none;transition:none}.right-sidebar .panel-section:first-child{transition-delay:.1s}.right-sidebar .panel-section:nth-child(2){transition-delay:.2s}.right-sidebar .panel-section:nth-child(3){transition-delay:.3s}.right-sidebar .panel-section:nth-child(4){transition-delay:.4s}.right-sidebar .panel-content,.right-sidebar .panel-section,.right-sidebar .sidebar-content{display:block;visibility:visible;opacity:1}.thinking-block{margin:1rem 0;padding:0;border-radius:12px;background:var(--thinking-bg);border:1px solid var(--thinking-border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow);overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.thinking-block:hover{box-shadow:var(--card-shadow-elevated)}.thinking-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;background:var(--thinking-header-bg);border-bottom:1px solid var(--thinking-border);transition:background .3s ease;position:sticky;top:0;z-index:2}.thinking-block.collapsed .thinking-header{border-bottom:none}.thinking-header:hover{background:var(--thinking-header-hover-bg)}.thinking-icon{display:flex;align-items:center;justify-content:center;color:var(--thinking-icon-color);margin-right:12px}.thinking-title{font-weight:600;font-size:.95rem;color:var(--thinking-title-color);flex:1 1}.thinking-toggle{color:var(--thinking-toggle-color);font-size:.8rem;transition:transform .3s ease}.thinking-block.expanded .thinking-toggle{transform:rotate(0deg)}.thinking-block.collapsed .thinking-toggle{transform:rotate(-90deg)}.thinking-content-wrapper{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.thinking-block.expanded .thinking-content-wrapper{max-height:250px;overflow-y:auto;scroll-behavior:smooth}.thinking-content{padding:16px 16px 16px 24px;font-size:.95rem;line-height:1.6;color:var(--thinking-content-color);opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease;background:var(--thinking-content-bg)}.thinking-block.expanded .thinking-content{opacity:1;transform:translateY(0)}.thinking-content-wrapper::-webkit-scrollbar{width:6px}.thinking-content-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track)}.thinking-content-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}:root{--thinking-bg:rgba(var(--purple-rgb,147,51,234),0.05);--thinking-border:rgba(var(--purple-rgb,147,51,234),0.2);--thinking-header-bg:rgba(var(--purple-rgb,147,51,234),0.08);--thinking-header-hover-bg:rgba(var(--purple-rgb,147,51,234),0.12);--thinking-icon-color:rgba(var(--purple-rgb,147,51,234),0.8);--thinking-title-color:rgba(var(--purple-rgb,147,51,234),0.8);--thinking-toggle-color:rgba(var(--purple-rgb,147,51,234),0.6);--thinking-content-bg:rgba(var(--purple-rgb,147,51,234),0.02);--thinking-content-color:var(--text-primary);--purple-rgb:147,51,234;--thinking-header-streaming-bg:rgba(var(--purple-rgb,147,51,234),0.12);--thinking-border-streaming:rgba(var(--purple-rgb,147,51,234),0.35)}.dark-mode{--thinking-bg:rgba(var(--purple-rgb,147,51,234),0.15);--thinking-border:rgba(var(--purple-rgb,147,51,234),0.3);--thinking-header-bg:rgba(var(--purple-rgb,147,51,234),0.2);--thinking-header-hover-bg:rgba(var(--purple-rgb,147,51,234),0.25);--thinking-icon-color:rgba(var(--purple-rgb,147,51,234),0.9);--thinking-title-color:rgba(var(--purple-rgb,147,51,234),0.9);--thinking-toggle-color:rgba(var(--purple-rgb,147,51,234),0.7);--thinking-content-bg:rgba(var(--purple-rgb,147,51,234),0.07);--thinking-content-color:var(--text-primary);--thinking-header-streaming-bg:rgba(var(--purple-rgb,147,51,234),0.25);--thinking-border-streaming:rgba(var(--purple-rgb,147,51,234),0.45)}.thinking-block.animate-in{opacity:1;transform:translateY(0)}.thinking-block.streaming .thinking-header{background:var(--thinking-header-streaming-bg);border-color:var(--thinking-border-streaming)}.thinking-streaming-indicator{margin-right:10px;color:var(--thinking-icon-color);display:flex;align-items:center}.thinking-cursor{display:inline-block;margin-left:2px;vertical-align:middle}.thinking-block.streaming{border-color:var(--thinking-border-streaming);box-shadow:0 0 0 1px rgba(var(--purple-rgb,147,51,234),.2),0 2px 8px rgba(var(--purple-rgb,147,51,234),.15)}.thinking-block.streaming .thinking-content-wrapper{max-height:250px}.thinking-block.streaming .thinking-content{opacity:1;transform:translateY(0)}.thinking-content-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(0deg,var(--thinking-bg),transparent);pointer-events:none;opacity:.7;z-index:1}.thinking-content ol,.thinking-content ul{padding-left:20px;margin-top:.5em;margin-bottom:.5em}.thinking-content li{background:transparent!important;border:none!important;border-radius:0!important;margin-bottom:.25em!important;padding:0!important;cursor:auto!important;transition:none!important;position:static!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;list-style:inherit}.thinking-content li::marker{color:var(--thinking-content-color)}.thinking-content li:hover{background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important}.thinking-content li p{margin:0 0 .25em;padding:0;line-height:inherit}.thinking-content li p:last-child{margin-bottom:0}.step-block{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin:1rem 0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;position:relative}.step-block:hover{box-shadow:var(--card-shadow-elevated);transform:translateY(-2px)}.step-block.completed{border-color:rgba(var(--step-completed-rgb),.3)}.step-block.in-progress{border-color:rgba(var(--electric-cyan-rgb),.3)}.step-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;background:var(--step-header-bg);border-bottom:1px solid var(--step-border);min-height:48px}.step-block.collapsed .step-header{border-bottom:none}.step-number{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-right:.75rem;padding:4px 10px;background:var(--step-number-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;min-width:60px}.step-block.completed .step-number{background:rgba(var(--step-completed-rgb),.15);color:var(--step-completed)}.step-block.in-progress .step-number{background:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan)}.step-description{font-weight:500;flex:1 1;color:var(--text-primary);margin:0;padding:0 10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.step-status{margin:0 .75rem;display:flex;align-items:center}.status-completed{color:var(--step-completed);font-weight:700}.status-progress{color:var(--electric-cyan);font-weight:500;background:rgba(var(--electric-cyan-rgb),.1);padding:4px 8px;border-radius:4px}.status-waiting,.step-toggle{color:var(--text-secondary)}.step-toggle{font-size:.8rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px}.step-block.expanded .step-toggle{transform:rotate(0deg)}.step-block.collapsed .step-toggle{transform:rotate(-90deg)}.step-content-wrapper{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);scroll-behavior:smooth;position:relative}.step-block.expanded .step-content-wrapper{max-height:500px;overflow-y:auto}.step-content{color:var(--text-primary);opacity:0;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease,padding-bottom .3s ease;padding:16px;margin:0;position:relative}.step-block.expanded .step-content{opacity:1;transform:translateY(0)}.step-block.expanded.streaming .step-content{padding-bottom:70px}.step-content-wrapper::-webkit-scrollbar{width:6px}.step-content-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.step-content-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.step-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root{--step-border:rgba(var(--primary-rgb),0.15);--step-completed:#4caf50;--step-completed-rgb:76,175,80;--step-waiting:var(--text-secondary);--step-header-bg:rgba(var(--royal-blue-rgb),0.05);--step-number-bg:rgba(var(--primary-rgb),0.08)}.dark-mode{--step-border:rgba(var(--electric-cyan-rgb),0.15);--step-completed:#81c784;--step-completed-rgb:129,199,132;--step-waiting:var(--text-secondary);--step-header-bg:rgba(var(--deep-navy-rgb),0.6);--step-number-bg:rgba(var(--primary-rgb),0.15)}.step-block.animate-in{opacity:1;transform:translateY(0)}.step-streaming-indicator{margin-right:10px;color:var(--electric-cyan);display:flex;align-items:center}.step-block.streaming{border-color:rgba(var(--electric-cyan-rgb),.45);box-shadow:0 0 0 1px rgba(var(--electric-cyan-rgb),.2),0 2px 8px rgba(var(--electric-cyan-rgb),.15)}.step-block.streaming .step-content-wrapper{max-height:500px}.step-block.streaming .step-content{opacity:1;transform:translateY(0)}.step-content-wrapper:after{content:"";position:sticky;bottom:0;left:0;right:0;height:20px;background:linear-gradient(0deg,var(--glass-background),transparent);pointer-events:none;opacity:.7;z-index:1}@media (max-width:768px){.step-header{flex-wrap:wrap;grid-gap:8px;gap:8px}.step-description{white-space:normal;flex-basis:100%;order:2;padding:4px 0 0}.step-number{order:1;min-width:50px}.step-status{order:3;margin:0}.step-streaming-indicator{order:4}.step-toggle{order:5;margin-left:auto}}@media (max-width:480px){.step-header{padding:10px 12px}.step-number{min-width:45px;font-size:.8rem;padding:3px 8px}.step-description{font-size:.9rem;line-height:1.3}}.step-block-single{border:none;border-radius:0;box-shadow:none;background:transparent;width:100%;margin:0;padding:0;transition:all .3s ease}.step-block-single.animate-in{animation:fadeInUp .5s ease-out}.step-block-single.streaming{position:relative}.step-content-wrapper-single{padding:0;width:100%;min-height:auto;overflow:visible;max-height:none}.step-content-single{width:100%;padding:0;margin:0;font-size:1rem;line-height:1.6;color:var(--text-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.step-content-single{font-size:.9rem}}.step-block .checkpoint-container{position:relative;z-index:10}.step-block .checkpoint-block{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:12;position:relative;background:var(--checkpoint-bg);border:1px solid var(--checkpoint-border);box-shadow:0 2px 8px var(--checkpoint-shadow)}.step-block .checkpoint-block:hover{background:var(--checkpoint-hover-bg);border-color:var(--checkpoint-border);box-shadow:0 4px 12px var(--checkpoint-shadow)}.step-block .checkpoint-hint-wrapper{position:absolute;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--checkpoint-hint-bg);border:1px solid var(--checkpoint-hint-border)}.step-block .checkpoint-error-wrapper{position:absolute;z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--checkpoint-error-bg);border:1px solid var(--checkpoint-error-border)}.step-block:has(.checkpoint-block.with-hint),.step-block:has(.checkpoint-error-wrapper.expanded){overflow:visible;z-index:25}.step-block:has(.checkpoint-block.with-hint) .step-content-wrapper,.step-block:has(.checkpoint-error-wrapper.expanded) .step-content-wrapper{overflow:visible;position:relative;z-index:20}.step-block:has(.checkpoint-block.with-hint),.step-block:has(.checkpoint-error-wrapper.expanded){z-index:15}.checkpoint-container{display:block;width:100%;margin:.7rem 0;z-index:20}.checkpoint-main-line{display:flex;align-items:center;grid-gap:8px;gap:8px}.checkpoint-block{display:inline-flex;align-items:center;padding:.4rem .6rem;border-radius:20px;background:var(--checkpoint-bg);transition:all .25s ease;max-width:42px;overflow:hidden;cursor:pointer;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px var(--checkpoint-shadow);border:1px solid var(--checkpoint-border)}.checkpoint-block.with-hint,.checkpoint-block:hover{max-width:600px;background:var(--checkpoint-hover-bg);box-shadow:0 2px 8px var(--checkpoint-shadow)}.checkpoint-block.with-hint{border-radius:16px 16px 0 0;border-bottom:none;z-index:25;position:relative}.checkpoint-container:has(.checkpoint-block.with-hint){z-index:30;position:relative}.checkpoint-icon{display:flex;align-items:center;justify-content:center;color:var(--checkpoint-icon);margin-right:10px;flex-shrink:0;transition:transform .25s ease,color .2s ease}.checkpoint-block:hover .checkpoint-icon{color:var(--checkpoint-icon-hover)}.checkpoint-label{font-size:.8rem;font-weight:500;color:var(--checkpoint-text);white-space:nowrap;opacity:0;transform:translateX(-8px);transition:opacity .2s ease,transform .25s ease;display:flex;align-items:center}.checkpoint-block.with-hint .checkpoint-label,.checkpoint-block:hover .checkpoint-label{opacity:1;transform:translateX(0)}.checkpoint-block.active{background:var(--checkpoint-active-bg)}.checkpoint-block.active .checkpoint-icon{color:var(--checkpoint-icon-hover)}.streaming-cursor{margin-left:6px}.checkpoint-hint-wrapper{position:absolute;left:0;top:100%;width:100%;max-width:350px;z-index:25;display:flex;flex-direction:column;background:var(--checkpoint-hint-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 0 16px 16px;border:1px solid var(--checkpoint-hint-border);border-top:none;padding:12px;box-shadow:0 8px 24px var(--checkpoint-shadow);animation:expandIn .25s ease forwards;transform-origin:top center}.checkpoint-hint-input{padding:8px 12px;border-radius:8px;border:1px solid var(--checkpoint-hint-input-border);font-size:.9rem;background:var(--checkpoint-hint-input-bg);color:var(--text-color);margin-bottom:12px;transition:all .2s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.checkpoint-hint-input:focus{border-color:var(--checkpoint-input-focus-border);outline:none;box-shadow:0 0 0 2px var(--checkpoint-input-focus-shadow),inset 0 1px 3px rgba(0,0,0,.05)}.checkpoint-hint-actions{display:flex;justify-content:flex-end;grid-gap:10px;gap:10px}.checkpoint-hint-button{padding:7px 14px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid transparent;background:var(--checkpoint-button-bg);color:var(--text-color);transition:all .2s ease}.checkpoint-hint-button:hover{background:var(--checkpoint-button-hover-bg);transform:translateY(-1px)}.checkpoint-hint-button.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 1px 3px var(--checkpoint-button-shadow)}.checkpoint-hint-button.primary:hover{background:var(--checkpoint-button-primary-hover-bg);box-shadow:0 2px 6px var(--checkpoint-button-shadow);transform:translateY(-1px)}@keyframes expandIn{0%{opacity:0;transform:scaleY(.8);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{opacity:1;transform:scaleY(1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}:root{--checkpoint-bg:rgba(var(--royal-blue-rgb),0.15);--checkpoint-hover-bg:rgba(var(--royal-blue-rgb),0.2);--checkpoint-active-bg:rgba(var(--royal-blue-rgb),0.25);--checkpoint-icon:var(--royal-blue);--checkpoint-icon-hover:var(--primary-color);--checkpoint-text:var(--text-primary);--checkpoint-shadow:rgba(var(--royal-blue-rgb),0.2);--checkpoint-border:rgba(var(--royal-blue-rgb),0.25);--checkpoint-hint-bg:rgba(var(--royal-blue-rgb),0.12);--checkpoint-hint-border:rgba(var(--royal-blue-rgb),0.25);--checkpoint-hint-input-bg:hsla(0,0%,100%,0.95);--checkpoint-hint-input-border:rgba(var(--royal-blue-rgb),0.3);--checkpoint-input-focus-border:var(--primary-color);--checkpoint-input-focus-shadow:rgba(var(--royal-blue-rgb),0.2);--checkpoint-button-bg:hsla(0,0%,100%,0.9);--checkpoint-button-hover-bg:rgba(var(--royal-blue-rgb),0.1);--checkpoint-button-primary-hover-bg:rgba(var(--royal-blue-rgb),0.9);--checkpoint-button-shadow:rgba(var(--royal-blue-rgb),0.3);--checkpoint-error-bg:rgba(var(--error-rgb,220,53,69),0.15);--checkpoint-error-hover-bg:rgba(var(--error-rgb,220,53,69),0.2);--checkpoint-error-border:rgba(var(--error-rgb,220,53,69),0.3);--checkpoint-error-shadow:rgba(var(--error-rgb,220,53,69),0.2);--checkpoint-error-icon:var(--error-color,#dc3545);--checkpoint-error-text:var(--text-primary);--checkpoint-error-toggle:rgba(var(--error-rgb,220,53,69),0.8);--checkpoint-error-details-bg:hsla(0,0%,100%,0.95);--checkpoint-error-details-text:var(--text-secondary);--checkpoint-label-bg:rgba(0,0,0,0.05);--checkpoint-label-text:var(--text-secondary);--checkpoint-label-border:rgba(0,0,0,0.1);--checkpoint-label-input-bg:rgba(var(--warning-rgb,255,193,7),0.1);--checkpoint-label-input-text:#b88100;--checkpoint-label-input-border:rgba(var(--warning-rgb,255,193,7),0.3);--checkpoint-label-llm-bg:rgba(var(--info-rgb,13,202,240),0.1);--checkpoint-label-llm-text:#007b9a;--checkpoint-label-llm-border:rgba(var(--info-rgb,13,202,240),0.3);--checkpoint-label-input-provided-bg:rgba(var(--success-rgb,25,135,84),0.1);--checkpoint-label-input-provided-text:#198754;--checkpoint-label-input-provided-border:rgba(var(--success-rgb,25,135,84),0.3);--checkpoint-label-completed-bg:rgba(var(--success-rgb,25,135,84),0.1);--checkpoint-label-completed-text:#198754;--checkpoint-label-completed-border:rgba(var(--success-rgb,25,135,84),0.3);--checkpoint-label-step-before-bg:rgba(108,117,125,0.1);--checkpoint-label-step-before-text:#6c757d;--checkpoint-label-step-before-border:rgba(108,117,125,0.3);--checkpoint-label-step-after-bg:rgba(108,117,125,0.15);--checkpoint-label-step-after-text:#5c636a;--checkpoint-label-step-after-border:rgba(108,117,125,0.4)}.dark-mode{--checkpoint-bg:rgba(var(--deep-navy-rgb),0.6);--checkpoint-hover-bg:rgba(var(--deep-navy-rgb),0.7);--checkpoint-active-bg:rgba(var(--deep-navy-rgb),0.8);--checkpoint-icon:var(--electric-cyan);--checkpoint-icon-hover:var(--electric-cyan);--checkpoint-text:var(--text-primary);--checkpoint-shadow:rgba(0,0,0,0.3);--checkpoint-border:rgba(var(--electric-cyan-rgb),0.3);--checkpoint-hint-bg:rgba(var(--deep-navy-rgb),0.7);--checkpoint-hint-border:rgba(var(--electric-cyan-rgb),0.3);--checkpoint-hint-input-bg:rgba(var(--deep-navy-rgb),0.9);--checkpoint-hint-input-border:rgba(var(--electric-cyan-rgb),0.4);--checkpoint-input-focus-border:var(--electric-cyan);--checkpoint-input-focus-shadow:rgba(var(--electric-cyan-rgb),0.2);--checkpoint-button-bg:rgba(var(--deep-navy-rgb),0.8);--checkpoint-button-hover-bg:rgba(var(--electric-cyan-rgb),0.15);--checkpoint-button-primary-hover-bg:rgba(var(--electric-cyan-rgb),0.9);--checkpoint-button-shadow:rgba(0,0,0,0.4);--checkpoint-error-bg:rgba(var(--error-rgb,220,53,69),0.2);--checkpoint-error-hover-bg:rgba(var(--error-rgb,220,53,69),0.25);--checkpoint-error-border:rgba(var(--error-rgb,220,53,69),0.4);--checkpoint-error-shadow:rgba(0,0,0,0.4);--checkpoint-error-icon:var(--error-color,#ff4d4d);--checkpoint-error-details-bg:rgba(var(--deep-navy-rgb),0.9);--checkpoint-label-bg:hsla(0,0%,100%,0.1);--checkpoint-label-text:var(--text-secondary);--checkpoint-label-border:hsla(0,0%,100%,0.15);--checkpoint-label-input-bg:rgba(var(--warning-rgb,255,193,7),0.15);--checkpoint-label-input-text:#ffca2c;--checkpoint-label-input-border:rgba(var(--warning-rgb,255,193,7),0.4);--checkpoint-label-llm-bg:rgba(var(--info-rgb,13,202,240),0.15);--checkpoint-label-llm-text:#3dd5f3;--checkpoint-label-llm-border:rgba(var(--info-rgb,13,202,240),0.4);--checkpoint-label-input-provided-bg:rgba(var(--success-rgb,25,135,84),0.15);--checkpoint-label-input-provided-text:#48c084;--checkpoint-label-input-provided-border:rgba(var(--success-rgb,25,135,84),0.4);--checkpoint-label-completed-bg:rgba(var(--success-rgb,25,135,84),0.15);--checkpoint-label-completed-text:#48c084;--checkpoint-label-completed-border:rgba(var(--success-rgb,25,135,84),0.4);--checkpoint-label-step-before-bg:rgba(173,181,189,0.15);--checkpoint-label-step-before-text:#adb5bd;--checkpoint-label-step-before-border:rgba(173,181,189,0.3);--checkpoint-label-step-after-bg:rgba(206,212,218,0.15);--checkpoint-label-step-after-text:#ced4da;--checkpoint-label-step-after-border:rgba(206,212,218,0.3)}.checkpoint-block.with-error{max-width:42px;background:var(--checkpoint-error-bg);box-shadow:0 1px 3px var(--checkpoint-error-shadow);transition:all .25s ease}.checkpoint-block.with-error:hover{max-width:220px;background:var(--checkpoint-error-hover-bg);box-shadow:0 2px 8px var(--checkpoint-error-shadow)}.checkpoint-block.with-error .checkpoint-icon{color:var(--checkpoint-error-icon)}.checkpoint-container:has(.checkpoint-block.with-error){position:relative}.checkpoint-error-wrapper{position:relative;width:100%;max-width:500px;margin-top:0;background:var(--checkpoint-error-bg);border-radius:8px;border:1px solid var(--checkpoint-error-border);box-shadow:0 2px 8px var(--checkpoint-error-shadow);overflow:hidden;opacity:0;max-height:0;transform:translateY(-10px);transition:opacity .3s ease,max-height .3s ease,transform .3s ease,margin-top .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.checkpoint-container:has(.checkpoint-block.with-error):hover .checkpoint-error-wrapper,.checkpoint-error-wrapper.expanded{opacity:1;max-height:500px;transform:translateY(0);margin-top:.5rem}.checkpoint-error-wrapper.expanded{opacity:1;max-height:500px;transform:translateY(0);margin-top:.5rem}.checkpoint-error-summary{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s ease}.checkpoint-error-summary:hover{background:var(--checkpoint-error-hover-bg)}.error-icon-container{display:flex;align-items:center;margin-right:8px;color:var(--checkpoint-error-icon)}.error-message{flex:1 1;font-size:.9rem;color:var(--checkpoint-error-text);font-weight:500}.error-toggle{color:var(--checkpoint-error-toggle);transition:transform .2s ease}.checkpoint-error-details{padding:1rem;background:var(--checkpoint-error-details-bg);border-top:1px solid var(--checkpoint-error-border);overflow:auto;max-height:300px;animation:expandIn .25s ease forwards}.checkpoint-error-details pre{margin:0;font-size:.85rem;white-space:pre-wrap;word-break:break-word;color:var(--checkpoint-error-details-text)}.checkpoint-block.with-error:hover+.checkpoint-error-wrapper,.checkpoint-error-wrapper.expanded,.checkpoint-error-wrapper:hover{opacity:1;max-height:500px;transform:translateY(0);margin-top:.5rem}.checkpoint-container{position:relative}.checkpoint-container:after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;opacity:0;z-index:-1}.checkpoint-container:hover:after{opacity:1}.checkpoint-labels{display:flex;grid-gap:6px;gap:6px;align-items:center}.checkpoint-label-tag{padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;background-color:var(--checkpoint-label-bg);color:var(--checkpoint-label-text);border:1px solid var(--checkpoint-label-border)}.checkpoint-label-tag.type-input{background-color:var(--checkpoint-label-input-bg);color:var(--checkpoint-label-input-text);border-color:var(--checkpoint-label-input-border)}.checkpoint-label-tag.type-llm{background-color:var(--checkpoint-label-llm-bg);color:var(--checkpoint-label-llm-text);border-color:var(--checkpoint-label-llm-border)}.checkpoint-label-tag.type-input-provided{background-color:var(--checkpoint-label-input-provided-bg);color:var(--checkpoint-label-input-provided-text);border-color:var(--checkpoint-label-input-provided-border)}.checkpoint-label-tag.type-completed{background-color:var(--checkpoint-label-completed-bg);color:var(--checkpoint-label-completed-text);border-color:var(--checkpoint-label-completed-border)}.checkpoint-label-tag.type-step-before{background-color:var(--checkpoint-label-step-before-bg);color:var(--checkpoint-label-step-before-text);border-color:var(--checkpoint-label-step-before-border)}.checkpoint-label-tag.type-step-after{background-color:var(--checkpoint-label-step-after-bg);color:var(--checkpoint-label-step-after-text);border-color:var(--checkpoint-label-step-after-border)}.input-required-block{margin:1.5rem 0;border-radius:16px;background:var(--glass-background);border:1px solid var(--input-border);overflow:hidden;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-required-block:hover{box-shadow:var(--card-shadow-elevated);transform:translateY(-2px)}.input-header{display:flex;align-items:center;padding:1rem 1.25rem;background:rgba(var(--primary-rgb),.12);border-bottom:1px solid rgba(var(--primary-rgb),.2);cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1)}.input-header:hover{background:rgba(var(--primary-rgb),.2);padding-left:1.35rem}.input-header.transcribing{background:rgba(var(--electric-cyan-rgb),.18);border-bottom-color:rgba(var(--electric-cyan-rgb),.35)}.input-header.transcribing .input-icon,.input-header.transcribing .input-title{color:var(--electric-cyan)}.input-header.submitting{background:rgba(var(--royal-blue-rgb),.18);border-bottom-color:rgba(var(--royal-blue-rgb),.35)}.input-header.submitting .input-icon,.input-header.submitting .input-title{color:var(--royal-blue)}.input-header.waiting{background:rgba(var(--royal-blue-rgb),.08);border-bottom:none}.input-header.waiting .input-icon,.input-header.waiting .input-title{color:var(--royal-blue);opacity:1}.input-header.waiting .input-title:after{background-color:var(--royal-blue)}.input-header:not(.waiting):not(.transcribing):not(.submitting) .input-icon,.input-header:not(.waiting):not(.transcribing):not(.submitting) .input-title{color:var(--primary-color)}.status-dot-container{display:inline-flex;align-items:center;margin-left:10px;height:20px}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;margin:0 2px;opacity:.7}.status-dot:first-child{animation:status-dot-pulse 1.4s 0s infinite}.status-dot:nth-child(2){animation:status-dot-pulse 1.4s .2s infinite}.status-dot:nth-child(3){animation:status-dot-pulse 1.4s .4s infinite}@keyframes status-dot-pulse{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}.input-title{font-weight:700;font-size:1rem;color:var(--text-color);flex-grow:1;letter-spacing:-.01em}.input-icon,.input-title{display:flex;align-items:center}.input-icon{justify-content:center;color:var(--primary-color);margin-right:.75rem;transform:scale(1.1)}.input-toggle{color:var(--secondary-text-color);font-size:.8rem;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.expanded .input-toggle{transform:rotate(0deg)}.collapsed .input-toggle{transform:rotate(-90deg)}.input-content-wrapper{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.8,.2,1)}.expanded .input-content-wrapper{max-height:900px;overflow-y:auto}.input-content{padding:1.5rem;font-size:.95rem;line-height:1.5;white-space:pre-wrap;color:var(--text-color);background:rgba(var(--primary-rgb),.04);opacity:0;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease}.expanded .input-content{opacity:1;transform:translateY(0)}.input-description{margin-bottom:1.5rem;line-height:1.6}.input-fields-container{margin:1.5rem 0}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25);outline:none;transform:translateY(-1px)}.file-input-container{margin-bottom:1rem}.file-input-label{display:flex;align-items:center;cursor:pointer;padding:.7rem;border-radius:12px;background:var(--input-field-bg);border:2px dashed var(--input-field-border);transition:all .25s ease}.file-input-label:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.file-input-button{padding:.7rem 1.2rem;background:var(--primary-color);color:#fff;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .25s ease;margin-right:1rem;box-shadow:0 2px 5px rgba(var(--primary-rgb),.3)}.file-input-label:hover .file-input-button{background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.4)}.file-input-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.toggle-container{display:flex;align-items:center;margin-bottom:1rem;cursor:pointer;padding:.5rem;border-radius:12px;transition:background-color .2s ease}.toggle-container:hover{background:rgba(var(--primary-rgb),.05)}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:48px;height:24px;background-color:var(--toggle-bg-off);border-radius:24px;transition:background-color .3s ease;margin-right:1rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px);box-shadow:0 1px 4px rgba(0,0,0,.2)}.toggle-label{font-weight:500}.json-input,.toggle-label{font-size:.95rem;color:var(--text-color)}.json-input{width:100%;padding:1rem;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;border:2px solid var(--input-field-border);border-radius:12px;background:var(--input-field-bg);resize:vertical;min-height:120px;transition:all .25s ease;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.json-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);outline:none;transform:translateY(-1px)}.multi-input-container{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;padding:.5rem 0}.input-field-container{display:flex;flex-direction:column;background:rgba(var(--primary-rgb),.03);padding:1.2rem;border-radius:12px;border:1px solid rgba(var(--primary-rgb),.08);transition:all .25s ease}.input-field-container:hover{background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.12);transform:translateY(-2px)}.input-label{margin-bottom:.7rem;letter-spacing:-.01em}.input-submit-button{display:block;width:100%;padding:1rem;background:var(--royal-blue);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);margin-top:1rem;box-shadow:0 4px 10px rgba(var(--royal-blue-rgb),.25);position:relative;overflow:hidden}.input-submit-button:hover{background:var(--primary-color);box-shadow:0 7px 14px rgba(var(--primary-rgb),.35)}.input-submit-button:active{transform:translateY(-1px);box-shadow:0 4px 6px rgba(var(--primary-rgb),.2)}.input-submit-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 20%,hsla(0,0%,100%,.2) 40%,hsla(0,0%,100%,0) 60%);transform:translateX(-100%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.input-submit-button:hover:after{transform:translateX(100%)}.input-content-wrapper::-webkit-scrollbar{width:8px}.input-content-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.input-content-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid var(--scrollbar-track)}.input-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root{--input-field-bg:#fff;--input-field-border:rgba(var(--royal-blue-rgb),0.2);--toggle-bg-off:#e2e8f0;--primary-color-dark:rgba(var(--royal-blue-rgb),0.9);--scrollbar-track:rgba(var(--royal-blue-rgb),0.05);--scrollbar-thumb:rgba(var(--royal-blue-rgb),0.3);--scrollbar-thumb-hover:rgba(var(--royal-blue-rgb),0.5)}.dark-mode{--input-field-bg:rgba(var(--deep-navy-rgb),0.7);--input-field-border:rgba(var(--electric-cyan-rgb),0.2);--toggle-bg-off:#3f4758;--primary-color-dark:rgba(var(--electric-cyan-rgb),0.85);--scrollbar-track:rgba(var(--deep-navy-rgb),0.5);--scrollbar-thumb:rgba(var(--electric-cyan-rgb),0.3);--scrollbar-thumb-hover:rgba(var(--electric-cyan-rgb),0.5)}.text-input-container{position:relative;width:100%;margin-bottom:1rem}.input-audio-button:active{transform:translateY(-50%) scale(.95)}.input-field{width:100%;padding:.9rem 50px .9rem 1.1rem;font-size:.95rem;border:2px solid rgba(var(--primary-rgb),.3);border-radius:12px;background:#fff;color:var(--text-color);transition:all .25s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);min-height:50px;max-height:150px;resize:vertical}.input-audio-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.15);width:36px;height:36px;border-radius:10px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5;padding:0}.input-audio-button:hover{background:rgba(var(--primary-rgb),.15);color:var(--primary-color);transform:translateY(-50%) scale(1.05)}.audio-recorder-embedded{position:relative;margin:.5rem 0 1.5rem;border-radius:16px;background:var(--input-field-bg);border:2px solid var(--input-field-border);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);min-height:80px;z-index:10}.input-required-block .audio-recorder-embedded .audio-recorder-compact{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:inherit;margin:0!important;padding:0!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.input-required-block .audio-recorder-embedded .recorder-content{padding:.8rem 1rem!important;border-radius:inherit}.input-required-block .audio-recorder-embedded .control-button{z-index:5}.input-field:has(+.transcribing-indicator){border-color:var(--primary-color);background-color:rgba(var(--primary-rgb),.03)}.audio-recorder-wrapper{display:none}.text-input-container .audio-recorder-wrapper{top:calc(100% - 10px);left:20px;transform:none}@media (max-width:480px){.audio-recorder-wrapper{left:10px;max-width:calc(100% - 20px);transform:none}}.audio-recorder-overlay{display:none}.transcribing-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;grid-gap:8px;gap:8px;color:var(--primary-color);font-size:.85rem;font-weight:500;pointer-events:none;z-index:2}.transcribing-pulse{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);animation:pulse-animation 1.5s infinite;display:inline-block}.transcribing-text{white-space:nowrap;opacity:.85}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.7)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),0)}}.text-input-container:has(.transcribing-indicator) .input-field{padding-right:160px}.input-field:disabled{background:rgba(var(--primary-rgb),.03);opacity:.8}.input-header.submitting,.input-header.transcribing{box-shadow:0 3px 10px rgba(0,0,0,.08)}.dark-mode .input-header.waiting{background:rgba(var(--electric-cyan-rgb),.12);border-bottom:none}.dark-mode .input-header.waiting .input-icon,.dark-mode .input-header.waiting .input-title{color:var(--electric-cyan);text-shadow:0 0 8px rgba(var(--electric-cyan-rgb),.3)}.dark-mode .input-header.waiting .input-title:after{background-color:var(--electric-cyan)}.dark-mode .input-header.transcribing{background:rgba(var(--electric-cyan-rgb),.25);border-bottom-color:rgba(var(--electric-cyan-rgb),.5)}.dark-mode .input-header.submitting{background:rgba(var(--royal-blue-rgb),.25);border-bottom-color:rgba(var(--royal-blue-rgb),.5)}.dark-mode .input-header:not(.waiting):not(.transcribing):not(.submitting) .input-icon,.dark-mode .input-header:not(.waiting):not(.transcribing):not(.submitting) .input-title{color:var(--electric-cyan);text-shadow:0 0 8px rgba(var(--electric-cyan-rgb),.3)}.dark-mode .input-content{background:rgba(var(--deep-navy-rgb),.6)}.dark-mode .input-field{border-color:rgba(var(--electric-cyan-rgb),.5);background:rgba(var(--deep-navy-rgb),.5);color:#fff}.dark-mode .input-field:focus{border-color:var(--electric-cyan);box-shadow:0 0 0 3px rgba(var(--electric-cyan-rgb),.4)}.dark-mode .transcribing-indicator{color:var(--electric-cyan)}.dark-mode .transcribing-pulse{background-color:var(--electric-cyan);box-shadow:0 0 0 4px rgba(var(--electric-cyan-rgb),.3)}.dark-mode .transcribing-text{color:var(--electric-cyan);text-shadow:0 0 6px rgba(var(--electric-cyan-rgb),.3)}.dark-mode .input-submit-button{background:var(--royal-blue);color:#fff;box-shadow:0 4px 10px rgba(var(--royal-blue-rgb),.25)}.dark-mode .input-submit-button:hover{background:var(--primary-color);box-shadow:0 7px 14px rgba(var(--primary-rgb),.4)}.dark-mode .file-input-button{background:var(--royal-blue);box-shadow:0 2px 5px rgba(var(--royal-blue-rgb),.35)}.dark-mode .file-input-label:hover .file-input-button{background:var(--primary-color);box-shadow:0 4px 8px rgba(var(--primary-rgb),.4)}.dark-mode .input-audio-button{background:rgba(var(--electric-cyan-rgb),.15);border-color:rgba(var(--electric-cyan-rgb),.3);color:var(--electric-cyan)}.user-provided-input{margin:1.5rem 0;padding:0;border-radius:12px;border:1px solid var(--input-border);background:var(--glass-background);box-shadow:var(--card-shadow);overflow:hidden}.input-section-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;background:rgba(var(--primary-rgb),.1);border-bottom:1px solid rgba(var(--primary-rgb),.15)}.input-label{font-weight:600;font-size:.9rem;color:var(--text-color)}.input-type-badge{background:rgba(var(--primary-rgb),.15);color:var(--primary-color);padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:1rem;text-transform:uppercase;letter-spacing:.03em}.user-input-value{padding:1rem}.json-display{margin:0;white-space:pre-wrap;font-family:var(--mono-font);font-size:.9rem;background:rgba(var(--primary-rgb),.05);border-radius:8px;padding:.8rem;overflow-x:auto}.text-display{white-space:pre-wrap;line-height:1.5;color:var(--text-color)}.document-display{display:flex;align-items:center;grid-gap:.8rem;gap:.8rem;padding:.5rem}.document-icon{color:var(--primary-color)}.document-info{font-size:.9rem;font-weight:500}.dark-mode .input-section-header{background:rgba(var(--electric-cyan-rgb),.12);border-bottom:1px solid rgba(var(--electric-cyan-rgb),.25)}.dark-mode .input-type-badge{background:rgba(var(--electric-cyan-rgb),.25);color:var(--electric-cyan)}.dark-mode .json-display{background:rgba(var(--deep-navy-rgb),.5);border:1px solid rgba(var(--electric-cyan-rgb),.15)}.composite-display{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.composite-item{border:1px solid rgba(var(--primary-rgb),.15);border-radius:8px;overflow:hidden}.composite-type{padding:.5rem .8rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:rgba(var(--primary-rgb),.08);border-bottom:1px solid rgba(var(--primary-rgb),.1)}.composite-value{padding:.8rem;font-size:.9rem;white-space:pre-wrap}.composite-value pre{margin:0;white-space:pre-wrap;font-family:var(--mono-font);background:rgba(var(--primary-rgb),.05);padding:.5rem;border-radius:4px;overflow-x:auto}.dark-mode .composite-item{border-color:rgba(var(--electric-cyan-rgb),.2)}.dark-mode .composite-type{background:rgba(var(--electric-cyan-rgb),.1);border-bottom-color:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan)}.dark-mode .composite-value pre{background:rgba(var(--deep-navy-rgb),.4)}.audio-recorder-compact{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:.75rem;padding:.75rem 1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 24px rgba(0,0,0,.1);margin-left:.5rem;width:320px;animation:slideIn .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + .75rem);left:3rem;transition:all .3s ease}.audio-recorder-compact:not(.recording){width:280px}.recorder-content{display:flex;align-items:center;justify-content:space-between;grid-gap:1rem;gap:1rem;transition:all .3s ease;width:100%;overflow:hidden}.recording-status{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.visualizer-container{width:60px;height:60px;border-radius:50%;overflow:hidden;background:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.timer-display{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.recording-label{font-size:.75rem;font-weight:500;color:var(--electric-cyan);text-transform:uppercase;letter-spacing:.5px}.time{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.recorder-controls{display:flex;grid-gap:.75rem;gap:.75rem;align-items:center}.control-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-background);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;position:relative;overflow:visible}.confirmation-controls{flex:1 1;display:flex;justify-content:flex-end}.confirmation-content{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;animation:fadeIn .3s ease}.confirmation-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:rgba(var(--electric-cyan-rgb),.05);border-radius:.5rem;border:1px solid rgba(var(--electric-cyan-rgb),.1)}.confirmation-text{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-left:.5rem}.button-group{display:flex;grid-gap:.5rem;gap:.5rem}.recording .visualizer-container{background:rgba(var(--electric-cyan-rgb),.05);border:1px solid rgba(var(--electric-cyan-rgb),.2);position:relative}.recording .visualizer-container:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:transparent;box-shadow:0 0 12px rgba(var(--electric-cyan-rgb),.2);z-index:-1}.paused .visualizer{opacity:.5}.paused .recording-label{color:var(--text-secondary);animation:blink 1s infinite}.control-button:hover{transform:translateY(-1px)}.control-button:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:transparent;transition:all .2s ease;z-index:-1}.control-button.save{color:var(--electric-cyan);border-color:var(--electric-cyan)}.control-button.save:hover{background:rgba(var(--electric-cyan-rgb),.1)}.control-button.save:hover:before{box-shadow:0 0 12px rgba(var(--electric-cyan-rgb),.3)}.control-button.delete{color:#f44;border-color:#f44}.control-button.delete:hover{background:rgba(255,68,68,.1)}.control-button.delete:hover:before,.control-button.stop:hover:before{box-shadow:0 0 12px rgba(255,68,68,.3)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.dark-mode .audio-recorder-compact{background:rgba(0,0,0,.3)}.dark-mode .confirmation-wrapper{background:rgba(var(--electric-cyan-rgb),.1);border-color:rgba(var(--electric-cyan-rgb),.2)}@media (max-width:768px){.audio-recorder-compact{width:300px}.audio-recorder-compact:not(.recording){width:260px}.confirmation-text{font-size:.8125rem}.control-button{width:32px;height:32px}}:root{--link-preview-transition-timing:var(--transition-timing,cubic-bezier(0.4,0,0.2,1));--link-preview-transition-duration:0.35s;--link-preview-max-width:450px;--link-preview-image-height:115px;--link-preview-image-height-hover:190px;--link-preview-radius:10px;--link-preview-mobile-image-height:100px;--link-preview-mobile-image-height-hover:150px;--link-preview-favicon-size:22px;--link-preview-favicon-size-hover:26px}.link-card-container{margin:.75rem 0;width:100%;max-width:var(--link-preview-max-width);transition:transform var(--link-preview-transition-duration) var(--link-preview-transition-timing);will-change:transform;contain:content}.link-card-container:hover{transform:translateY(-2px)}.link-preview{display:block;overflow:hidden;background:var(--glass-background,hsla(0,0%,100%,.7));border:1px solid var(--glass-border,rgba(0,0,0,.1));text-decoration:none;color:inherit;transition:transform var(--link-preview-transition-duration) var(--link-preview-transition-timing),box-shadow var(--link-preview-transition-duration) var(--link-preview-transition-timing),border-color var(--link-preview-transition-duration) var(--link-preview-transition-timing),background-color var(--link-preview-transition-duration) var(--link-preview-transition-timing);box-shadow:var(--card-shadow,0 2px 10px rgba(0,0,0,.08));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--link-preview-radius);margin:0;animation:fadeIn .3s ease-out;position:relative;transform-origin:center;contain:layout}.link-preview:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-color,#3a8ee6);opacity:.8;transition:opacity var(--link-preview-transition-duration) ease}.link-preview:hover{transform:scale(1.01);box-shadow:var(--card-shadow-elevated,0 5px 25px rgba(0,0,0,.15));border-color:var(--primary-color-transparent,rgba(58,142,230,.3));background:var(--glass-background-hover,hsla(0,0%,100%,.8))}.link-preview:hover:after{opacity:1}.link-preview-content{padding:.9rem;background:var(--card-bg,#fff);transition:padding var(--link-preview-transition-duration) ease,background-color var(--link-preview-transition-duration) ease}.link-preview:hover .link-preview-content{padding-top:1rem;padding-bottom:1rem;background:var(--card-bg-hover,#fff)}.link-preview-header{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-bottom:.4rem;transition:gap var(--link-preview-transition-duration) ease}.link-preview:hover .link-preview-header{grid-gap:.9rem;gap:.9rem}.link-domain{color:var(--secondary-text-color,#4a4a4a);font-size:.75rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-top:.25rem;font-weight:500;padding-top:.4rem;border-top:1px solid var(--glass-border,rgba(0,0,0,.05));transition:padding-top var(--link-preview-transition-duration) ease,color var(--link-preview-transition-duration) ease,border-color var(--link-preview-transition-duration) ease;max-width:100%}.link-domain:before{content:attr(data-clean-domain);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview:hover .link-domain{padding-top:.5rem;color:var(--primary-color,#3a8ee6)}.external-icon{font-size:.75rem;opacity:.7;transition:all var(--link-preview-transition-duration) ease,transform var(--link-preview-transition-duration) cubic-bezier(.175,.885,.32,1.275);color:var(--primary-color,#3a8ee6);margin-left:auto;flex-shrink:0}.link-preview:hover .external-icon{opacity:1;transform:translateX(2px)}.link-preview-image{width:100%;height:var(--link-preview-image-height);overflow:hidden;position:relative;background:var(--control-bg,#f5f5f5);transition:height var(--link-preview-transition-duration) ease;contain:strict}.link-preview-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));z-index:1;pointer-events:none}.link-preview-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--link-preview-transition-duration) ease;will-change:transform;content-visibility:auto;loading:lazy}.link-preview:hover .link-preview-image{height:var(--link-preview-image-height-hover)}.link-preview:hover .link-preview-image img{transform:scale(1.05)}.link-favicon{width:var(--link-preview-favicon-size);height:var(--link-preview-favicon-size);border-radius:4px;object-fit:contain;flex-shrink:0;background:var(--control-bg,#f5f5f5);border:1px solid var(--glass-border,rgba(0,0,0,.05));padding:2px;transition:width var(--link-preview-transition-duration) ease,height var(--link-preview-transition-duration) ease,transform var(--link-preview-transition-duration) ease;loading:eager}.link-preview:hover .link-favicon{width:var(--link-preview-favicon-size-hover);height:var(--link-preview-favicon-size-hover);transform:scale(1.05)}.link-title{flex:1 1;font-weight:600;color:var(--text-color,#101010);font-size:.95rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;letter-spacing:-.01em;transition:-webkit-line-clamp var(--link-preview-transition-duration) ease,margin var(--link-preview-transition-duration) ease,color var(--link-preview-transition-duration) ease,font-size var(--link-preview-transition-duration) ease;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.link-preview:hover .link-title{-webkit-line-clamp:2;margin-bottom:.15rem;color:var(--text-color-hover,var(--text-color,#101010));font-size:1rem}.link-description{color:var(--secondary-text-color,#4a4a4a);font-size:.85rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.3rem 0 .5rem;max-height:2.6em;transition:max-height var(--link-preview-transition-duration) ease,margin var(--link-preview-transition-duration) ease,-webkit-line-clamp var(--link-preview-transition-duration) ease,color var(--link-preview-transition-duration) ease;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.link-preview:hover .link-description{-webkit-line-clamp:4;max-height:6em;margin:.5rem 0 .7rem;color:var(--secondary-text-color-hover,var(--secondary-text-color,#4a4a4a))}.link-preview-loading{cursor:wait;background:var(--glass-background,hsla(0,0%,100%,.7));border:1px solid var(--glass-border,rgba(0,0,0,.1));box-shadow:var(--card-shadow);border-radius:var(--link-preview-radius);transition:all var(--link-preview-transition-duration) var(--link-preview-transition-timing)}.link-preview-simple{display:inline-flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.8rem 1.1rem;background:var(--control-bg,#f5f5f5);border:1px solid var(--control-border,rgba(0,0,0,.1));border-radius:6px;color:var(--text-color,#101010);text-decoration:none;font-size:.9rem;transition:all var(--link-preview-transition-duration) ease;width:100%;margin:.8rem 0;max-width:var(--link-preview-max-width);word-break:break-all}.link-preview-simple .link-icon{font-size:1.1rem;color:var(--primary-color,#3a8ee6);flex-shrink:0}.link-preview-simple .link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-simple:hover{background:var(--control-hover-bg,#f0f0f0);transform:translateY(-1px)}.dark-mode .link-preview-simple{background:var(--control-bg,#2a2a2f);border-color:hsla(0,0%,100%,.1)}.dark-mode .link-preview-simple:hover{background:var(--control-hover-bg,#333338)}.link-preview-error{display:inline-flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.8rem 1.1rem;background:var(--control-bg,#f5f5f5);border:1px solid var(--control-border,rgba(0,0,0,.1));border-left:4px solid var(--error-color,#e53935);border-radius:6px;color:var(--text-color,#101010);text-decoration:none;font-size:.9rem;transition:all var(--link-preview-transition-duration) ease;width:100%;margin:.8rem 0;max-width:var(--link-preview-max-width)}.link-preview-error .clean-url{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-error:hover{background:var(--control-hover-bg,#f0f0f0);border-color:var(--error-color,#e53935);border-left-width:4px;transform:translateY(-1px)}.link-icon{font-size:1.1rem;color:var(--error-color,#e53935);flex-shrink:0}.dark-mode .link-preview{background:var(--glass-background,rgba(35,35,40,.75));border-color:var(--glass-border,hsla(0,0%,100%,.1))}.dark-mode .link-preview:hover{background:var(--glass-background-hover,rgba(40,40,45,.85))}.dark-mode .link-preview-content{background:var(--card-bg,#2a2a2f)}.dark-mode .link-preview:hover .link-preview-content{background:var(--card-bg-hover,#32323a)}.dark-mode .link-title{color:var(--text-color,#fff)}.dark-mode .link-description,.dark-mode .link-domain{color:var(--secondary-text-color,#b0b0b0)}.dark-mode .link-domain{border-top-color:var(--glass-border,hsla(0,0%,100%,.1))}.dark-mode .link-preview:hover .link-domain{color:var(--primary-color,#5d82d5)}.dark-mode .link-preview-error{background:var(--control-bg,#2a2a2f);border-color:hsla(0,0%,100%,.1);border-left-color:var(--error-color,#f44336)}.dark-mode .link-preview-error:hover{background:var(--control-hover-bg,#333338)}.dark-mode .link-preview-skeleton{background:var(--glass-background,rgba(35,35,40,.75));border-color:var(--glass-border,hsla(0,0%,100%,.1))}.dark-mode .skeleton-description,.dark-mode .skeleton-favicon,.dark-mode .skeleton-title{background:var(--control-bg,#333338)}@media (max-width:640px){.link-preview-image{height:var(--link-preview-mobile-image-height)}.link-preview:hover .link-preview-image{height:var(--link-preview-mobile-image-height-hover)}.link-card-container{max-width:100%}.link-preview-content{padding:.8rem}.link-preview:hover .link-preview-content{padding-top:.9rem;padding-bottom:.9rem}.link-preview:hover .link-title,.link-title{font-size:.9rem;-webkit-line-clamp:1}.link-description,.link-preview:hover .link-description{font-size:.8rem;margin:.25rem 0 .4rem;-webkit-line-clamp:2;max-height:3em}}.message-text[data-streaming=true] .external-icon,.message-text[data-streaming=true] .link-card-container,.message-text[data-streaming=true] .link-description,.message-text[data-streaming=true] .link-domain,.message-text[data-streaming=true] .link-favicon,.message-text[data-streaming=true] .link-preview,.message-text[data-streaming=true] .link-preview-content,.message-text[data-streaming=true] .link-preview-header,.message-text[data-streaming=true] .link-preview-image,.message-text[data-streaming=true] .link-title{display:inherit!important;visibility:visible!important;opacity:1!important}.link-description:empty{display:none}@supports (content-visibility:auto){.link-preview{content-visibility:auto;contain-intrinsic-size:0 var(--link-preview-image-height)}.link-preview:hover{contain-intrinsic-size:0 var(--link-preview-image-height-hover)}}.link-preview-simple.link-preview-loading{position:relative;overflow:hidden;background:var(--glass-background,hsla(0,0%,100%,.7));border:1px solid var(--glass-border,rgba(0,0,0,.1));transition:all var(--link-preview-transition-duration) var(--link-preview-transition-timing);box-shadow:var(--card-shadow);animation:fadeIn .3s var(--transition-timing)}.link-preview-simple.link-preview-loading:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color,#3a8ee6),transparent);animation:loadingBar 2s var(--transition-timing) infinite}.link-preview-loading .link-icon{color:var(--primary-color,#3a8ee6)}@keyframes loadingBar{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.dark-mode .link-preview-simple.link-preview-loading{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.1)}.dark-mode .link-preview-simple.link-preview-loading:after{background:linear-gradient(90deg,transparent,var(--electric-cyan,#5d82d5),transparent)}.link-card-container{animation:fadeIn .3s var(--transition-timing)}.link-preview-skeleton{width:100%;overflow:hidden;transition:all var(--link-preview-transition-duration) var(--link-preview-transition-timing)}.skeleton-image{width:100%;height:var(--link-preview-image-height);background:var(--control-bg,#f5f5f5);border-radius:var(--link-preview-radius) var(--link-preview-radius) 0 0}.skeleton-favicon{width:var(--link-preview-favicon-size);height:var(--link-preview-favicon-size);flex-shrink:0}.skeleton-favicon,.skeleton-title{border-radius:4px;background:var(--control-bg,#f5f5f5)}.skeleton-title{height:1.2rem;flex:1 1;margin-bottom:1rem}.skeleton-description{height:.9rem;margin-bottom:.5rem;width:100%}.skeleton-description,.skeleton-domain{background:var(--control-bg,#f5f5f5);border-radius:4px}.skeleton-domain{height:.8rem;width:30%;margin-top:.5rem}.pulse-animation{animation:skeletonPulse 1.5s var(--transition-timing) infinite;position:relative;overflow:hidden}.pulse-animation:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--primary-color-transparent,rgba(75,108,183,.1)),transparent);animation:skeletonShimmer 1.5s var(--transition-timing) infinite}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}@keyframes skeletonShimmer{0%{transform:translateX(-100%)}50%,to{transform:translateX(100%)}}.dark-mode .skeleton-description,.dark-mode .skeleton-domain,.dark-mode .skeleton-favicon,.dark-mode .skeleton-image,.dark-mode .skeleton-title{background:var(--control-bg,#333338)}.dark-mode .link-preview-loading{background:rgba(var(--deep-navy-rgb),.4);border-color:rgba(var(--electric-cyan-rgb),.1);box-shadow:var(--card-shadow)}.dark-mode .pulse-animation:after{background:linear-gradient(90deg,transparent,rgba(var(--electric-cyan-rgb),.15),transparent)}.formatted-strong{font-weight:600;color:var(--text-strong);letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.05)}.formatted-em{font-style:italic;color:var(--text-em);letter-spacing:.01em}.formatted-del{text-decoration:line-through;color:var(--text-del);opacity:.8}.formatted-inline-code{font-family:"SF Mono","Consolas","Monaco","Menlo",monospace;font-size:.9em;padding:.2em .4em;border-radius:4px;background:var(--inline-code-bg);color:var(--inline-code-text);border:1px solid var(--inline-code-border);box-shadow:0 1px 2px rgba(0,0,0,.05)}.formatted-list{margin:1rem 0;padding-left:1.5rem;list-style-position:outside}.formatted-list-item{margin:.5rem 0;line-height:1.6;color:var(--text-primary);position:relative}.formatted-list-item::marker{color:var(--list-marker-color);font-weight:500}.formatted-blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--blockquote-border);background:var(--blockquote-bg);border-radius:0 8px 8px 0;color:var(--blockquote-text);font-style:italic;position:relative}.formatted-blockquote:before{content:'"';position:absolute;top:-.5rem;left:-.5rem;font-size:3rem;color:var(--blockquote-quote);opacity:.2}:root{--text-strong:#1a1a1a;--text-em:#2c3e50;--text-del:#666;--inline-code-bg:rgba(0,0,0,0.05);--inline-code-text:#1a1a1a;--inline-code-border:rgba(0,0,0,0.1);--list-marker-color:#4b6cb7;--blockquote-border:#4b6cb7;--blockquote-bg:rgba(75,108,183,0.05);--blockquote-text:#2c3e50;--blockquote-quote:#4b6cb7}.dark-mode{--text-strong:#fff;--text-em:#e0e0e0;--text-del:#888;--inline-code-bg:hsla(0,0%,100%,0.1);--inline-code-text:#fff;--inline-code-border:hsla(0,0%,100%,0.2);--list-marker-color:#5d82d5;--blockquote-border:#5d82d5;--blockquote-bg:rgba(93,130,213,0.1);--blockquote-text:#e0e0e0;--blockquote-quote:#5d82d5}.formatted-inline-code:hover{background:var(--inline-code-hover-bg);border-color:var(--inline-code-hover-border);transform:translateY(-1px);transition:all .2s ease}.formatted-blockquote:hover{background:var(--blockquote-hover-bg);transform:translateX(4px);transition:all .2s ease}:root{--inline-code-hover-bg:rgba(0,0,0,0.08);--inline-code-hover-border:rgba(0,0,0,0.15);--blockquote-hover-bg:rgba(75,108,183,0.08)}.dark-mode{--inline-code-hover-bg:hsla(0,0%,100%,0.15);--inline-code-hover-border:hsla(0,0%,100%,0.25);--blockquote-hover-bg:rgba(93,130,213,0.15)}@keyframes sweepShineText{0%{background-position:200%}to{background-position:-200%}}.tool-step-block .text-shine-effect{color:transparent;-webkit-background-clip:text;background-clip:text;background-size:300% 100%;animation:sweepShineText 5s linear 0s infinite!important;background-color:initial;display:inline-block}.tool-step-block .text-shine-effect.status-complete{animation:none!important;-webkit-background-clip:initial;background-clip:initial;background-image:none}.tool-step-block .tool-step-header-panel{display:flex;padding:var(--spacing-small,8px);cursor:pointer;-webkit-user-select:none;user-select:none}.tool-step-block .header-content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}.tool-step-block .header-inner-card{display:flex;align-items:center;background-color:var(--glass-background,hsla(0,0%,100%,.1));border:1px solid var(--glass-border,hsla(0,0%,100%,.2));border-radius:var(--border-radius-small,6px);padding:var(--spacing-small,8px) var(--spacing-medium,12px);box-shadow:0 1px 2px rgba(0,0,0,.07)}.tool-artifact-button{background:transparent;border:none;color:var(--text-color-tertiary);cursor:pointer;padding:.25rem;margin-left:.5rem;margin-right:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease,color .2s ease,background-color .2s ease;width:24px;height:24px}.tool-artifact-button:hover{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.1);transform:scale(1.1)}.tool-step-header-panel:hover .tool-artifact-button{opacity:1;transform:scale(1)}.checkpoint-group{display:block;width:100%;margin:.7rem 0;position:relative;z-index:2}.checkpoint-group-header{display:flex;align-items:center;grid-gap:6px;gap:6px;margin-bottom:8px;opacity:.7;transition:opacity .2s ease}.checkpoint-group:hover .checkpoint-group-header{opacity:1}.checkpoint-group-indicator{display:flex;align-items:center;justify-content:center;color:var(--checkpoint-group-indicator-color);transition:color .2s ease}.checkpoint-group-label{font-size:.75rem;font-weight:500;color:var(--checkpoint-group-label-color);white-space:nowrap}.checkpoint-group-container{position:relative;overflow:visible;border-radius:12px;background:var(--checkpoint-group-bg);border:1px solid var(--checkpoint-group-border);box-shadow:0 2px 8px var(--checkpoint-group-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 32px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.checkpoint-group-scroll{display:flex;grid-gap:8px;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:8px 0 350px;margin-bottom:-350px}.checkpoint-group-scroll::-webkit-scrollbar{display:none}.checkpoint-group-item{flex-shrink:0;position:relative;margin-bottom:8px}.checkpoint-group-item .checkpoint-container{margin:0}.checkpoint-group-item .checkpoint-block{background:var(--checkpoint-group-item-bg);border:1px solid var(--checkpoint-group-item-border);box-shadow:0 2px 6px var(--checkpoint-group-item-shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.checkpoint-group-item .checkpoint-block:hover{background:var(--checkpoint-group-item-hover-bg);border-color:var(--checkpoint-group-item-hover-border);box-shadow:0 2px 8px var(--checkpoint-group-item-hover-shadow);transform:translateY(-1px);z-index:25}.checkpoint-group-scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--checkpoint-group-scroll-indicator-bg);border-radius:50%;color:var(--checkpoint-group-scroll-indicator-color);opacity:0;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;z-index:5;visibility:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}.checkpoint-group-scroll-indicator.left{left:6px}.checkpoint-group-scroll-indicator.right{right:6px}.checkpoint-group-container.has-overflow:hover .checkpoint-group-scroll-indicator{opacity:.8;visibility:visible}.checkpoint-group-container.has-overflow .checkpoint-group-scroll-indicator.left.can-scroll-left,.checkpoint-group-container.has-overflow .checkpoint-group-scroll-indicator.right.can-scroll-right{opacity:.6;visibility:visible}.checkpoint-group-container.has-overflow:hover .checkpoint-group-scroll-indicator.left.can-scroll-left,.checkpoint-group-container.has-overflow:hover .checkpoint-group-scroll-indicator.right.can-scroll-right{opacity:1;visibility:visible}.checkpoint-group-container:has(.checkpoint-block.with-hint),.checkpoint-group-container:has(.checkpoint-error-wrapper.expanded){background:transparent;border-color:transparent;box-shadow:none}.checkpoint-group-item .checkpoint-hint-wrapper{z-index:20}.checkpoint-group-item .checkpoint-error-wrapper{position:absolute;top:100%;left:0;right:0;z-index:15;margin-top:4px}.checkpoint-group-container:not(.has-overflow){padding:0 12px}:root{--checkpoint-group-bg:rgba(var(--royal-blue-rgb),0.08);--checkpoint-group-border:rgba(var(--royal-blue-rgb),0.2);--checkpoint-group-shadow:rgba(var(--royal-blue-rgb),0.15);--checkpoint-group-indicator-color:var(--royal-blue);--checkpoint-group-label-color:var(--text-secondary);--checkpoint-group-item-bg:rgba(var(--royal-blue-rgb),0.12);--checkpoint-group-item-border:rgba(var(--royal-blue-rgb),0.2);--checkpoint-group-item-shadow:rgba(var(--royal-blue-rgb),0.15);--checkpoint-group-item-hover-bg:rgba(var(--royal-blue-rgb),0.18);--checkpoint-group-item-hover-border:rgba(var(--royal-blue-rgb),0.25);--checkpoint-group-item-hover-shadow:rgba(var(--royal-blue-rgb),0.2);--checkpoint-group-scroll-indicator-bg:rgba(var(--royal-blue-rgb),0.9);--checkpoint-group-scroll-indicator-color:#fff}.dark-mode{--checkpoint-group-bg:rgba(var(--deep-navy-rgb),0.5);--checkpoint-group-border:rgba(var(--electric-cyan-rgb),0.25);--checkpoint-group-shadow:rgba(0,0,0,0.3);--checkpoint-group-indicator-color:var(--electric-cyan);--checkpoint-group-label-color:var(--text-secondary);--checkpoint-group-item-bg:rgba(var(--deep-navy-rgb),0.6);--checkpoint-group-item-border:rgba(var(--electric-cyan-rgb),0.2);--checkpoint-group-item-shadow:rgba(0,0,0,0.2);--checkpoint-group-item-hover-bg:rgba(var(--deep-navy-rgb),0.7);--checkpoint-group-item-hover-border:rgba(var(--electric-cyan-rgb),0.3);--checkpoint-group-item-hover-shadow:rgba(0,0,0,0.4);--checkpoint-group-scroll-indicator-bg:rgba(var(--electric-cyan-rgb),0.9);--checkpoint-group-scroll-indicator-color:var(--deep-navy)}@media (max-width:768px){.checkpoint-group-container{padding:0 28px}.checkpoint-group-container:not(.has-overflow){padding:0 8px}.checkpoint-group-scroll{padding:6px 0;grid-gap:6px;gap:6px}.checkpoint-group-item .checkpoint-block{padding:.3rem .5rem}.checkpoint-group-scroll-indicator{width:20px;height:20px}.checkpoint-group-scroll-indicator.left{left:4px}.checkpoint-group-scroll-indicator.right{right:4px}}.tool-description-block-wrapper{margin:1rem 0;padding:4px 2px}.tool-description-loading,.tool-description-not-found{font-style:italic;color:var(--text-secondary);background-color:var(--background-color-secondary);padding:.5rem 1rem;border-radius:var(--border-radius-medium);margin:1rem 0}.tool-ui-container{padding:1rem 0;min-height:100px;position:relative}.tool-ui-error,.tool-ui-loading,.tool-ui-placeholder{display:flex;align-items:center;justify-content:center;height:150px;border-radius:8px;background-color:rgba(var(--electric-cyan-rgb,100,100,251),.05);color:var(--text-secondary,#666);font-style:italic}.tool-ui-error{background-color:rgba(var(--coral-pink-rgb,251,100,100),.05);color:var(--coral-pink,#fb6464)}.tool-ui-loading{background-color:rgba(var(--royal-blue-rgb,120,80,240),.05);color:var(--royal-blue,#7850f0)}.weather-card{background-color:rgba(var(--electric-cyan-rgb,100,100,251),.05);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.weather-header h3{margin-top:0;color:var(--text-primary,#333)}.weather-form{margin-bottom:1.5rem}.weather-form .input-group{display:flex;grid-gap:8px;gap:8px}.weather-form input{flex:1 1;padding:10px 16px;border-radius:8px;border:1px solid rgba(var(--electric-cyan-rgb,100,100,251),.2);font-size:16px}.weather-form button{padding:10px 20px;background:var(--gradient-primary,linear-gradient(90deg,#6464fb,#9e64fb));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.weather-result{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05);text-align:center}.weather-location{font-size:20px;font-weight:700;margin-bottom:8px}.weather-temp{font-size:48px;font-weight:300;margin-bottom:8px}.weather-condition{font-size:18px;margin-bottom:12px}.weather-details{display:flex;justify-content:space-around;color:var(--text-secondary,#666)}.calculator-card{background-color:rgba(var(--royal-blue-rgb,120,80,240),.05);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.calculator-card h3{margin-top:0;color:var(--text-primary,#333)}.calculator-inputs{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:1.5rem}.calculator-inputs input{width:80px;padding:10px 16px}.calculator-inputs input,.calculator-inputs select{border-radius:8px;border:1px solid rgba(var(--royal-blue-rgb,120,80,240),.2);font-size:18px;text-align:center}.calculator-inputs select{width:60px;padding:10px}.calculator-inputs button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--royal-blue,#7850f0);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:24px;font-weight:700}.calculation-result{background:#fff;border-radius:8px;padding:16px;margin-top:16px;font-size:20px;font-weight:500;text-align:center}.rag-search-card{background-color:rgba(var(--electric-cyan-rgb,100,100,251),.05);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}.rag-search-card h3{margin-top:0;color:var(--text-primary,#333)}.search-input-container{display:flex;grid-gap:8px;gap:8px;margin-bottom:1.5rem}.search-input{flex:1 1;padding:12px 16px;border-radius:8px;border:1px solid rgba(var(--electric-cyan-rgb,100,100,251),.2);font-size:16px}.search-button{padding:10px 20px;background:var(--gradient-primary,linear-gradient(90deg,#6464fb,#9e64fb));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.search-results{margin-top:1.5rem}.search-response{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px}.search-response h4{margin-top:0;margin-bottom:8px;color:var(--text-primary,#333)}.context-item{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px}.context-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.context-rank{font-weight:700;color:var(--electric-cyan,#6464fb)}.context-doc{font-style:italic;color:var(--text-secondary,#666)}.context-text{font-size:14px;line-height:1.4;max-height:100px;overflow-y:auto}.dark-mode .calculation-result,.dark-mode .context-item,.dark-mode .search-response,.dark-mode .weather-result{background-color:rgba(30,40,60,.8)}.tool-test-tabs{display:flex;margin-bottom:16px;border-bottom:1px solid var(--glass-border,hsla(0,0%,100%,.2))}.tab-button{padding:10px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary,#666);cursor:pointer;font-weight:500;transition:all .2s;margin-right:8px}.tab-button.active{color:var(--electric-cyan,#6464fb);border-bottom-color:var(--electric-cyan,#6464fb)}.tab-button:hover:not(.active){color:var(--text-primary,#333);border-bottom-color:var(--glass-border,hsla(0,0%,100%,.5))}.dark-mode .tab-button:hover:not(.active){color:var(--text-primary,#e0e0e0)}.tool-ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease}.ui-loading{opacity:.7;transition:opacity .3s ease}.calculator-empty-state,.search-empty-state,.weather-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:hsla(0,0%,100%,.5);border-radius:12px;text-align:center;color:var(--text-secondary,#666)}.empty-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--text-muted,#999);opacity:.6}.search-empty-icon,.weather-empty-icon{font-size:3rem}.weather-icon-container{font-size:3rem;margin-bottom:1rem;display:flex;justify-content:center}.weather-icon{font-size:3.5rem}.sun-icon{color:orange}.rain-icon{color:#4a90e2}.snow-icon{color:#b8c6db}.cloud-icon{color:#6b7c93}.input-disabled{opacity:.7;cursor:not-allowed;background-color:rgba(var(--glass-border-rgb,255,255,255),.1)}.equals-sign{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--royal-blue,#7850f0);color:#fff;border-radius:8px}.result-equation{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-secondary,#666)}.result-value{font-size:2rem;font-weight:500}.dark-mode .calculator-empty-state,.dark-mode .search-empty-state,.dark-mode .weather-empty-state{background:rgba(30,40,60,.3);color:var(--text-secondary,#a0a0a0)}.dark-mode .empty-icon{color:var(--text-muted,#777)}.calculator-loading-state,.search-loading-state,.weather-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:rgba(var(--electric-cyan-rgb,100,100,251),.05);border-radius:12px;text-align:center;color:var(--text-secondary,#666);animation:pulse 2s infinite}.calculator-loading-icon,.search-loading-icon,.weather-loading-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--electric-cyan,#6464fb)}.fa-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculation-preview,.search-query-preview,.weather-input-preview{background:hsla(0,0%,100%,.7);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05);text-align:center;transition:all .3s;animation:fadeIn .5s ease-out}.weather-location-preview{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--electric-cyan,#6464fb)}.weather-message{font-size:16px;color:var(--text-secondary,#666);font-style:italic}.preview-equation{font-size:1.1rem;color:var(--text-secondary,#666);margin-bottom:.5rem}.preview-result{font-size:2rem;font-weight:500;color:var(--royal-blue,#7850f0)}.query-preview-icon{font-size:2rem;color:var(--electric-cyan,#6464fb);margin-bottom:1rem}.query-display{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;color:var(--electric-cyan,#6464fb)}.query-status{font-size:.9rem;color:var(--text-secondary,#666);font-style:italic}.pulse-animation{animation:pulse 2s infinite}.dark-mode .calculation-preview,.dark-mode .search-query-preview,.dark-mode .weather-input-preview{background:rgba(30,40,60,.7)}.dark-mode .preview-equation,.dark-mode .query-status,.dark-mode .weather-message{color:var(--text-secondary,#a0a0a0)}.tool-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:12px;text-align:center;background:rgba(var(--coral-pink-rgb,251,100,100),.05);color:var(--coral-pink,#fb6464)}.dark-mode .tool-error-state{background-color:var(--danger-bg-dark,#2d1a21);color:var(--danger-text-dark,#f5c6cb)}.tool-error-state .error-icon{font-size:2.5rem;margin-bottom:1rem}.tool-error-state h4{margin:0 0 .5rem;font-size:1.25rem;color:inherit}.tool-error-state .error-message{font-size:.9rem;line-height:1.5;max-width:90%;color:inherit;opacity:.9}.artifact-view .tool-ui-container{padding:0;height:100%;overflow-y:auto}.artifact-view{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:var(--border-radius,12px);padding:1.25rem 1.5rem;color:var(--text-primary);flex-grow:1;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--card-shadow,0 2px 10px rgba(0,0,0,.05));-webkit-backdrop-filter:var(--glass-blur,blur(5px));backdrop-filter:var(--glass-blur,blur(5px));height:100%}.artifact-mode-content .artifact-view{padding:1rem;height:100%;box-shadow:none}.artifact-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);padding-bottom:.75rem;margin-bottom:1rem;flex-shrink:0}.artifact-view h3{margin-top:0;color:var(--electric-cyan);border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:1.1rem;font-weight:600;flex-grow:1}.metadata-toggle-button{background:none;border:1px solid var(--glass-border-light,rgba(var(--text-secondary-rgb),.3));color:var(--text-secondary);padding:.3rem .6rem;border-radius:var(--border-radius-sm,4px);font-size:.75em;cursor:pointer;transition:all .2s ease;margin-left:1rem}.metadata-toggle-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan)}.artifact-view h4{margin-top:1.25rem;font-size:.95em;font-weight:500}.artifact-view h4,.artifact-view p{margin-bottom:.6rem;color:var(--text-secondary)}.artifact-view p{font-size:.9em;line-height:1.5}.artifact-view p strong{color:var(--text-primary)}.artifact-metadata{display:flex;flex-wrap:wrap;grid-gap:.5rem 1.5rem;gap:.5rem 1.5rem;margin-bottom:1rem;padding-bottom:.75rem;padding-top:.75rem;border-top:1px dashed var(--glass-border-light,rgba(var(--text-secondary-rgb),.15))}.artifact-metadata .metadata-item{font-size:.75em;color:var(--text-muted);margin-bottom:.2rem;line-height:1.3}.artifact-metadata .metadata-item strong{color:var(--text-secondary);font-weight:500}.artifact-view pre{background-color:var(--code-block-bg-light,#f8f9fa);border:1px solid var(--code-block-border-light,#dee2e6);color:var(--code-block-text-light,#212529);border-radius:var(--border-radius-sm,6px);padding:1rem;font-size:.85em;white-space:pre-wrap;word-wrap:break-word;max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--electric-cyan) transparent}:root.dark-mode .artifact-view pre{background-color:rgba(var(--deep-navy-rgb,20,30,50),.7);border-color:var(--glass-border);color:var(--text-primary-muted,#b0b0b0)}.artifact-view pre::-webkit-scrollbar{width:8px}.artifact-view pre::-webkit-scrollbar-track{background:transparent}.artifact-view pre::-webkit-scrollbar-thumb{background-color:var(--electric-cyan);border-radius:10px;border:2px solid transparent;background-clip:content-box}.artifact-view-empty{text-align:center;color:var(--text-muted);padding:2.5rem;font-style:italic;flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:.95em;border:1px dashed var(--glass-border);border-radius:var(--border-radius,12px);background-color:rgba(var(--deep-navy-rgb,20,30,50),.2)}.artifact-view .error-message{color:var(--error-color,#f44336);background-color:rgba(var(--error-color-rgb,244,67,54),.15);border:1px solid rgba(var(--error-color-rgb,244,67,54),.4);padding:1rem;border-radius:var(--border-radius-sm,6px);margin-bottom:1.25rem;font-size:.9em}.artifact-view .tool-ui-wrapper{margin-top:1rem;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm,6px);padding:1rem;background-color:rgba(var(--bg-secondary-rgb,255,255,255),.03)}.artifact-mode-content{padding:0;flex:1 1;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 72px)}.artifact-mode-content .artifact-view{flex:1 1;display:flex;flex-direction:column;overflow:hidden;margin:0;border-radius:0;border:none}.artifact-view .tool-ui-container{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.artifact-view .tool-ui-container>*{height:100%}:root{--deep-navy:#0a1128;--electric-cyan:#00e6ff;--coral-pink:#ff6b6b;--ice-blue:#b8f7ff;--royal-blue:#1e56a0;--white:#fff;--deep-navy-rgb:10,17,40;--electric-cyan-rgb:0,230,255;--royal-blue-rgb:30,86,160;--coral-pink-rgb:255,107,107;--ice-blue-rgb:184,247,255;--white-rgb:255,255,255;--transition-speed:0.3s;--color-transition-duration:0.5s;--color-transition-timing:cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(90deg,var(--electric-cyan),var(--royal-blue));--gradient-background:linear-gradient(135deg,#f5f7fa,#e4e9f0);--gradient-dimensional:linear-gradient(145deg,#fff,#f3f4f6);--glass-border:rgba(var(--electric-cyan-rgb),0.1);--glass-shadow:0 8px 32px rgba(var(--electric-cyan-rgb),0.1),0 2px 8px rgba(0,0,0,0.1);--glass-blur:blur(12px);--hover-glow:0 0 20px rgba(var(--electric-cyan-rgb),0.2);--active-glow:0 0 10px rgba(var(--electric-cyan-rgb),0.3);--focus-ring:0 0 0 2px rgba(var(--electric-cyan-rgb),0.3);--text-primary:var(--deep-navy);--text-secondary:rgba(var(--deep-navy-rgb),0.6);--border-color:rgba(var(--electric-cyan-rgb),0.15);--error-color:var(--coral-pink);--success-color:var(--electric-cyan);--input-background:rgba(var(--royal-blue-rgb),0.05);--card-shadow:0 10px 40px rgba(var(--electric-cyan-rgb),0.1),0 2px 10px rgba(var(--electric-cyan-rgb),0.05);--card-border:1px solid rgba(var(--electric-cyan-rgb),0.1)}.dark-mode{--gradient-background:linear-gradient(135deg,var(--deep-navy),#163a87);--gradient-dimensional:linear-gradient(135deg,#163a87,var(--deep-navy));--glass-background:rgba(var(--deep-navy-rgb),0.8);--glass-border:rgba(var(--electric-cyan-rgb),0.15);--glass-shadow:0 8px 32px rgba(var(--electric-cyan-rgb),0.15),0 2px 8px rgba(var(--deep-navy-rgb),0.2);--hover-glow:0 0 25px rgba(var(--electric-cyan-rgb),0.4);--active-glow:0 0 15px rgba(var(--electric-cyan-rgb),0.6);--text-primary:var(--white);--text-secondary:rgba(var(--ice-blue-rgb),0.8);--border-color:rgba(var(--electric-cyan-rgb),0.25);--card-background:rgba(var(--deep-navy-rgb),0.95);--input-background:rgba(var(--royal-blue-rgb),0.15);--card-shadow:0 10px 40px rgba(var(--electric-cyan-rgb),0.15),0 2px 10px rgba(var(--electric-cyan-rgb),0.1);--card-border:1px solid rgba(var(--electric-cyan-rgb),0.2)}*,:after,:before{transition:background-color var(--color-transition-duration) var(--color-transition-timing),background var(--color-transition-duration) var(--color-transition-timing),border-color var(--color-transition-duration) var(--color-transition-timing),box-shadow var(--color-transition-duration) var(--color-transition-timing),color var(--color-transition-duration) var(--color-transition-timing)}.button-hover-effect,.dot,.loading-spinner,.streaming-text,input::placeholder{transition:none}@media (prefers-contrast:high){:root{--text-primary:var(--white);--text-secondary:var(--ice-blue);--border-color:var(--electric-cyan);--glass-background:var(--deep-navy);--input-background:rgba(var(--royal-blue-rgb),0.3)}}body{overflow-x:hidden;width:100vw;position:relative}:root{--background-gradient:linear-gradient(135deg,#f5f7fa,#e4e7eb);--card-background:hsla(0,0%,100%,0.95);--text-primary:#1a1a1a;--text-secondary:#4a5568;--input-background:hsla(0,0%,100%,0.8);--card-shadow:0 8px 32px rgba(0,0,0,0.1);--input-border:rgba(0,0,0,0.1);--divider-color:rgba(0,0,0,0.1);--glass-background:hsla(0,0%,100%,0.8);--glass-border:hsla(0,0%,100%,0.2)}.dark-mode,:root{--border-color:rgba(0,230,255,0.2)}.dark-mode{--background-gradient:linear-gradient(135deg,#0a1128,#163a87);--card-background:rgba(10,17,40,0.95);--text-primary:#fff;--text-secondary:#b8f7ff;--input-background:rgba(30,86,160,0.1);--card-shadow:0 8px 32px rgba(0,0,0,0.2);--input-border:hsla(0,0%,100%,0.2);--divider-color:hsla(0,0%,100%,0.2);--glass-background:rgba(10,17,40,0.8);--glass-border:hsla(0,0%,100%,0.1)}.login-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--background-gradient);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;position:relative;overflow:hidden;color:var(--text-primary)}.login-content{width:100%;max-width:440px;position:relative;z-index:1}.brand-container{position:relative;text-align:center;margin-bottom:-80px;z-index:2}.brand-circle{width:180px;height:180px;position:relative;margin:0 auto;border-radius:50%;background:var(--brand-circle-gradient);padding:4px;z-index:2}.brand-glow{inset:-20px;background:var(--brand-glow-gradient);filter:blur(20px);animation:pulse 3s ease-in-out infinite}.brand-glow,.brand-inner{position:absolute;border-radius:50%}.brand-inner{background:var(--gradient-dimensional);box-shadow:inset 0 2px 4px rgba(var(--deep-navy-rgb),.05),0 4px 12px rgba(var(--deep-navy-rgb),.1)}.brand-inner,.brand-logo-container{inset:4px;display:flex;align-items:center;justify-content:center}.brand-logo-container{position:absolute;border-radius:100%;overflow:hidden;padding:0}.brand-logo{width:100%;height:100%;object-fit:contain;animation:scaleLogo 3s ease-in-out infinite;padding:0}.brand-name{margin-top:1.5rem;font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.login-card{background:var(--card-background);border-radius:24px;box-shadow:var(--card-shadow);color:var(--text-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);position:relative;transition:transform .5s ease,opacity .5s ease;padding:100px 2rem 2rem}.login-card.success{transform:scale(1.02);opacity:0}.card-gradient{position:absolute;inset:0;background:linear-gradient(to bottom right,transparent,rgba(var(--electric-cyan-rgb),.05));border-radius:24px;pointer-events:none}.card-content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.card-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradientText 4s ease infinite;text-align:center;width:100%}.card-content form{width:90%;display:flex;flex-direction:column;align-items:center}.input-group{position:relative;margin-bottom:1.5rem;width:100%}.input-group input,.input-group select{width:100%;height:48px;padding:0 1rem;background:var(--input-background);border:none;border-bottom:2px solid var(--input-border);border-radius:8px 8px 0 0;font-family:inherit;font-size:1rem;color:var(--text-primary);transition:border-color .3s ease;transform-origin:left;transition:all .3s ease,transform .2s ease;text-align:left;box-sizing:border-box}.input-group select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234A5568%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.4-5.4-13z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.65em auto}.dark-mode .input-group select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B8F7FF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.4-5.4-13z%22%2F%3E%3C%2Fsvg%3E")}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--electric-cyan);transform:scale(1.01)}.input-group label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-secondary);pointer-events:none;transition:all .3s ease;transform-origin:left top}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label,.input-group select:focus~label,.input-group select:valid~label{top:-.5rem;left:.8rem;font-size:.875rem;color:var(--electric-cyan)}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:rgba(var(--electric-cyan-rgb),.05);border:1px solid rgba(var(--electric-cyan-rgb),.1);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;padding:4px 12px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px}.password-toggle:hover{color:var(--electric-cyan);background:rgba(var(--electric-cyan-rgb),.1);border-color:rgba(var(--electric-cyan-rgb),.2);text-shadow:0 0 8px rgba(var(--electric-cyan-rgb),.3)}.form-options{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0;width:100%}.checkbox-wrapper{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;cursor:pointer;color:var(--text-secondary)}.checkbox-container{position:relative;width:18px;height:18px}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{position:absolute;inset:0;background:var(--input-background);border:2px solid var(--input-border);border-radius:4px;transition:all .3s ease}.checkbox-container input:checked~.checkbox-custom{background:var(--electric-cyan);border-color:var(--electric-cyan)}.checkbox-checkmark{position:absolute;width:12px;height:12px;top:1px;left:1px;color:#fff;opacity:0;transition:opacity .3s ease}.checkbox-container input:checked~.checkbox-custom .checkbox-checkmark{opacity:1}.checkbox-label,.forgot-password{font-size:.875rem;color:var(--text-secondary)}.forgot-password{text-decoration:none;transition:opacity .3s ease}.forgot-password:hover{color:var(--text-primary)}.login-button{width:100%;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.button-hover-effect{position:absolute;inset:0;background:rgba(var(--white-rgb),.2);transform:translateY(100%);transition:transform .3s ease}.login-button:hover .button-hover-effect{transform:translateY(0)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(var(--white-rgb),.3);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}.sso-section{margin-top:2rem;width:90%}.divider{position:relative;text-align:center;margin:1.5rem 0;color:var(--text-secondary)}.divider:after,.divider:before{content:"";position:absolute;top:50%;width:calc(50% - 80px);height:1px;background:var(--divider-color)}.divider:before{left:0}.divider:after{right:0}.divider span{position:relative;padding:0 1rem;color:var(--text-secondary);font-size:.875rem;background:none}.sso-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;width:100%}.sso-button{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;padding:.75rem;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid var(--glass-border);position:relative;overflow:hidden;background:var(--glass-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)}.sso-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(var(--white-rgb),.1),transparent);transform:translateX(-100%);transition:transform .6s ease}.sso-button:hover:before{transform:translateX(100%)}.sso-button:hover:not(:disabled){transform:translateY(-2px)}.sso-button.sso-button-disabled{cursor:not-allowed;opacity:.6}.sso-button.sso-button-disabled:hover{transform:none}.sso-lock-icon{position:absolute;top:6px;right:6px;width:12px;height:12px;color:var(--text-secondary);opacity:.7}.dark-mode .sso-lock-icon{color:var(--text-primary)}.sso-icon{width:20px;height:20px}.sso-button.google{background:var(--glass-background);border:1px solid var(--glass-border)}.sso-button.google:hover{background:var(--glass-background);border-color:var(--glass-border)}.sso-button.microsoft{background:#2f2f2f;color:#fff}.sso-button.github{background:#24292e;color:#fff}.sso-button.apple{background:#000;color:#fff}.sso-button.facebook{background:#1877f2;color:#fff}.sso-button.facebook:hover{background:#0d6adf;box-shadow:0 4px 12px rgba(24,119,242,.2)}.sso-button.saml{background:var(--gradient-dimensional);color:var(--text-primary);border:1px solid rgba(var(--electric-cyan-rgb),.2)}.sso-button.saml:hover{border-color:rgba(var(--electric-cyan-rgb),.4);box-shadow:var(--hover-glow)}.error-message{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;padding:.75rem;background:rgba(255,0,0,.1);border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:1.5rem;animation:fadeIn .3s ease;width:100%}.error-message svg{width:16px;height:16px;flex-shrink:0;fill:currentColor}.success-message{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;padding:.75rem;background:rgba(var(--electric-cyan-rgb),.1);border:1px solid rgba(var(--electric-cyan-rgb),.3);border-radius:8px;color:var(--electric-cyan);font-size:.875rem;margin-bottom:1.5rem;animation:fadeIn .3s ease;width:100%}.success-message svg{width:20px;height:20px;flex-shrink:0;fill:currentColor}.dark-mode .success-message{background:rgba(var(--electric-cyan-rgb),.15);border-color:rgba(var(--electric-cyan-rgb),.4);color:var(--ice-blue)}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.3}}@keyframes gradientText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleLogo{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(2deg)}}@media (max-width:480px){.login-page{padding:.5rem}.login-card{margin:0 .5rem;width:calc(100% - 1rem);max-width:440px}.login-content{padding:0 .5rem;width:100%}.card-content h1{font-size:1.75rem}.sso-buttons{grid-template-columns:repeat(2,1fr)}.brand-circle{width:120px;height:120px}}.streaming-title{position:relative;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:600;min-height:3rem;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;opacity:.7;transform:translateY(2px);transition:all .3s ease-out;color:var(--text-primary)}.streaming-title.streaming{opacity:.95;transform:translateY(-2px)}.streaming-title.complete{opacity:1;transform:translateY(0)}.streaming-title.unstreaming{opacity:.7;transform:translateY(2px)}.streaming-text{background:linear-gradient(135deg,var(--electric-cyan),var(--ice-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradientText 4s ease infinite;min-width:1px;white-space:nowrap}.typing-cursor{display:inline-flex;align-items:center;height:100%;opacity:var(--cursor-opacity,1);transition:opacity .3s ease-in-out;padding-bottom:4px}.dot-loader{display:inline-block;position:relative}.dot,.dot-loader{width:8px;height:8px}.dot{position:absolute;border-radius:50%;animation:dotPulse 1.5s cubic-bezier(.4,0,.2,1) infinite}:root:not(.dark-mode) .dot{background:var(--electric-cyan);box-shadow:0 0 10px rgba(var(--electric-cyan-rgb),.5)}.dark-mode .dot{background:var(--electric-cyan);box-shadow:0 0 15px rgba(var(--electric-cyan-rgb),.7)}@keyframes dotPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.streaming-title.streaming .dot,.streaming-title.unstreaming .dot{animation-duration:1s}.streaming-title.complete .dot{animation:none;transform:scale(1);opacity:1}.theme-toggle{position:relative;width:40px;height:40px;border-radius:50%;background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--hover-glow)}.theme-toggle svg{width:20px;height:20px;transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(12deg)}.dark-mode .theme-toggle{background:var(--glass-background);border-color:var(--glass-border)}.dark-mode .password-toggle{color:var(--electric-cyan);opacity:.9;background:rgba(var(--electric-cyan-rgb),.1);border:1px solid rgba(var(--electric-cyan-rgb),.2);text-shadow:0 0 4px rgba(var(--electric-cyan-rgb),.3)}.dark-mode .password-toggle:hover{color:var(--electric-cyan);opacity:1;background:rgba(var(--electric-cyan-rgb),.15);border-color:rgba(var(--electric-cyan-rgb),.3);text-shadow:0 0 8px rgba(var(--electric-cyan-rgb),.4);box-shadow:0 0 10px rgba(var(--electric-cyan-rgb),.1)}.sso-button span{text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark-mode .sso-button.google{background:rgba(var(--white-rgb),.9);color:var(--deep-navy);border:1px solid rgba(var(--white-rgb),.2);box-shadow:0 2px 4px rgba(0,0,0,.1)}.dark-mode .sso-button.google:hover{background:var(--white);border-color:rgba(var(--white-rgb),.3);box-shadow:0 4px 12px rgba(0,0,0,.15)}.dark-mode .sso-button.facebook{background:#1877f2;box-shadow:0 2px 4px rgba(0,0,0,.2)}.dark-mode .sso-button.facebook:hover{background:#0d6adf;box-shadow:0 4px 12px rgba(0,0,0,.3)}.dark-mode .sso-button.saml{background:var(--gradient-dimensional);border-color:rgba(var(--electric-cyan-rgb),.3)}.dark-mode .sso-button.saml:hover{border-color:rgba(var(--electric-cyan-rgb),.5);box-shadow:var(--hover-glow)}.mode-toggle-section{margin-top:1.5rem;width:100%;text-align:center}.mode-toggle-button{background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem}.mode-toggle-button:hover{color:var(--electric-cyan);background-color:rgba(var(--electric-cyan-rgb),.05)}.mode-toggle-button svg{font-size:1.1em}.dark-mode .mode-toggle-button{color:var(--text-secondary)}.dark-mode .mode-toggle-button:hover{color:var(--electric-cyan);background-color:rgba(var(--electric-cyan-rgb),.1)}.login-header-controls{position:fixed;top:2rem;right:2rem;display:flex;align-items:center;grid-gap:1rem;gap:1rem;z-index:1000}.language-selector select{background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-primary);padding:.5rem;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .3s ease;height:40px}.language-selector select:focus,.language-selector select:hover{border-color:var(--electric-cyan)}.language-selector select:focus{outline:none;box-shadow:var(--hover-glow)}.onboarding-fab-container{position:fixed;bottom:30px;right:30px;z-index:10001}.onboarding-fab{width:52px;height:52px;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--card-shadow);cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);font-size:26px;outline:none}.onboarding-fab:hover{transform:scale(1.1);box-shadow:var(--hover-glow)}.onboarding-fab.open{background:var(--gradient-primary);box-shadow:var(--hover-glow)}.onboarding-menu{position:absolute;bottom:70px;right:0;width:320px;background:var(--glass-background);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;box-shadow:var(--card-shadow);padding:0;overflow:hidden;transform-origin:bottom right;transition:all .3s ease}.onboarding-menu.open{animation:menu-appear .4s cubic-bezier(.16,1,.3,1) forwards}.onboarding-menu.closing{animation:menu-disappear .3s ease-out forwards}@keyframes menu-appear{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes menu-disappear{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(10px)}}.onboarding-menu-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:transparent;border-bottom:1px solid var(--glass-border)}.dark-mode .onboarding-menu-header{background:transparent}.onboarding-menu-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.onboarding-menu-close{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-speed)}.onboarding-menu-close:hover{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:rotate(90deg);box-shadow:var(--hover-glow)}.onboarding-menu ul{list-style:none;padding:8px;margin:0;max-height:40vh;overflow-y:auto}.onboarding-menu li{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;border:1px solid transparent;transition:background-color .2s ease,opacity .3s ease,transform .3s ease,border-color .2s ease,box-shadow .2s ease;opacity:0;transform:translateX(-20px)}.onboarding-group-header{padding:12px 12px 4px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:initial;opacity:0;transform:translateX(-20px);pointer-events:none}.onboarding-group-header:hover{background-color:initial;border-color:transparent;box-shadow:none}.onboarding-menu li:not(.disabled){cursor:pointer}.onboarding-menu li.disabled{opacity:.6;cursor:not-allowed}.onboarding-menu li.disabled:hover{background-color:initial;border-color:transparent;box-shadow:none}.onboarding-menu.open .onboarding-group-header,.onboarding-menu.open li{opacity:1;transform:translateX(0)}.onboarding-menu li:hover{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:rgba(var(--electric-cyan-rgb),.6);box-shadow:var(--hover-glow)}.onboarding-menu.open li:first-child{transition-delay:.05s}.onboarding-menu.open li:nth-child(2){transition-delay:.1s}.onboarding-menu.open li:nth-child(3){transition-delay:.15s}.onboarding-menu.open li:nth-child(4){transition-delay:.2s}.onboarding-menu.open li:nth-child(5){transition-delay:.25s}.tour-info{flex-grow:1;padding-right:8px}.tour-info strong{font-size:15px;color:var(--text-primary);display:block}.tour-info p{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.tour-tags{margin-top:10px;display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px}.tour-tag{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid transparent;transition:all .2s ease}.tour-tag:hover{transform:translateY(-1px);filter:brightness(1.15)}.tour-tag-cyan{background-color:rgba(var(--electric-cyan-rgb),.15);color:var(--electric-cyan);border-color:rgba(var(--electric-cyan-rgb),.3)}.tour-tag-magenta{background-color:rgba(255,69,233,.15);color:#ff45e9;border-color:rgba(255,69,233,.3)}.tour-tag-green{background-color:rgba(29,222,133,.15);color:#1dde85;border-color:rgba(29,222,133,.3)}.tour-tag-orange{background-color:rgba(255,172,51,.15);color:#ffac33;border-color:rgba(255,172,51,.3)}.tour-tag-blue{background-color:rgba(69,134,255,.15);color:#4586ff;border-color:rgba(69,134,255,.3)}.tour-actions{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0}.tour-completed-icon{color:var(--success-color);font-size:24px}.start-tour-button{background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;font-size:20px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.start-tour-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);color:var(--electric-cyan);border-color:var(--electric-cyan);transform:scale(1.1);box-shadow:var(--hover-glow)}.start-tour-button.disabled{opacity:.5;cursor:not-allowed}.start-tour-button.disabled:hover{background:var(--glass-background);border:1px solid var(--glass-border);color:var(--text-primary);transform:none;box-shadow:none}.react-joyride__floater{transition:transform .5s cubic-bezier(.65,0,.35,1)!important}.react-joyride__tooltip{background:var(--glass-background)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;color:var(--text-primary)!important;border-radius:16px!important;box-shadow:var(--card-shadow)!important;border:1px solid var(--glass-border)!important;padding:1.5rem!important;width:380px!important;animation:joyride-content-appear .3s ease-out forwards}@keyframes joyride-content-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.react-joyride__arrow{color:var(--glass-background)!important}.react-joyride__tooltip .react-joyride__button--primary,button[data-action=primary],div[data-test-id=button-primary]{background:linear-gradient(90deg,var(--electric-cyan),var(--primary-color))!important;background-color:var(--electric-cyan)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important;transition:all var(--transition-speed)!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.react-joyride__tooltip .react-joyride__button--primary:hover,button[data-action=primary]:hover,div[data-test-id=button-primary]:hover{background:var(--electric-cyan)!important;background-color:var(--electric-cyan)!important;transform:translateY(-2px)!important;filter:brightness(1.1)!important;box-shadow:var(--hover-glow)!important}.react-joyride__tooltip button[data-action=primary],.react-joyride__tooltip button[type=button]:not([data-action=back]):not([data-action=close]):not([data-action=skip]){background:var(--electric-cyan)!important;background-color:var(--electric-cyan)!important;color:#fff!important}.react-joyride__tooltip .react-joyride__button--secondary,button[data-action=back],button[data-action=skip]{color:var(--text-primary)!important;background:var(--glass-background)!important;background-color:var(--glass-background)!important;border:1px solid var(--glass-border)!important;border-radius:8px!important;padding:8px 16px!important;font-weight:500!important;opacity:.9!important;transition:all var(--transition-speed)!important}.react-joyride__tooltip .react-joyride__button--secondary:hover,button[data-action=back]:hover,button[data-action=skip]:hover{color:var(--electric-cyan)!important;border-color:var(--electric-cyan)!important;background:rgba(var(--electric-cyan-rgb),.1)!important;background-color:rgba(var(--electric-cyan-rgb),.1)!important;opacity:1!important}.react-joyride__tooltip button[data-action=prev]{background:var(--glass-background)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;border-radius:8px!important;padding:8px 16px!important;opacity:.9!important;font-weight:600!important;transition:all var(--transition-speed)!important}.react-joyride__tooltip button[data-action=prev]:hover{color:var(--electric-cyan)!important;border-color:var(--electric-cyan)!important;background:rgba(var(--electric-cyan-rgb),.1)!important;opacity:1!important}.react-joyride__close-button{color:var(--text-primary)!important;opacity:.5;font-size:24px!important;top:16px!important;right:16px!important;transition:all var(--transition-speed)!important}.react-joyride__close-button:hover{color:var(--text-primary)!important;opacity:.9;transform:scale(1.1)}.react-joyride__beacon{--beacon-size:44px;--beacon-color:var(--electric-cyan);z-index:10000}.react-joyride__beacon-outer{width:var(--beacon-size)!important;height:var(--beacon-size)!important;border-color:var(--beacon-color)!important;animation-duration:3s!important}.react-joyride__beacon-inner{width:calc(var(--beacon-size)*0.4)!important;height:calc(var(--beacon-size)*0.4)!important;background-color:var(--beacon-color)!important}.welcome-carousel-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001}@keyframes gradient-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.welcome-carousel-card{background:var(--card-background);color:var(--text-primary);border-radius:28px;padding:2.5rem 3rem;width:90%;max-width:600px;box-shadow:var(--card-shadow);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:400px;animation:cardEnter .4s cubic-bezier(.25,1,.5,1) forwards;border:2px solid transparent;background-clip:padding-box;z-index:1;transition:min-height .4s ease,max-width .4s ease}.welcome-carousel-card.has-image{max-width:700px;min-height:580px}.welcome-carousel-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--electric-cyan-rgb),.3),rgba(var(--ice-blue-rgb),.3),rgba(var(--electric-cyan-rgb),.3));background-size:200% 200%;animation:gradient-border 6s ease infinite}.welcome-carousel-overlay.dark .welcome-carousel-card{background:rgba(10,17,40,.9)}.dark-mode .welcome-carousel-card:before{background:linear-gradient(135deg,rgba(var(--electric-cyan-rgb),.6),rgba(var(--ice-blue-rgb),.4),rgba(var(--electric-cyan-rgb),.6));background-size:200% 200%;animation:gradient-border 6s ease infinite}.welcome-carousel-card .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:all .2s ease;z-index:10}.welcome-carousel-card .close-button:hover{color:var(--electric-cyan);transform:scale(1.1) rotate(90deg)}.carousel-content{text-align:center;padding:1rem 0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.carousel-content.transitioning{opacity:0;transform:scale(.98)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.slide-image{width:100%;max-height:320px;object-fit:contain;margin-bottom:1.5rem;padding:0 1rem;box-sizing:border-box}.slide-image.logo-image{border-radius:24px;width:70%;max-width:250px;aspect-ratio:1/1;margin:0 auto 2rem;background-size:contain;background-position:50%;background-repeat:no-repeat}.slide-icon{font-size:3.5rem;margin-bottom:1.5rem;color:var(--electric-cyan);display:inline-block;animation:breathe 4s ease-in-out infinite}.slide-text-container{font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:90%;margin:0 auto}.slide-text-with-icon{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;grid-gap:.3rem;gap:.3rem}.hint-icon{color:var(--electric-cyan);font-size:1.2em;transform:translateY(2px)}.slide-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.slide-text{font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:90%;margin:0 auto}.carousel-navigation{margin-top:2rem;display:flex;flex-direction:column;align-items:center;grid-gap:1.5rem;gap:1.5rem}.nav-buttons{display:flex;justify-content:center;grid-gap:1rem;gap:1rem;width:100%}.nav-buttons button{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;border:none;transform:translateY(0)}.nav-buttons button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.nav-buttons button:not(.next-button):not(.start-button){background-color:initial;color:var(--text-secondary);border:2px solid var(--input-border)}.nav-buttons button:not(.next-button):not(.start-button):not(:disabled):hover,.suggested-tour-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-2px)}.nav-buttons .next-button,.start-button{background:linear-gradient(135deg,var(--electric-cyan),#5e60ce);color:#fff;box-shadow:0 4px 15px rgba(var(--electric-cyan-rgb),.2)}.nav-buttons .next-button:hover:not(:disabled),.start-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--electric-cyan-rgb),.3);background:linear-gradient(135deg,var(--electric-cyan),#6a6cf0)}.slide-indicators{grid-gap:.75rem;gap:.75rem}.indicator-number,.slide-indicators{display:flex;align-items:center;justify-content:center}.indicator-number{width:30px;height:30px;border-radius:50%;background-color:initial;border:2px solid var(--input-border);color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.indicator-number:hover{border-color:var(--electric-cyan);color:var(--electric-cyan)}.indicator-number.active{background-color:var(--electric-cyan);border-color:var(--electric-cyan);color:#fff;transform:scale(1.1);box-shadow:0 0 15px rgba(var(--electric-cyan-rgb),.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.final-slide-actions{width:100%;display:flex;flex-direction:column;align-items:center;grid-gap:1.5rem;gap:1.5rem}.final-slide-actions .start-button{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;border:none;transform:translateY(0);width:100%;max-width:300px;justify-content:center}.suggested-tours{width:100%;text-align:center}.suggested-tours-prompt{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.divider-container{display:flex;align-items:center;grid-gap:1rem;gap:1rem;margin-bottom:.75rem}.divider-line{flex-grow:1;height:1px;background-color:var(--input-border)}.divider-container .suggested-tours-prompt{margin-bottom:0;white-space:nowrap}.suggested-tours-buttons{display:flex;justify-content:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.suggested-tour-button{background:none;border:2px solid var(--input-border);color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.suggested-tour-button:hover{background-color:rgba(var(--electric-cyan-rgb),.1);border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-2px)}.welcome-carousel-overlay.closing{animation:overlayFadeOut .4s ease-out forwards}.welcome-carousel-overlay.closing .welcome-carousel-card{animation:cardExit .4s ease-out forwards}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes cardExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-width:640px){.welcome-carousel-card{padding:2rem 1.5rem;min-height:360px}.slide-title{font-size:1.5rem}.slide-text{font-size:.95rem}.nav-buttons button{padding:.6rem 1rem;font-size:.9rem}}.billing-fab-container{position:fixed;bottom:92px;right:30px;z-index:10000}.billing-fab{width:52px;height:52px;padding:0;border-radius:50%;color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--card-shadow);cursor:pointer;transition:width .4s cubic-bezier(.68,-.55,.27,1.55),border-radius .4s cubic-bezier(.68,-.55,.27,1.55),box-shadow .2s ease-in-out;font-size:26px;outline:none}.billing-fab.updated,.billing-fab:hover{width:130px;border-radius:26px;box-shadow:var(--hover-glow)}.billing-fab .icon{flex-shrink:0;display:flex;align-items:center}.billing-fab-balance{font-size:16px;font-weight:600;white-space:nowrap;width:0;opacity:0;margin-left:0;overflow:hidden;transition:width .4s cubic-bezier(.68,-.55,.27,1.55),opacity .3s ease,margin-left .4s cubic-bezier(.68,-.55,.27,1.55)}.billing-fab.updated .billing-fab-balance,.billing-fab:hover .billing-fab-balance{width:50px;opacity:1;margin-left:10px}.billing-fab-container.normal .billing-fab{background:linear-gradient(90deg,#27ae60,#229954)}.billing-fab-container.warning .billing-fab{background:linear-gradient(90deg,#f39c12,#e67e22)}.billing-fab-container.critical .billing-fab{background:linear-gradient(90deg,#e74c3c,#c0392b)}@keyframes balance-update-flash{0%{transform:scale(1)}50%{transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1)}}.billing-fab.updated .billing-fab-balance{animation:balance-update-flash .4s ease-out}*,:after,:before{box-sizing:border-box}body{margin:0;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}button,input,select,textarea{font:inherit;margin:0}