*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1e1e2e;--surface:#252535;--border:#383850;--accent:#7c6af7;--accent-hover:#6a5ae0;--text:#cdd6f4;--text-muted:#6c7086;--warning:#f9a825;--success:#a6e3a1;--error:#f38ba8;--header-h:60px;--options-h:80px;--bottom-h:44px}body{background:var(--bg);color:var(--text);height:100dvh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-icon{font-size:24px}.header-title{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:700}.header-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px}.header-badges{align-items:center;gap:8px;display:flex}.badge-link img{height:20px;display:block}.options-panel{height:var(--options-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:32px;padding:0 20px;display:flex;overflow-x:auto}.options-section{white-space:nowrap;align-items:center;gap:12px;display:flex}.options-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.options-row{gap:12px;display:flex}.option-toggle{cursor:pointer;color:var(--text);align-items:center;gap:6px;font-size:13px;display:flex}.option-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.option-select{color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:13px}.main-area{flex:1;min-height:0;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.result-panel{background:var(--surface);flex-direction:column;flex-shrink:0;width:360px;display:flex;overflow:hidden}.pane-header{background:var(--surface);border-bottom:1px solid var(--border);height:36px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.result-count{background:var(--warning);color:#000;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.result-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.result-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.result-empty-icon{color:var(--success);font-size:28px}.result-item{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:4px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.result-location{color:var(--text-muted);font-family:Menlo,Cascadia Code,monospace;font-size:11px}.result-rule{color:var(--accent);font-family:Menlo,Cascadia Code,monospace;font-size:11px;font-weight:600}.result-message{color:var(--text);font-size:13px;line-height:1.4}.bottom-bar{height:var(--bottom-h);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex;overflow-x:auto}.example-bar{flex:1;align-items:center;gap:6px;display:flex}.example-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:600}.example-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s}.example-btn:hover{background:var(--border)}.example-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.share-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;flex-shrink:0;padding:4px 14px;font-size:12px;font-weight:600;transition:background .15s}.share-btn:hover{background:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}