.lx-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);align-items:start;gap:clamp(14px,2vw,24px);display:grid}.lx-hint,.lx-mode{font-family:var(--font-mono);letter-spacing:.08em;color:var(--faint);text-transform:none;font-size:.62rem}.lx-editor{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;min-height:150px;color:var(--paper);font:.95rem/1.6 var(--font-mono);resize:vertical;caret-color:var(--orange);background:#0000004d;outline:none;padding:14px 16px;transition:border-color .15s}.lx-editor:focus{border-color:var(--line-strong)}.lx-editor.is-invalid{border-color:#ff6a4599}.lx-diag{min-height:30px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:.8rem;display:flex}.lx-diag .is-bad{color:#ff8a6a}.lx-diag .is-warn{color:var(--amber)}.lx-diag .is-good{color:#5fbf8f}.lx-diag code{font-family:var(--font-mono);color:var(--paper);background:#00000059;border-radius:4px;margin-left:8px;padding:2px 6px}.lx-preview{border-radius:var(--r-md);color:#1d1c1a;background:#fbfaf7;place-items:center;min-height:200px;padding:28px 20px;transition:background .2s;display:grid;overflow-x:auto}.lx-preview.is-dark{box-shadow:inset 0 0 0 1px var(--line);background:#16150f}.lx-preview>div{max-width:100%}.lx-preview .katex-display{margin:0}.lx-inline{margin:0;font:.5em/1.8 Georgia,serif}.lx-inline .katex{font-size:1.21em}.lx-empty{color:#9a958b;font-size:.9rem;font-style:italic}.lx-preview .katex-error{color:#b91c1c!important}.lx-options{grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:12px 18px;margin-top:14px;display:grid}.lx-colors{grid-column:1/-1;gap:6px}.lx-swatch{border:2px solid var(--line-strong);cursor:pointer;border-radius:50%;width:26px;height:26px}.lx-swatch[aria-pressed=true]{border-color:var(--paper);box-shadow:0 0 0 2px var(--orange)}.lx-color{width:42px;height:30px;padding:2px}.lx-copy{flex-wrap:wrap;gap:8px;display:flex}.lx-side{scrollbar-width:thin;max-height:calc(100dvh - 100px);position:sticky;top:84px;overflow-y:auto}.lx-palette{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;margin-top:12px;display:grid}.lx-palette.is-wide{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.lx-palette button{border:1px solid var(--line);min-height:44px;color:var(--paper);cursor:pointer;background:#ffffff0a;border-radius:8px;place-items:center;padding:4px;transition:background .15s,border-color .15s,transform .15s;display:grid;overflow:hidden}.lx-palette button:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.45);transform:translateY(-1px)}.lx-palette .katex{font-size:1.05em}.lx-palette.is-wide .katex{font-size:.82em}.lx-label{font-family:var(--font-mono);color:var(--muted);font-size:.64rem}.lx-templates{gap:6px;margin-top:12px;display:grid}.lx-templates button,.lx-saved-open{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--paper);text-align:left;cursor:pointer;background:#ffffff09;gap:6px;padding:10px 12px;transition:border-color .15s,background .15s;display:grid;overflow-x:auto}.lx-templates button:hover,.lx-saved-open:hover{border-color:var(--line-strong);background:#ffffff12}.lx-templates b,.lx-saved b{color:var(--muted);font-size:.74rem;font-weight:600}.lx-templates .katex,.lx-saved .katex{white-space:nowrap;font-size:.95em}.lx-title{flex:1;min-width:0}.lx-saved{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lx-saved li{gap:4px;display:flex}.lx-saved-open{flex:1;min-width:0}.lx-del{width:30px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:1.1rem}.lx-del:hover{color:var(--coral);background:#ff6a451a}@media (max-width:1020px){.lx-layout{grid-template-columns:1fr}.lx-side{max-height:none;position:static}.lx-options{grid-template-columns:1fr}}