body{font-family:sans-serif;margin:20px;line-height:1.6;color:#333}h1{margin-bottom:10px}.status-bar{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:5px;margin-bottom:5px;padding:0 5px;font-size:.9em}.status-link{text-decoration:none;background:#eee;padding:5px 10px;border-radius:4px;color:#333}.bookmarklet-link{font-size:1em;text-decoration:none;background:#e3f2fd;padding:5px 10px;border-radius:4px;color:#1976d2;vertical-align:middle;border:1px dashed #1976d2;cursor:move}.rag-controls-header{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:20px;margin-bottom:20px;padding:10px;background:#f9f9f9;border-radius:8px;min-width:0;overflow-x:auto}.rag-controls-header label{margin:0;white-space:nowrap;vertical-align:middle}#fileInput{margin:0;height:40px;box-sizing:border-box;display:inline-flex;align-items:center;padding:5px;border:1px solid #ccc;border-radius:4px;background:#fff;flex-shrink:1;max-width:200px}.rag-source-container{display:flex;gap:20px;margin-top:10px}#fileList{flex:0 0 250px;border:1px solid #ccc;padding:10px;max-height:300px;overflow-y:auto;background:#f8f8f8}#fileList h3{margin-top:0;font-size:1.1em;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}#fileList ul{list-style:none;padding:0;margin:0}#fileList li{padding:5px 0;cursor:pointer;color:#007bff;text-decoration:underline;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#fileList li:hover{color:#0056b3}#fileContent{flex-grow:1;white-space:pre-wrap;background:#eef;padding:10px;border:1px solid #ccc;min-height:0;max-height:300px;overflow-y:auto}#fileContent pre{white-space:pre-wrap;word-break:break-all;margin:0;padding:5px 0}#pasteArea{height:100px}textarea{width:100%;height:50px;margin-top:5px;padding:8px;box-sizing:border-box;border:1px solid #ccc}label{display:block;margin-top:15px;font-weight:700}select{padding:8px;border:1px solid #ccc;margin-right:10px}button{background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:4px;margin:0;height:40px;min-width:max-content;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:background-color .2s;white-space:nowrap;padding:0 8px;flex-shrink:0}#clearWebGpuCacheButton{vertical-align:middle}#resetDocsButton{background-color:#dc3545}#saveOcrButton{background-color:#007bff}button:disabled{background-color:#aaa;cursor:not-allowed}#chatLog{margin-top:20px;border-top:1px solid #eee;padding-top:10px}#chatLog p{background:#f0f0f0;padding:10px;border-radius:5px;margin-bottom:10px}#chatLog strong{color:#333;font-weight:700}#fileContent img{max-width:100%;height:auto;border:2px solid #555;margin-top:5px;display:block}.ocr-status{font-weight:700;padding:5px 0;border-bottom:1px dashed #ccc;margin-bottom:5px;color:orange;display:flex;align-items:center;gap:10px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:16px;height:16px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}