main{flex:1;display:flex;padding:0}.panel-left{width:380px;border-right:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;overflow-y:auto;padding:24px;gap:20px;flex-shrink:0}.panel-right{flex:1;background:var(--bg);display:flex;flex-direction:column;padding:24px;overflow-y:auto;gap:24px;min-width:0}@media(max-width:900px){main{flex-direction:column}.panel-left{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:16px}.panel-right{padding:16px;gap:16px}}.panel-section-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.input-wrap{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:0 12px;transition:border-color .2s}.input-wrap span{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.input-wrap input{flex:1;background:transparent;border:none;color:#fff;padding:12px 8px;outline:none;font-family:JetBrains Mono,monospace;font-size:14px}.input-wrap:focus-within{border-color:var(--accent)}.flags-wrap{display:flex;gap:16px;align-items:center;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:#fff}.checkbox-label input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.replace-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.replace-out-area{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:12px;font-family:JetBrains Mono,monospace;font-size:13px;color:#fff;min-height:60px;max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.cheat-sheet-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px}.cheat-item{border-bottom:1px solid var(--border)}.cheat-item:last-child{border-bottom:none}.cheat-title{padding:10px 0;font-size:13px;font-weight:600;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .2s}.cheat-title:hover{color:var(--accent)}.cheat-content{display:none;padding-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px;flex-direction:column;gap:6px}.cheat-row{display:flex;justify-content:space-between;cursor:pointer;padding:4px;border-radius:4px}.cheat-row:hover{background:var(--bg);color:var(--accent)}.cheat-code{color:var(--accent);font-weight:700}.cheat-desc{color:var(--muted);text-align:right}.editor-container{border:1px solid var(--border);border-radius:12px;background:#090d13;height:280px;position:relative;overflow:hidden}.highlighter-container{position:relative;width:100%;height:100%}.highlighter-bg,.highlighter-textarea{position:absolute;top:0;left:0;width:100%;height:100%;padding:16px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto}.highlighter-bg{color:transparent;background:var(--bg);pointer-events:none}.highlighter-textarea{background:transparent;color:#fff;border:none;outline:none;resize:none}.match-hl{background-color:#00a8ff59;border-bottom:2px solid var(--accent);border-radius:2px}.match-hl-alt{background-color:#2ea04359;border-bottom:2px solid var(--success);border-radius:2px}.matches-grid{display:flex;flex-direction:column;gap:12px}.match-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .2s}.match-card:hover{border-color:var(--accent)}.match-card-.match-card-title{font-size:12px;font-weight:700;color:#fff}.match-card-index{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted)}.match-card-value{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--accent);word-break:break-all}.groups-list{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:2px dashed var(--border);margin-top:4px}.group-row{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:12px}.group-lbl{color:var(--muted)}.group-val{color:#fff;word-break:break-all}