#win-lexikon{ left:60px; top:10px; width:860px; max-width:calc(100% - 20px); height:calc(100% - 20px); min-height:400px; max-height:calc(100% - 10px); overflow:hidden; }
#win-lexikon .win-body{ padding:0; display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.lex-toolbar{ display:flex; align-items:center; gap:8px; padding:4px 8px; border-bottom:1px solid var(--border); flex:0 0 auto; }
.lex-toolbar input{ background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.08); color:var(--fg); font-family:var(--font); font-size:9px; padding:2px 8px; width:180px; outline:none; height:20px; }
.lex-toolbar input:focus{ border-color:rgba(var(--accent-rgb),0.4); }
.lex-main{ display:flex; flex:1 1 auto; min-height:0; overflow:hidden; }
.lex-sidebar{ width:200px; border-right:1px solid var(--border); overflow-y:auto; flex-shrink:0; }
.lex-cat-header{ padding:8px 10px 4px; font-size:11px; font-weight:600; letter-spacing:0.08em; color:rgba(var(--accent-rgb),0.7); cursor:pointer; user-select:none; display:flex; align-items:center; gap:4px; }
.lex-cat-header:hover{ color:rgba(var(--accent-rgb),0.9); }
.lex-cat-items{ }
.lex-cat-items.collapsed{ display:none; }
.lex-article-row{ padding:3px 10px 3px 20px; font-size:11px; color:var(--muted); cursor:pointer; }
.lex-article-row:hover{ color:var(--fg); background:rgba(var(--accent-rgb),0.04); }
.lex-article-row.active{ color:var(--fg); background:rgba(var(--accent-rgb),0.08); border-left:2px solid rgba(var(--accent-rgb),0.7); padding-left:18px; }
.lex-reading{ flex:1 1 auto; overflow-y:auto; padding:16px 20px; }
.lex-empty{ display:flex; align-items:center; justify-content:center; height:100%; color:var(--muted); font-size:11px; letter-spacing:0.08em; }
.lex-img-wrap{ position:relative; margin-bottom:12px; max-width:280px; }
.lex-img-wrap.pos-top{ float:right; margin-left:14px; margin-bottom:10px; }
.lex-img-wrap.pos-bottom{ float:right; margin-left:14px; margin-top:10px; }
.lex-img-wrap.pos-inline{ float:right; margin-left:14px; }
.lex-img-wrap img{ width:100%; display:block; border:1px solid rgba(255,255,255,0.06); }
.lex-img-credit{ position:absolute; bottom:4px; right:6px; font-size:8px; letter-spacing:0.04em; text-shadow:0 1px 3px rgba(0,0,0,0.8); }
.lex-crumb{ font-size:8px; letter-spacing:0.12em; color:rgba(var(--accent-rgb),0.6); margin-bottom:4px; }
.lex-title{ font-size:16px; font-weight:700; color:var(--fg); margin-bottom:2px; }
.lex-meta{ font-size:9px; color:var(--muted); letter-spacing:0.06em; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.06); }
.lex-body{ font-size:12px; line-height:1.7; color:rgba(201,209,217,0.85); }
.lex-body p{ margin:0 0 10px; }
.lex-see-also{ margin:14px 0; padding:8px 12px; border-left:2px solid rgba(var(--accent-rgb),0.3); background:rgba(var(--accent-rgb),0.04); }
.lex-see-also-label{ font-size:8px; letter-spacing:0.10em; color:rgba(var(--accent-rgb),0.7); margin-bottom:4px; }
.lex-see-also a{ font-size:11px; color:rgba(var(--accent-rgb),0.8); cursor:pointer; text-decoration:underline; text-decoration-color:rgba(var(--accent-rgb),0.3); }
.lex-see-also a:hover{ text-decoration-color:rgba(var(--accent-rgb),0.7); }
.lex-see-also .sep{ font-size:11px; color:var(--muted); margin:0 6px; }
.lex-footer{ margin-top:16px; padding-top:10px; border-top:1px solid rgba(255,255,255,0.06); font-size:8px; color:var(--muted); letter-spacing:0.06em; }
.lex-status{ display:flex; align-items:center; border-top:1px solid var(--border); padding:4px 10px; font-size:8px; color:var(--muted); letter-spacing:0.06em; gap:12px; flex:0 0 auto; }
.lex-edit-bar{ display:flex; gap:6px; padding:6px 10px; border-bottom:1px solid rgba(255,255,255,0.06); flex:0 0 auto; }
.lex-edit-bar .mini{ font-size:9px; }
.lex-edit-field{ width:100%; background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.08); color:var(--fg); font-family:var(--font); font-size:11px; padding:4px 8px; outline:none; resize:vertical; }
.lex-edit-field:focus{ border-color:rgba(var(--accent-rgb),0.4); }
.lex-edit-row{ display:flex; gap:8px; align-items:center; margin-bottom:8px; }
.lex-edit-label{ font-size:8px; letter-spacing:0.08em; color:var(--muted); min-width:90px; flex-shrink:0; }
.lex-search-results{ padding:8px; }
.lex-search-row{ padding:4px 10px; font-size:11px; color:var(--muted); cursor:pointer; }
.lex-search-row:hover{ color:var(--fg); background:rgba(var(--accent-rgb),0.04); }
.lex-search-row .lex-search-cat{ font-size:8px; color:rgba(var(--accent-rgb),0.5); margin-left:6px; }
.lex-color-grid{ display:inline-flex; gap:3px; flex-wrap:wrap; max-width:160px; padding:4px; background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); position:absolute; z-index:10; }
.lex-color-swatch{ width:16px; height:16px; cursor:pointer; border:1px solid rgba(255,255,255,0.15); }
.lex-color-swatch:hover{ border-color:rgba(255,255,255,0.5); }
.lex-color-trigger{ display:inline-block; width:14px; height:14px; border:1px solid rgba(255,255,255,0.15); cursor:pointer; vertical-align:middle; margin-left:6px; }