diff --git a/src/css/main.css b/src/css/main.css index 2a6cae0..8de3176 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -2354,6 +2354,78 @@ body.show-desc .bm-desc { display: block; } .settings-section.open .section-content { max-height: 800px; } + /* ---- COMMAND-PALETTE (Strg+K) ---- */ + /* .palette-overlay erbt .dialog-overlay (Position/Backdrop/Fade/z-index:400). */ + .palette-overlay { + align-items: flex-start; + } + .palette-box { + margin-top: 12vh; + width: 560px; max-width: 92vw; + background: rgba(10,9,20,0.98); + border: 1px solid var(--border); + border-radius: var(--radius); + backdrop-filter: blur(28px); + box-shadow: 0 20px 60px rgba(0,0,0,0.7); + transform: translateY(8px) scale(0.98); + transition: transform 0.2s; + overflow: hidden; + } + .dialog-overlay.active .palette-box { transform: translateY(0) scale(1); } + .palette-input { + width: 100%; + box-sizing: border-box; + padding: 16px 18px; + background: transparent; + border: none; + border-bottom: 1px solid var(--border); + color: var(--text-primary); + font-family: var(--font-body); + font-size: 15px; + outline: none; + } + .palette-input::placeholder { color: var(--text-muted); } + .palette-list { + list-style: none; + margin: 0; padding: 6px; + max-height: 46vh; + overflow-y: auto; + } + .palette-option { + display: flex; flex-direction: column; gap: 2px; + padding: 9px 12px; + border-radius: var(--radius-sm); + cursor: pointer; + } + .palette-option[aria-selected="true"] { + background: var(--accent-dim); + } + .palette-option-title { + color: var(--text-primary); + font-size: 13px; font-weight: 500; + } + .palette-option-meta { + color: var(--text-muted); + font-size: 10px; letter-spacing: 0.3px; + } + .palette-empty { + list-style: none; + padding: 16px 12px; + color: var(--text-muted); + font-size: 13px; text-align: center; + } + .palette-live { + position: absolute; + width: 1px; height: 1px; + overflow: hidden; clip: rect(0 0 0 0); + white-space: nowrap; + } + .palette-hint { + padding: 8px 14px; + border-top: 1px solid var(--border); + color: var(--text-muted); + font-size: 10px; letter-spacing: 0.3px; + } } /* ============================================