.shortcuts-overlay{z-index:1100;background:var(--scrim);justify-content:flex-end;animation:.15s ease-out shortcuts-fade;display:flex;position:fixed;inset:0}@keyframes shortcuts-fade{0%{opacity:0}to{opacity:1}}.shortcuts-panel{background:var(--bg-surface);border-left:1px solid var(--border);width:380px;max-width:100vw;height:100%;box-shadow:-16px 0 40px var(--scrim);flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) shortcuts-slide;display:flex}@keyframes shortcuts-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.shortcuts-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.shortcuts-title{color:var(--text-strong);font-size:14px;font-weight:600}.shortcuts-subtitle{color:var(--text-muted);margin-top:3px;font-size:12px}.shortcuts-close{width:26px;height:26px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:color .1s,background .1s;display:flex}.shortcuts-close:hover{color:var(--text-strong);background:var(--hover)}.shortcuts-body{flex:1;padding:8px 20px 24px;overflow-y:auto}.shortcuts-section{border-bottom:1px solid var(--border);padding:14px 0 8px}.shortcuts-section:last-child{border-bottom:none}.shortcuts-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600}.shortcuts-list{list-style:none}.shortcuts-row{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:13px;display:flex}.shortcuts-label{color:var(--text-mod)}.shortcuts-keys{align-items:center;gap:4px;display:inline-flex}.shortcuts-key{min-width:22px;height:22px;font-family:var(--font);color:var(--text-strong);background:var(--bg-elevated);border:1px solid var(--border-sub);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}