#ai-arena-app.arena-shell { --arena-ease-out: cubic-bezier(.23,1,.32,1); }
#ai-arena-app.arena-shell .arena-account-action { display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--arena-border);background:transparent;color:var(--arena-text);font:13px/1.5 var(--arena-ui-font);text-align:left;cursor:pointer; }
#ai-arena-app.arena-shell .arena-prompt-content { padding:20px 24px; }
#ai-arena-app.arena-shell .arena-prompt-content h3 { margin:20px 0 8px;font-size:14px;font-weight:550; }
#ai-arena-app.arena-shell .arena-prompt-content pre { padding:14px;margin:0;border:1px solid var(--arena-border);border-radius:8px;background:var(--arena-sidebar);white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--arena-ui-font);user-select:text; }
#ai-arena-app.arena-shell .arena-prompt-scope { display:inline-flex;padding:3px 8px;background:var(--arena-sidebar);border:1px solid var(--arena-border);border-radius:5px;font-size:12px;color:var(--arena-muted);margin-bottom:18px;max-width:100%;overflow-wrap:anywhere; }
#ai-arena-app.arena-shell .arena-prompt-label { display:block;font-size:14px;font-weight:550; }
#ai-arena-app.arena-shell .arena-prompt-label + p { margin:6px 0 12px; }
#ai-arena-app.arena-shell .arena-prompt-editor { display:block;box-sizing:border-box;width:100%;min-height:160px;max-height:45dvh;resize:vertical;padding:13px 14px;border:1px solid var(--arena-border);border-radius:8px;background:var(--arena-bg);color:var(--arena-text);font:13px/1.75 var(--arena-ui-font); }
#ai-arena-app.arena-shell .arena-prompt-editor:focus-visible { outline:2px solid var(--arena-muted);outline-offset:2px; }
#ai-arena-app.arena-shell .arena-prompt-meta { display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;color:var(--arena-muted); }
#ai-arena-app.arena-shell [data-prompt-count] { white-space:nowrap;font-variant-numeric:tabular-nums; }
#ai-arena-app.arena-shell [data-prompt-status][data-error] { color:#b33b32; }
#ai-arena-app.arena-shell .arena-prompt-actions { display:flex;justify-content:flex-end;gap:8px;padding:16px 0 20px;border-bottom:1px solid var(--arena-border); }
#ai-arena-app.arena-shell .arena-prompt-actions button { padding:7px 14px;font-size:13px; }
#ai-arena-app.arena-shell .arena-prompt-readonly { font-size:11px;font-weight:400;color:var(--arena-muted);margin-left:6px; }
#ai-arena-app.arena-shell .arena-prompt-extra { margin-top:18px;font-size:12px;color:var(--arena-muted); }
#ai-arena-app.arena-shell .arena-prompt-extra summary { cursor:pointer; }
#ai-arena-app.arena-shell .arena-prompt-extra pre { margin-top:8px; }
#ai-arena-app.arena-shell .arena-notice { position:fixed;z-index:100050;top:72px;left:50%;transform:translateX(-50%);padding:8px 13px;border-radius:8px;color:var(--arena-bg);background:var(--arena-text);font:12px/1.5 var(--arena-ui-font);box-shadow:0 3px 12px #0002;max-width:min(420px,85vw); }
#ai-arena-app.arena-shell [hidden] { display:none !important; }
#ai-arena-app.arena-shell .aa-msg.user-msg > .arena-user-actions { justify-content:flex-end;margin-top:6px;opacity:0; }
#ai-arena-app.arena-shell .aa-msg.user-msg:hover > .arena-user-actions,
#ai-arena-app.arena-shell .aa-msg.user-msg:focus-within > .arena-user-actions { opacity:1; }
#ai-arena-app.arena-shell .arena-message-action { position:relative;cursor:pointer;transition:transform 140ms var(--arena-ease-out),color 120ms ease; }
#ai-arena-app.arena-shell .arena-message-action:active { transform:scale(.96); }
#ai-arena-app.arena-shell .arena-message-action.copied { transform:scale(1.08);color:var(--arena-text) !important; }
#ai-arena-app.arena-shell .arena-message-action.copy-keyboard { transition:none;transform:none; }
#ai-arena-app.arena-shell [data-copy-message]::after { content:attr(data-hint);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 7px;border-radius:5px;background:var(--arena-text);color:var(--arena-bg);font:11px/1.5 var(--arena-ui-font);opacity:0;pointer-events:none; }
#ai-arena-app.arena-shell [data-copy-message]:focus-visible::after,
#ai-arena-app.arena-shell [data-copy-message].copied::after { opacity:1; }
#ai-arena-app.arena-shell .aa-msg-body,#ai-arena-app.arena-shell .aa-msg-body p { cursor:text;user-select:text; }
#ai-arena-app.arena-shell .arena-selection-menu { position:fixed;margin:0;padding:4px;border:1px solid var(--arena-border);border-radius:10px;box-shadow:0 5px 20px #0002;background:var(--arena-surface);color:var(--arena-text);gap:2px;overflow:visible; }
#ai-arena-app.arena-shell .arena-selection-menu:popover-open { display:flex; }
#ai-arena-app.arena-shell .arena-selection-menu button { border:0;background:transparent;color:inherit;font:13px/1.5 var(--arena-ui-font);padding:7px 12px;border-radius:6px;cursor:pointer; }
#ai-arena-app.arena-shell .arena-selection-menu button:disabled { opacity:.4; }
#ai-arena-app.arena-shell #aaScrollTopBtn { display:none !important; }
#ai-arena-app.arena-shell .arena-jump-latest { position:absolute;left:50%;bottom:calc(var(--arena-composer-height,100px) + 12px);transform:translateX(-50%);z-index:25;width:36px;height:36px;border:1px solid var(--arena-border);border-radius:50%;background:var(--arena-bg);color:var(--arena-muted);box-shadow:0 2px 7px #00000012;align-items:center;justify-content:center;padding:8px;cursor:pointer; }
#ai-arena-app.arena-shell .arena-jump-arrow { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
#ai-arena-app.arena-shell .arena-jump-dots { position:absolute;inset:0;align-items:center;justify-content:center;gap:3px;display:none; }
#ai-arena-app.arena-shell .arena-jump-dots i { display:block;width:4px;height:4px;border-radius:50%;background:currentColor;animation:arena-jump-pulse 1.2s ease-in-out infinite; }
#ai-arena-app.arena-shell .arena-jump-dots i:nth-child(2){animation-delay:.15s;}
#ai-arena-app.arena-shell .arena-jump-dots i:nth-child(3){animation-delay:.3s;}
#ai-arena-app.arena-shell .arena-jump-latest[data-streaming=true] .arena-jump-dots { display:flex; }
#ai-arena-app.arena-shell .arena-jump-latest[data-streaming=true] .arena-jump-arrow { opacity:0; }
#ai-arena-app.arena-shell .arena-jump-latest:focus-visible .arena-jump-arrow { opacity:1; }
#ai-arena-app.arena-shell .arena-jump-latest:focus-visible .arena-jump-dots { opacity:0; }
#ai-arena-app.arena-shell .arena-jump-hint { position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font:11px/1.5 var(--arena-ui-font);padding:4px 7px;background:var(--arena-text);color:var(--arena-bg);border-radius:5px;opacity:0;pointer-events:none; }
#ai-arena-app.arena-shell .arena-jump-latest:focus-visible .arena-jump-hint { opacity:1; }
@keyframes arena-jump-pulse { 0%,70%,100%{opacity:.35}35%{opacity:1} }
#ai-arena-app.arena-shell .arena-project-bar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;border-bottom:1px solid var(--arena-border);padding:10px 24px;font:12px/1.5 var(--arena-ui-font); }
#ai-arena-app.arena-shell .arena-project-bar>div { display:flex;gap:10px;align-items:center;min-width:0; }
#ai-arena-app.arena-shell .arena-project-bar strong { max-width:38vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:550; }
#ai-arena-app.arena-shell .arena-project-bar span { color:var(--arena-muted);white-space:nowrap; }
#ai-arena-app.arena-shell .arena-project-bar button { border:0;background:transparent;color:var(--arena-text);border-radius:5px;padding:4px 6px;cursor:pointer;font:inherit;white-space:nowrap; }
#ai-arena-app.arena-shell .arena-context-info { font:11px/1.65 var(--arena-ui-font);color:var(--arena-muted);margin-top:8px; }
#ai-arena-app.arena-shell .arena-context-info summary { cursor:pointer; }
#ai-arena-app.arena-shell .arena-context-info p { margin:7px 0; }
#ai-arena-app.arena-shell .arena-context-info button { margin:4px 7px 0 0;padding:4px 8px;border:1px solid var(--arena-border);border-radius:5px;background:var(--arena-sidebar);color:var(--arena-text);font:inherit;cursor:pointer; }
#ai-arena-app.arena-shell .arena-operation-card [data-context-file] { border:0;background:transparent;color:var(--arena-text);padding:3px;cursor:pointer; }
#ai-arena-app.arena-shell .arena-workspace-dialog { width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--arena-border);border-radius:16px;background:var(--arena-bg);color:var(--arena-text);box-shadow:0 14px 60px #0003;font:14px/1.6 var(--arena-ui-font);overflow:auto; }
#ai-arena-app.arena-shell .arena-workspace-dialog::backdrop { background:#0005; }
#ai-arena-app.arena-shell .arena-dialog-heading { display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--arena-border);gap:16px;position:sticky;top:0;background:var(--arena-bg);z-index:1; }
#ai-arena-app.arena-shell .arena-dialog-heading h2 { font-size:19px;font-weight:550; }
#ai-arena-app.arena-shell #aaWorkspaceContent { padding:22px 24px; }
#ai-arena-app.arena-shell .arena-workspace-intro { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px; }
#ai-arena-app.arena-shell .arena-workspace-intro p { color:var(--arena-muted);max-width:420px; }
#ai-arena-app.arena-shell .arena-workspace-dialog button { border:1px solid var(--arena-border);border-radius:7px;background:var(--arena-bg);color:var(--arena-text);padding:6px 10px;font:inherit;cursor:pointer; }
#ai-arena-app.arena-shell .arena-workspace-dialog button:disabled { opacity:.5;cursor:wait; }
#ai-arena-app.arena-shell .arena-workspace-dialog .arena-workspace-primary { background:var(--arena-text);color:var(--arena-bg);border-color:var(--arena-text);white-space:nowrap; }
#ai-arena-app.arena-shell .arena-project-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
#ai-arena-app.arena-shell .arena-project-card { position:relative;border:1px solid var(--arena-border);border-radius:11px;min-width:0; }
#ai-arena-app.arena-shell .arena-project-card .arena-project-open { display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;border:0;width:100%;padding:20px 42px 20px 18px;min-height:112px;background:transparent; }
#ai-arena-app.arena-shell .arena-project-open strong { font-weight:550;max-width:100%;overflow-wrap:anywhere; }
#ai-arena-app.arena-shell .arena-project-open span { font-size:11px;color:var(--arena-muted); }
#ai-arena-app.arena-shell .arena-project-card .arena-project-card-more { position:absolute;right:9px;top:9px;border:0;padding:2px 6px; }
#ai-arena-app.arena-shell .arena-workspace-muted { color:var(--arena-muted);font-size:12px;margin:12px 0; }
#ai-arena-app.arena-shell .arena-workspace-empty { text-align:center;padding:40px 12px;color:var(--arena-muted);grid-column:1/-1; }
#ai-arena-app.arena-shell .arena-workspace-footer { display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;margin-top:20px;border-top:1px solid var(--arena-border); }
#ai-arena-app.arena-shell .arena-workspace-dialog label { display:block;font-size:13px;margin-bottom:18px; }
#ai-arena-app.arena-shell .arena-workspace-dialog input,
#ai-arena-app.arena-shell .arena-workspace-dialog textarea { display:block;width:100%;margin-top:7px;padding:10px 12px;color:var(--arena-text);background:var(--arena-bg);border:1px solid var(--arena-border);border-radius:8px;font:14px/1.65 var(--arena-ui-font);cursor:text;caret-color:auto; }
#ai-arena-app.arena-shell .arena-workspace-dialog textarea { resize:vertical;min-height:90px;max-height:280px; }
#ai-arena-app.arena-shell .arena-workspace-dialog [data-w-error] { color:var(--arena-accent);font-size:12px;overflow-wrap:anywhere; }
#ai-arena-app.arena-shell .arena-project-file-row { display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--arena-border);padding:12px 0; }
#ai-arena-app.arena-shell .arena-project-file-row>button:first-child { flex:1;text-align:left;border:0;min-width:0; }
#ai-arena-app.arena-shell .arena-project-file-row strong { display:block;font-weight:500;overflow-wrap:anywhere; }
#ai-arena-app.arena-shell .arena-project-file-row span { display:block;color:var(--arena-muted);font-size:11px;margin-top:4px; }
#ai-arena-app.arena-shell .arena-project-file-pane { position:fixed;right:0;top:56px;bottom:0;width:min(440px,38vw);background:var(--arena-bg);border-left:1px solid var(--arena-border);z-index:100010;display:flex;flex-direction:column;box-shadow:-5px 0 24px #00000008; }
#ai-arena-app.arena-shell .arena-project-file-pane .arena-dialog-heading { padding:16px; }
#ai-arena-app.arena-shell .arena-project-file-pane strong { min-width:0;overflow-wrap:anywhere; }
#ai-arena-app.arena-shell .arena-file-toolbar { display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--arena-border);font:11px/1.5 var(--arena-ui-font);color:var(--arena-muted); }
#ai-arena-app.arena-shell .arena-file-toolbar button { border:1px solid var(--arena-border);background:transparent;color:var(--arena-text);border-radius:6px;padding:4px 6px;font:inherit;white-space:nowrap;cursor:pointer; }
#ai-arena-app.arena-shell .arena-file-preview { padding:22px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.85 var(--arena-ui-font);user-select:text;flex:1; }
#ai-arena-app.arena-shell.arena-file-open .aa-main { margin-right:min(440px,38vw); }
#ai-arena-app.arena-shell .arena-workspace-dialog :focus-visible,
#ai-arena-app.arena-shell .arena-selection-menu :focus-visible { outline:2px solid var(--arena-accent);outline-offset:2px; }
@media(hover:hover) and (pointer:fine){
  #ai-arena-app.arena-shell [data-copy-message]:hover::after { opacity:1; }
  #ai-arena-app.arena-shell .arena-selection-menu button:hover,
  #ai-arena-app.arena-shell .arena-project-bar button:hover,
  #ai-arena-app.arena-shell .arena-project-open:hover { background:var(--arena-hover); }
  #ai-arena-app.arena-shell .arena-jump-latest:hover .arena-jump-arrow,
  #ai-arena-app.arena-shell .arena-jump-latest:hover .arena-jump-hint { opacity:1; }
  #ai-arena-app.arena-shell .arena-jump-latest:hover .arena-jump-dots { opacity:0; }
}
@media(hover:none){
  #ai-arena-app.arena-shell .aa-msg.user-msg > .arena-user-actions { opacity:1; }
}
@media(max-width:900px){
  #ai-arena-app.arena-shell .arena-project-file-pane { width:min(500px,100vw);top:0; }
  #ai-arena-app.arena-shell.arena-file-open .aa-main { margin-right:0; }
}
@media(max-width:520px){
  #ai-arena-app.arena-shell .arena-project-grid { grid-template-columns:1fr; }
  #ai-arena-app.arena-shell .arena-workspace-intro { flex-direction:column;gap:12px; }
  #ai-arena-app.arena-shell .arena-dialog-heading { padding:15px 16px; }
  #ai-arena-app.arena-shell #aaWorkspaceContent { padding:16px; }
  #ai-arena-app.arena-shell .arena-project-bar { padding:8px 12px;gap:8px; }
  #ai-arena-app.arena-shell .arena-scope-note { display:none; }
  #ai-arena-app.arena-shell .arena-project-bar strong { max-width:30vw; }
}
@media(prefers-reduced-motion:reduce){
  #ai-arena-app.arena-shell .arena-message-action { transition:none;transform:none; }
  #ai-arena-app.arena-shell .arena-jump-dots i { animation:none;opacity:.7; }
}