.app-side-panel.app-side-panel{inset:auto 0 auto auto;top:var(--side-panel-top,64px);width:min(480px,100vw);height:var(--side-panel-height,calc(100dvh - 64px));max-width:none;max-height:none;color:var(--text-primary);box-sizing:border-box;z-index:140;pointer-events:none;background:0 0;border:0;margin:0;padding:12px 12px 12px 0;position:fixed;overflow:visible}.app-side-panel:not([open]){display:none}.app-side-panel::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.app-side-panel__surface{pointer-events:auto;background:var(--bg-base);border:1px solid var(--border-default);border-radius:22px;flex-direction:column;width:100%;height:100%;min-height:0;animation:.22s ease-out appSidePanelIn;display:flex;overflow:hidden;box-shadow:0 12px 36px #0000001a}.app-side-panel__header{box-sizing:border-box;border-bottom:1px solid var(--border-default);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:6px 18px;display:flex}.app-side-panel__header h2{letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:18px;font-weight:400;line-height:24px}.app-side-panel__body{overscroll-behavior:contain;min-width:0;min-height:0;padding:20px 18px calc(24px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}html.dark .app-side-panel__surface{background:var(--bg-elevated);box-shadow:0 12px 36px #00000047}@media (min-width:768px) and (max-width:1023px){.app-side-panel.app-side-panel{width:min(452px,100vw)}}@media (max-width:767px){.app-side-panel.app-side-panel{width:100%;padding:8px}.app-side-panel__surface{border-radius:18px}.app-side-panel__body{padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px))}}@keyframes appSidePanelIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.app-side-panel.app-side-panel--workspace{right:var(--side-panel-workspace-right,0px);width:min(480px, var(--side-panel-workspace-width,100vw));padding:0}.app-side-panel--workspace .app-side-panel__surface{border-radius:24px}@media (min-width:768px) and (max-width:1023px){.app-side-panel.app-side-panel--workspace{width:min(452px, var(--side-panel-workspace-width,100vw))}.app-side-panel--workspace .app-side-panel__surface{border-radius:20px}}@media (max-width:767px){.app-side-panel.app-side-panel--workspace{width:var(--side-panel-workspace-width,100vw)}.app-side-panel--workspace .app-side-panel__surface{border-radius:18px}}@media (prefers-reduced-motion:reduce){.app-side-panel__surface{animation:none}}@media (forced-colors:active){.app-side-panel__surface{box-shadow:none;border:1px solid canvastext}}