.ai-side-panel{border-left:1px solid hsl(var(--border) / .6);box-shadow:-8px 0 32px -12px #00000014, -1px 0 0 0 hsl(var(--border) / .4);will-change:transform;-webkit-backdrop-filter:blur(24px)saturate(1.3);position:fixed;top:56px;bottom:0;right:0}@media (width>=768px){.ai-side-panel{top:64px}}.ai-side-panel-header{position:relative;overflow:hidden}.ai-side-panel-header:before{content:"";background:linear-gradient(135deg, hsl(var(--primary) / .06) 0%, transparent 50%, hsl(var(--primary) / .03) 100%);pointer-events:none;position:absolute;inset:0}.ai-side-panel-header:after{content:"";background:linear-gradient(90deg, transparent 0%, hsl(var(--primary) / .35) 20%, hsl(var(--primary) / .5) 50%, hsl(var(--primary) / .35) 80%, transparent 100%);height:1px;position:absolute;bottom:0;left:16px;right:16px}@keyframes statusGlow{0%,to{box-shadow:0 0 0 0 hsl(var(--primary) / .4);opacity:1}50%{box-shadow:0 0 6px 3px hsl(var(--primary) / 0);opacity:.6}}.ai-status-dot{background:hsl(var(--primary));border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite statusGlow}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.03)}}.ai-empty-orb-wrapper{animation:4s ease-in-out infinite orbFloat;position:relative}.ai-empty-orb-wrapper:before{content:"";border:1.5px solid hsl(var(--primary) / .2);pointer-events:none;border-radius:50%;animation:3s ease-in-out infinite orbPulseExpand;position:absolute;inset:-10px}.ai-empty-orb-wrapper:after{content:"";border:1px solid hsl(var(--primary) / .1);pointer-events:none;border-radius:50%;animation:3s ease-in-out .4s infinite orbPulseExpand;position:absolute;inset:-20px}@keyframes orbPulseExpand{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}.ai-suggestion-chip{border:1px solid hsl(var(--border) / .5);background:hsl(var(--card) / .6);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:12px 16px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.ai-suggestion-chip:before{content:"";background:linear-gradient(135deg, hsl(var(--primary) / .06) 0%, transparent 100%);opacity:0;pointer-events:none;border-radius:14px;transition:opacity .25s;position:absolute;inset:0}.ai-suggestion-chip:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 4px 16px -4px hsl(var(--primary) / .1), 0 0 0 1px hsl(var(--primary) / .05);transform:translateY(-1px)}.ai-suggestion-chip:hover:before{opacity:1}.ai-suggestion-chip:active{background:hsl(var(--primary) / .06);transform:scale(.98)}.ai-suggestion-chip:first-child{animation-delay:.1s}.ai-suggestion-chip:nth-child(2){animation-delay:.2s}.ai-suggestion-chip:nth-child(3){animation-delay:.3s}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-message-enter{animation:.3s cubic-bezier(.22,1,.36,1) both messageSlideIn}.ai-input-area{flex-shrink:0;position:relative}.ai-input-area:before{content:"";background:linear-gradient(90deg, transparent 0%, hsl(var(--border) / .6) 20%, hsl(var(--border) / .8) 50%, hsl(var(--border) / .6) 80%, transparent 100%);height:1px;position:absolute;top:0;left:16px;right:16px}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.typing-dot{background:hsl(var(--primary));border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}.ai-side-panel .scrollbar-thin::-webkit-scrollbar{width:5px}.ai-side-panel .scrollbar-thin::-webkit-scrollbar-track{background:0 0;margin:8px 0}.ai-side-panel .scrollbar-thin::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .15);border-radius:10px;-webkit-transition:background .2s;transition:background .2s}.ai-side-panel .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .3)}.ai-side-panel .scrollbar-thin{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground) / .15) transparent}@keyframes panelSlideIn{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes panelContentFadeIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.ai-side-panel.translate-x-0{animation:.35s cubic-bezier(.22,1,.36,1) both panelSlideIn}.ai-side-panel.translate-x-0>*{animation:.4s cubic-bezier(.22,1,.36,1) .1s both panelContentFadeIn}@media (width<=767px){.ai-side-panel{box-shadow:none;border-left:none;border-radius:0 0 16px 16px;top:56px;bottom:80px}.ai-side-panel.translate-x-0{width:100%!important}}.ai-panel-backdrop{-webkit-backdrop-filter:blur(4px);z-index:39;opacity:0;pointer-events:auto;background:#0006;animation:.3s forwards backdropFadeIn;position:fixed;inset:56px 0 0}@keyframes backdropFadeIn{to{opacity:1}}.ai-kbd{border:1px solid hsl(var(--border) / .6);background:hsl(var(--muted) / .5);height:20px;color:hsl(var(--muted-foreground));border-radius:5px;align-items:center;gap:2px;padding:0 6px;font-family:ui-monospace,monospace;font-size:10px;font-weight:500;line-height:1;display:inline-flex}@media (prefers-reduced-motion:reduce){.ai-side-panel,.ai-side-panel.translate-x-0,.ai-side-panel.translate-x-0>*,.ai-empty-orb-wrapper,.ai-empty-orb-wrapper:before,.ai-empty-orb-wrapper:after,.ai-suggestion-chip,.ai-message-enter,.ai-status-dot,.typing-dot{animation:none!important}.ai-suggestion-chip:hover{transform:none}}.ai-side-panel.ai-side-panel--floating{border:1px solid hsl(var(--border) / .6);box-shadow:0 32px 80px -24px #00000059, 0 0 0 1px hsl(var(--border) / .35);border-radius:18px;animation:none;inset:auto auto auto 0;overflow:hidden}.ai-side-panel.ai-side-panel--floating>*{animation:none}.ai-side-panel.ai-side-panel--floating .ai-panel-scroll{margin-right:8px}.ai-side-panel.ai-side-panel--interacting,.ai-side-panel.ai-side-panel--interacting>*{transition:none;animation:none}.ai-side-panel.ai-side-panel--interacting{-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:left, top, width, height}.ai-panel-resize-handle{z-index:20;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute}.ai-side-panel>.ai-panel-resize-handle{animation:none}.ai-panel-resize-handle:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:-1px;border-radius:4px}.ai-panel-resize-handle--rail:after{content:"";background:hsl(var(--primary) / 0);transition:background .15s;position:absolute;inset:0}.ai-panel-resize-handle--rail:hover:after,.ai-panel-resize-handle--rail:focus-visible:after{background:hsl(var(--primary) / .45)}.ai-panel-resize-handle--grip:after{content:"";border-right:2px solid hsl(var(--muted-foreground) / .35);border-bottom:2px solid hsl(var(--muted-foreground) / .35);border-bottom-right-radius:3px;width:8px;height:8px;transition:border-color .15s;position:absolute;bottom:3px;right:3px}.ai-panel-resize-handle--grip:hover:after,.ai-panel-resize-handle--grip:focus-visible:after{border-color:hsl(var(--primary) / .7)}.ai-dock-zone{z-index:39;pointer-events:none;border-left:2px dashed hsl(var(--primary) / .55);background:linear-gradient(270deg, hsl(var(--primary) / .12) 0%, hsl(var(--primary) / .03) 100%);opacity:0;border-radius:16px 0 0 16px;width:min(480px,40vw);animation:.15s forwards backdropFadeIn;position:fixed;top:64px;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.ai-side-panel.ai-side-panel--floating,.ai-side-panel.ai-side-panel--floating>*{transition:none}.ai-dock-zone{opacity:1;animation:none}}