*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1e1e2e;--bg-surface:#181825;--bg-overlay:#313244;--text:#cdd6f4;--text-dim:#a6adc8;--border:#45475a;--accent:#89b4fa;--error:#f38ba8;--warning:#fab387;--success:#a6e3a1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text)}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app__header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.app__title{letter-spacing:.5px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600}.app__header-right{align-items:center;gap:12px;display:flex}.app__vim-status{color:var(--accent);white-space:nowrap;text-align:right;min-width:80px;font-family:JetBrains Mono,monospace;font-size:12px}.app__loading{color:var(--text-dim);font-size:12px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.app__main{flex:1;min-height:0;display:flex;overflow:hidden}.app__panel{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app__panel--source{border-right:2px solid var(--border)}.app__panel-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:6px 12px;font-size:11px;font-weight:600}.app__panel-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex}.app__tab{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-family:inherit;font-size:11px;font-weight:600;transition:color .15s,border-color .15s}.app__tab:hover{color:var(--text)}.app__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.app__panel-body{flex:1;min-height:0;overflow:hidden}.app__footer{border-top:1px solid var(--border);flex-shrink:0;max-height:140px;overflow-y:auto}.error-panel{padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.error-panel--ok{color:var(--success);align-items:center;gap:6px;display:flex}.error-panel__icon{font-size:14px}.error-panel__item{align-items:center;gap:8px;padding:2px 0;display:flex}.error-panel__item--error{color:var(--error)}.error-panel__item--warning{color:var(--warning)}.error-panel__badge{text-transform:uppercase;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:11px;font-weight:600}.error-panel__item--error .error-panel__badge{background:#f38ba826}.error-panel__item--warning .error-panel__badge{background:#fab38726}.error-panel__msg{flex:1;min-width:0}.example-loader,.keybinding-selector{align-items:center;gap:6px;display:flex}.example-loader__label,.keybinding-selector__label{color:var(--text-dim);font-size:12px}.example-loader__select,.keybinding-selector__select{background:var(--bg-overlay);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.example-loader__select:focus,.keybinding-selector__select:focus{border-color:var(--accent)}.ast-viewer{background:var(--bg-surface);width:100%;height:100%;overflow:auto}.ast-viewer--empty{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex}.ast-viewer__hint{opacity:.6;margin-top:4px;font-size:12px}.ast-node{fill:#e6e9ef;stroke:var(--text-dim);stroke-width:1px}.ast-node__label{fill:#1e1e2e;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:11px}.ast-node__attr{fill:#585b70;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:9px}.ast-viewer path{stroke:var(--text-dim)}.asm-output{height:100%;transition:opacity .2s}.asm-output--outdated{opacity:.45}.gmm-error-line{border-bottom:2px wavy #f38ba8;background:#f3505066!important}.gmm-warning-line{border-bottom:2px wavy #fab387;background:#fab38766!important}
