.wing{position:fixed;top:50%;transform:translateY(-50%);margin-top:5px;max-height:calc(100vh - 130px);z-index:40;background:var(--glass-bg);backdrop-filter:blur(20px);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.wing[data-footer-expanded=true]{top:64px;bottom:var(--footer-drawer-height, 56px);transform:none;margin-top:0;max-height:none}:root{--frame-max-width: var(--layout-chat-max-width, 900px);--frame-gutter: var(--layout-outer-gutter, 16px);--drawer-available-space: calc((100vw - min(var(--frame-max-width), calc(100vw - var(--frame-gutter) * 2)))/2) }.left-panel-drawer,.right-panel-drawer{position:fixed;top:64px;bottom:56px;z-index:39;background:var(--glass-bg-elevated);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);display:flex;flex-direction:column;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);transition:width .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1)}.left-panel-drawer[data-footer-expanded=true],.right-panel-drawer[data-footer-expanded=true]{bottom:var(--footer-drawer-height, 56px)}.left-panel-drawer[data-preview-mode=true],.right-panel-drawer[data-preview-mode=true]{opacity:.85;cursor:default}.left-panel-drawer[data-preview-mode=true]:after,.right-panel-drawer[data-preview-mode=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--theme-primary) 3%,transparent) 50%,transparent 100%);pointer-events:none;z-index:1}.left-panel-drawer{left:0;border-radius:0 16px 16px 0;border-left:none;min-width:280px;background-color:var(--theme-bg-elevated);background-image:linear-gradient(color-mix(in srgb,var(--theme-primary) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 5%,transparent) 1px,transparent 1px);background-size:20px 20px;border:1px solid color-mix(in srgb,var(--theme-primary) 20%,transparent);box-shadow:5px 0 20px #00000080,inset 0 0 20px color-mix(in srgb,var(--theme-primary) 5%,transparent)}.right-panel-drawer{right:0;border-radius:16px 0 0 16px;border-right:none;min-width:280px;background:var(--glass-bg);background-image:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--theme-warning) 18%,transparent),transparent 55%),radial-gradient(circle at 82% 28%,color-mix(in srgb,var(--theme-primary) 12%,transparent),transparent 60%);border-color:color-mix(in srgb,var(--theme-warning) 18%,transparent);backdrop-filter:blur(24px) saturate(150%)}.panel-header[data-side=left]{border-bottom-color:color-mix(in srgb,var(--theme-info) 30%,transparent)}.panel-header[data-side=right]{border-bottom-color:color-mix(in srgb,var(--theme-warning) 30%,transparent)}.left-panel-drawer-content,.right-panel-drawer-content{display:flex;flex-direction:column;height:100%;padding:0}.left-panel-drawer:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;border-radius:0 16px 16px 0;padding:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 10%,transparent),color-mix(in srgb,var(--theme-primary) 40%,transparent),color-mix(in srgb,var(--theme-primary) 80%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:inset(0 0 0 1px)}.right-panel-drawer:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;border-radius:16px 0 0 16px;padding:1px;background:linear-gradient(270deg,transparent 0%,color-mix(in srgb,var(--theme-primary) 20%,transparent) 50%,color-mix(in srgb,var(--theme-primary) 40%,transparent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:inset(0 1px 0 0)}.blueprint-grid{background-color:var(--theme-bg-elevated);background-image:linear-gradient(color-mix(in srgb,var(--theme-primary) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 5%,transparent) 1px,transparent 1px);background-size:20px 20px;position:relative}.blueprint-grid>*{position:relative;z-index:2}.blueprint-grid:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(5,10,20,.5) 100%);z-index:1}@media(max-width:1200px){.left-panel-drawer,.right-panel-drawer{min-width:240px;max-width:320px}}@media(max-width:768px){.left-panel-drawer,.right-panel-drawer{width:85vw!important;max-width:320px;border-radius:0}}.wing-left{left:0;border-radius:0 16px 16px 0}.wing-right{right:0;border-radius:16px 0 0 16px}.left-panel-hitbox{position:fixed;left:0;top:64px;bottom:100px;width:56px;z-index:39}.right-panel-hitbox{position:fixed;right:0;top:64px;bottom:100px;width:56px;z-index:39}.left-panel-rail{width:56px}.wing-collapsed-rail{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:4px 6px;gap:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.wing-left .wing-collapsed-rail{padding:8px 4px;align-items:center}.wing-right .wing-collapsed-rail{padding:4px 2px}.wing-collapsed-tabs{display:flex;flex-direction:column;align-items:center;gap:10px}.wing-bottom-dock{margin-top:auto;padding-top:12px;display:flex;justify-content:center}.wing-icon-tab{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg-hover);border:1px solid var(--glass-border);border-radius:10px;color:var(--glass-text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin:0 auto;box-shadow:none;position:relative}.wing-icon-tab:hover{background:var(--glass-bg-secondary);border-color:var(--glass-border-hover);color:var(--glass-text);box-shadow:0 4px 12px var(--glass-shadow),0 0 8px var(--glass-glow-shadow)}.wing-left .wing-icon-tab:hover{transform:translate(4px)}.wing-right .wing-icon-tab:hover{transform:translate(-4px)}.wing-icon-tab.active{background:var(--glass-bg-secondary);border-color:var(--glass-glow);color:var(--glass-glow);box-shadow:0 0 16px var(--glass-glow-shadow),inset 0 0 8px var(--glass-glow-shadow)}.wing-icon-tab.active:before{content:"";position:absolute;width:3px;height:100%;background:var(--glass-glow);box-shadow:0 0 8px var(--glass-glow);border-radius:2px;animation:pulse 2s ease-in-out infinite}.wing-left .wing-icon-tab.active:before{right:-1px}.wing-right .wing-icon-tab.active:before{left:-1px}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--glass-glow)}50%{opacity:.7;box-shadow:0 0 16px var(--glass-glow)}}.wing-icon-tab--bottom{border-radius:12px}@media(max-width:767px){#leftWing,#rightWing{display:none!important}.wing.wing-left.mobile-drawer,.wing.wing-right.mobile-drawer{position:fixed!important;top:0!important;left:0!important;right:auto!important;width:85vw!important;max-width:320px!important;height:100vh!important;height:100dvh!important;border-radius:0!important;z-index:60!important;padding-left:max(0px,env(safe-area-inset-left))!important;padding-right:max(0px,env(safe-area-inset-right))!important;padding-top:max(0px,env(safe-area-inset-top))!important;padding-bottom:max(0px,env(safe-area-inset-bottom))!important}.wing.wing-right.mobile-drawer{left:auto!important;right:0!important}.wing-icon-tab{width:44px!important;height:44px!important;padding:12px!important}.glass-card h4{font-size:14px!important}.glass-button{padding:14px!important;font-size:14px!important;min-height:44px!important}.wing>div{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media(min-width:768px)and (max-width:1024px){#leftWing,#rightWing{width:48px!important}.wing-icon-tab{width:40px!important;height:40px!important}.wing-collapsed-rail{padding:12px 4px!important}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer.wing-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer.wing-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.icon-warning{color:var(--status-warning)}.icon-purple{color:var(--theme-purple-500)}.icon-violet{color:var(--theme-purple-400)}.icon-success{color:var(--status-success)}.icon-info{color:var(--status-info)}.icon-muted{color:var(--theme-text-muted)}.icon-xs{width:14px;height:14px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:28px;height:28px}.icon-2xl{width:32px;height:32px}.text-primary{color:var(--glass-text)}.text-secondary{color:var(--glass-text-secondary)}.text-glow{color:var(--glass-glow)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.text-info{color:var(--status-info)}.wing-icon-tab{transition:all .3s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.wing-icon-tab.active{animation:tabGlow 2s ease-in-out infinite}@keyframes tabGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.wing-icon-tab:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--theme-primary);transform:translate(-50%);transition:width .3s ease;border-radius:1px}.wing-icon-tab:hover:after{width:60%}.wing-icon-tab.active:after{display:none}.wing{position:relative;isolation:isolate}.wing-left{border:none!important;outline:none!important;position:relative;overflow:visible;clip-path:inset(0 0 0 0 round 0 16px 16px 0)}.wing-right{border:none!important;outline:none!important;position:relative;overflow:visible;clip-path:inset(0 0 0 0 round 16px 0 0 16px)}.wing-left:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;border-radius:0 16px 16px 0;padding:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 8%,transparent),color-mix(in srgb,var(--theme-primary) 25%,transparent),color-mix(in srgb,var(--theme-primary) 50%,transparent) 60%,color-mix(in srgb,var(--theme-primary) 70%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:inset(0 0 0 2px);animation:panelBorderPulse 3s ease-in-out infinite}.wing-right:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;border-radius:16px 0 0 16px;padding:2px;background:linear-gradient(270deg,color-mix(in srgb,var(--theme-primary) 8%,transparent),color-mix(in srgb,var(--theme-primary) 25%,transparent),color-mix(in srgb,var(--theme-primary) 50%,transparent) 60%,color-mix(in srgb,var(--theme-primary) 70%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;clip-path:inset(0 2px 0 0);animation:panelBorderPulse 3s ease-in-out infinite}@keyframes panelBorderPulse{0%,to{opacity:.9}50%{opacity:1}}@keyframes gradientFlowVertical{0%{background-position:50% 0%}to{background-position:50% 200%}}@keyframes cornerPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.wing.opening{animation-duration:.5s;animation-timing-function:ease-out}.wing.closing{opacity:0;transition:opacity .3s ease-out}.wing:hover{box-shadow:0 0 20px var(--theme-glow-shadow),2px 0 10px var(--theme-glow-shadow),-2px 0 10px var(--theme-glow-shadow)}@media(prefers-reduced-motion:reduce){.wing,.wing-left,.wing-right{animation:none!important}}