#ai-arena-app .arena-conversation-files{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 2px 10px;color:var(--arena-muted,#77766f);font-size:12px;min-width:0}
#ai-arena-app .arena-conversation-files[hidden]{display:none}
#ai-arena-app .arena-document-mode-note{flex-basis:100%;line-height:1.5;overflow-wrap:anywhere}
#ai-arena-app .arena-conversation-files>button{border:0;background:transparent;color:inherit;font:inherit;padding:6px;min-height:32px;touch-action:manipulation}
#ai-arena-app .arena-document-card{display:flex;align-items:center;gap:10px;border:1px solid var(--arena-border,#dedbd3);border-radius:12px;background:var(--arena-surface,#fff);padding:10px 12px;max-width:min(300px,100%);min-width:0}
#ai-arena-app .arena-document-card>button:first-child{flex:1;min-width:0;border:0;background:transparent;text-align:left;color:inherit;padding:0;cursor:pointer}
#ai-arena-app .arena-document-card strong{display:block;font:inherit;font-weight:500;font-size:13px;overflow-wrap:anywhere}
#ai-arena-app .arena-document-card small{display:block;font-size:11px;color:var(--arena-muted,#77766f);margin-top:4px;line-height:1.4}
#ai-arena-app .arena-document-card>button:last-child{border:0;background:transparent;color:var(--arena-muted,#77766f);font-size:18px;min-width:32px;min-height:32px;border-radius:6px}
#ai-arena-app .arena-document-panel{margin:0 0 0 auto;width:min(680px,100%);height:100dvh;max-height:100dvh;max-width:100vw;box-sizing:border-box;border:0;border-left:1px solid #dedbd3;border-radius:0;background:var(--arena-surface,#fff);color:var(--arena-text,#252520);padding:0;overflow:hidden;box-shadow:-12px 0 48px #00000014}
#ai-arena-app .arena-document-panel::backdrop{background:#0004}
#ai-arena-app .arena-document-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e6e3dc}
#ai-arena-app .arena-document-panel h2{margin:0;font:600 17px system-ui;overflow-wrap:anywhere;min-width:0}
#ai-arena-app .arena-document-panel button{font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;border:1px solid #dedbd3;background:transparent;color:inherit;border-radius:8px;padding:8px 12px}
#ai-arena-app .arena-document-panel header button{font-size:24px;border:0;min-width:40px;min-height:40px;padding:0}
#ai-arena-app .arena-document-panel-body{padding:20px 22px;overflow:auto;height:calc(100% - 82px);box-sizing:border-box;overscroll-behavior:contain}
#ai-arena-app .arena-document-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 system-ui}
#ai-arena-app .arena-document-help{color:#79786f;font:13px/1.6 system-ui;margin:0 0 16px}
#ai-arena-app .arena-document-row{display:flex;gap:8px;align-items:center;margin:10px 0}
#ai-arena-app .arena-document-row button:first-child{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}
#ai-arena-app .arena-document-panel button:focus-visible,#ai-arena-app .arena-document-card button:focus-visible{outline:2px solid #ba765d;outline-offset:2px}
#ai-arena-app .arena-document-panel button:active,#ai-arena-app .arena-document-card button:active{opacity:.65}
@media(hover:hover) and (pointer:fine){#ai-arena-app .arena-document-panel button:hover,#ai-arena-app .arena-document-card button:hover{background:#8881}}
@media(max-width:640px){#ai-arena-app .arena-conversation-files{gap:6px}.arena-document-panel header,#ai-arena-app .arena-document-panel-body{padding-inline:16px}.arena-document-panel header{padding-top:max(12px,env(safe-area-inset-top))}}

#ai-arena-app .arena-project-bar .arena-reading-switch{display:none!important}

#ai-arena-app .arena-saved-document{display:flex;gap:10px;align-items:center;max-width:100%;margin-top:10px;border:1px solid var(--arena-border,#dedbd3);border-radius:10px;background:var(--arena-surface,#fff);color:inherit;padding:12px 14px;text-align:left;touch-action:manipulation;cursor:pointer}
#ai-arena-app .arena-saved-document svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
#ai-arena-app .arena-saved-document span{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
#ai-arena-app .arena-saved-document small{display:block;color:var(--arena-muted,#77766f);font-size:11px;margin-top:2px}
@media(max-width:640px){#ai-arena-app .arena-conversation-files .arena-reading-switch button,#ai-arena-app .arena-conversation-files>button{min-height:44px}}