.right-panel-backdrop{z-index:100;opacity:0;pointer-events:none;background:#0b0b0c52;transition:opacity .25s;position:fixed;inset:0}.right-panel-backdrop.open{opacity:1;pointer-events:auto}.right-panel{z-index:101;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:min(520px,94vw);transition:transform .25s,width .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-16px 0 40px #0000001a}.right-panel.open{transform:translate(0)}.right-panel.expanded{width:100vw}@media (max-width:640px){.right-panel{width:100vw}}.right-panel-head{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-start;align-items:center;gap:8px;padding:16px 20px;display:flex}.right-panel-icon-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.right-panel-icon-btn:hover{color:#0b0b0c;background:#f1f1f3;border-color:#0b0b0c}.right-panel-body{scrollbar-width:thin;scrollbar-color:#cfd1d6 #0000;overscroll-behavior:contain;flex:1;min-height:0;padding:8px 24px 24px;overflow-y:auto}.right-panel-body::-webkit-scrollbar{width:8px}.right-panel-body::-webkit-scrollbar-thumb{background:#cfd1d6;border-radius:4px}.right-panel-body::-webkit-scrollbar-track{background:0 0}