:root{--bg: #16161a;--fg: #e8e8ea;--muted: #9a9aa2;--accent: #4f9cf9;--danger: #f95f5f;--toolbar-h: 44px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;gap:12px;height:var(--toolbar-h);padding:0 12px;border-bottom:1px solid #2a2a30;flex:none}#toolbar button{background:#26262c;color:var(--fg);border:1px solid #3a3a42;border-radius:4px;padding:4px 10px;cursor:pointer}#toolbar button:hover{background:#30303a}#status{color:var(--muted);font-size:13px}#toolbar-right{margin-left:auto;display:flex;gap:6px}#content{display:flex;flex:1;min-height:0}#gallery{flex:1;overflow-y:auto;position:relative;outline:none;padding:8px}.card{position:absolute;top:0;left:0;background:#2a2a30;border-radius:4px;overflow:hidden;contain:strict}.card.selected{outline:3px solid var(--accent);outline-offset:-3px}.card.flagged{opacity:.4}.card.flagged:after{content:"✕";position:absolute;top:4px;right:6px;color:var(--danger);font-size:16px;font-weight:700;text-shadow:0 0 4px #000}.card .stars{position:absolute;left:4px;bottom:4px;padding:1px 5px;border-radius:3px;background:#0009;color:#ffd75e;font-size:12px;pointer-events:none}.card img{width:100%;height:100%;object-fit:cover;display:block}#detail{width:320px;flex:none;overflow-y:auto;border-left:1px solid #2a2a30;padding:12px;font-size:13px}.detail-section h3{margin:12px 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase}.detail-section pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.detail-actions{display:flex;gap:8px;margin:12px 0}.keymap dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.keymap dt{font-family:ui-monospace,monospace;color:var(--accent);white-space:nowrap}.keymap dd{margin:0;color:var(--muted)}.detail-actions button{background:#26262c;color:var(--fg);border:1px solid #3a3a42;border-radius:4px;padding:4px 10px;cursor:pointer}#lightbox[hidden]{display:none}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:100}#lightbox img{max-width:100%;max-height:100%;object-fit:contain}#toast-container{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:8px 16px;border-radius:6px;background:#26262c;border:1px solid #3a3a42;font-size:13px}.toast.error{border-color:var(--danger)}.toast.success{border-color:#4fc97a}