.shortcut-help-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90%;max-height:80vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:10000;display:flex;flex-direction:column;overflow:hidden}.shortcut-help-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.shortcut-help-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.shortcut-help-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.shortcut-help-close:hover{background-color:#eee;color:#333}.shortcut-help-content{padding:15px 20px;overflow-y:auto}.shortcut-list{width:100%;border-collapse:collapse}.shortcut-list th{text-align:left;padding:10px 15px;border-bottom:2px solid #e0e0e0;font-weight:600;color:#555}.shortcut-list td{padding:8px 15px;border-bottom:1px solid #eee}.shortcut-key{font-family:monospace;font-weight:600;background-color:#f5f5f5;padding:3px 6px;border-radius:4px;color:#333;white-space:nowrap}.saved-designs-container{max-height:500px;overflow-y:auto;padding:10px}.saved-design-item{transition:all .2s ease;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:15px}.saved-design-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.saved-design-item .card-body{display:flex;flex-direction:column;padding:15px}.thumbnails-container{display:flex;gap:10px;margin-bottom:15px}.thumbnail-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center}.thumbnail-label{font-size:12px;font-weight:600;color:#666;margin-bottom:5px;text-transform:uppercase}.design-thumbnail{width:100%;height:100px;border-radius:4px;overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0}.outside-thumbnail{background-color:#f0f8ff}.inside-thumbnail{background-color:#f0fff0}.thumbnail-img{width:100%;height:100%;object-fit:contain}.thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#aaa;font-size:2rem}.design-info{flex-grow:1}.design-name{margin-bottom:5px;font-weight:600;word-break:break-word}.design-date{font-size:.85rem;color:#777;margin-bottom:10px}.design-actions{display:flex;gap:8px}.no-designs{text-align:center;padding:20px;color:#777;font-style:italic}@media (max-width:576px){.thumbnails-container{flex-direction:column}.thumbnail-wrapper{width:100%}.design-thumbnail{height:120px}.design-actions{width:100%;justify-content:space-between}}