.menu-bar{display:flex;align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 8px;height:36px;gap:4px;flex-shrink:0}.menu-logo{height:20px;width:auto;display:block}.menu-spacer{flex:1}.qa-toolbar{gap:var(--space-sm);height:44px}.qa-logo-link{display:flex;align-items:center}.qa-title{font-size:12px;color:var(--text-secondary);margin-right:var(--space-sm);white-space:nowrap}#qa-cpu{width:220px;--sl-panel-background-color: var(--bg-secondary)}.qa-ide-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:12px;color:var(--text-secondary);text-decoration:none;white-space:nowrap}.qa-ide-link:hover{color:var(--text-primary)}.qa-main{flex:1;min-height:0}.qa-main>sl-split-panel{height:100%}#qa-split{height:100%}sl-split-panel::part(divider){background-color:var(--border)}.qa-pane{position:relative;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;background-color:var(--bg-primary)}.qa-monaco{flex:1;min-height:0}.qa-drop-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#007acc2e;border:2px dashed var(--accent);color:var(--text-primary);font-size:14px;pointer-events:none;z-index:10}.qa-drop-hint[hidden]{display:none}.qa-tab-bar{display:flex;align-items:stretch;height:32px;flex-shrink:0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border)}.qa-tab{padding:0 var(--space-md);background:none;border:none;border-right:1px solid var(--border);border-top:2px solid transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;cursor:pointer}.qa-tab:hover{color:var(--text-primary)}.qa-tab--active{background-color:var(--bg-primary);border-top-color:var(--accent);color:var(--text-primary)}.qa-tab-spacer{flex:1}.qa-tab-bar sl-icon-button{align-self:center;font-size:16px;margin-right:var(--space-xs)}.qa-tab-body{position:relative;flex:1;min-height:0;display:flex}.qa-view{display:none}.qa-view--active{display:block}.qa-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-md);text-align:center;color:var(--text-muted);font-size:12px;background-color:var(--bg-primary)}.qa-empty[hidden]{display:none}.qa-empty kbd{margin:0 4px;padding:1px 6px;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);font-family:var(--font-mono)}.qa-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:6px var(--space-sm);flex-shrink:0;background-color:var(--bg-secondary);border-top:1px solid var(--border)}.qa-downloads__label{font-size:12px;color:var(--text-secondary);margin-right:var(--space-xs)}.qa-downloads sl-button[hidden]{display:none}.output-panel{background-color:var(--bg-secondary);font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.output-header{display:flex;align-items:center;flex-shrink:0;padding:4px 8px;border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;color:var(--text-secondary)}#output-content{flex:1;min-height:0;overflow-y:auto;padding:4px 8px;scrollbar-width:thin;scrollbar-color:rgba(121,121,121,.4) transparent}.output-line{padding:1px 0;white-space:pre-wrap;word-break:break-all}.output-error{color:#f48771}.output-warn{color:#cca700}.output-log{color:var(--text-secondary)}.output-link{cursor:pointer;text-decoration:underline;color:#4fc1ff}.output-link:hover{color:#7dd3fc}.qa-status{height:24px;flex-shrink:0}@media(max-width:720px){.qa-title,.qa-ide-link{display:none}#qa-cpu{width:150px}}