.cmd-palette-backdrop {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(0,0,0,.45); backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); z-index: 999999;
    display: flex; justify-content: center; align-items: flex-start;
    padding-top: 12vh; opacity: 0; pointer-events: none;
    transition: opacity .2s cubic-bezier(.16,1,.3,1);
}
.cmd-palette-backdrop.active { opacity: 1; pointer-events: auto; }
.cmd-palette-card {
    width: 100%; max-width: 600px; background: #fff; border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.15), 0 10px 10px -5px rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.08); overflow: hidden;
    transform: scale(.96) translateY(-15px);
    transition: transform .2s cubic-bezier(.16,1,.3,1);
}
.dark .cmd-palette-card {
    background: #2e353e; border-color: rgba(255,255,255,.06);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.6);
}
.cmd-palette-backdrop.active .cmd-palette-card { transform: scale(1) translateY(0); }
.cmd-palette-search-container {
    display: flex; align-items: center; padding: 15px 20px;
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.dark .cmd-palette-search-container { border-bottom-color: rgba(255,255,255,.06); }
.cmd-palette-search-container i.search-icon { font-size: 18px; color: #8b929a; margin-right: 15px; }
.cmd-palette-input { width: 100%; border: none; outline: none; background: transparent; font-size: 16px; color: #333; }
.dark .cmd-palette-input { color: #eee; }
.cmd-palette-results { max-height: 320px; overflow-y: auto; padding: 8px 0; }
.cmd-palette-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 20px; cursor: pointer; transition: all .1s ease;
    color: #495057; text-decoration: none;
}
.dark .cmd-palette-item { color: #ced4da; }
.cmd-palette-item:hover, .cmd-palette-item.selected {
    background: #f4f6f8; color: #0088cc; text-decoration: none; outline: none;
}
.dark .cmd-palette-item:hover, .dark .cmd-palette-item.selected { background: #38424d; color: #fff; }
.cmd-palette-item-left { display: flex; align-items: center; gap: 15px; }
.cmd-palette-item-left i { font-size: 15px; width: 20px; text-align: center; color: #8b929a; transition: color .1s ease; }
.cmd-palette-item:hover i, .cmd-palette-item.selected i { color: inherit; }
.cmd-palette-item-title { font-weight: 600; display: block; }
.cmd-palette-item-desc { font-size: 11px; color: #8b929a; display: block; margin-top: 2px; }
.cmd-palette-shortcut {
    font-size: 10px; background: #f1f3f5; padding: 2px 6px; border-radius: 4px;
    color: #8b929a; border: 1px solid #e9ecef;
}
.dark .cmd-palette-shortcut { background: #242930; color: #8b929a; border-color: #38424d; }
.cmd-palette-footer {
    display: flex; justify-content: space-between; padding: 10px 20px;
    background: #fcfcfc; border-top: 1px solid rgba(0,0,0,.04);
    font-size: 11px; color: #8b929a;
}
.dark .cmd-palette-footer { background: #242930; border-top-color: rgba(255,255,255,.04); }
.cmd-palette-footer span { display: flex; align-items: center; gap: 8px; }
.cmd-palette-footer kbd {
    background: #f1f3f5; color: #495057; padding: 2px 5px;
    border-radius: 3px; font-size: 10px; border: 1px solid #ced4da;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.dark .cmd-palette-footer kbd { background: #2e353e; color: #ced4da; border-color: #3f4752; }