.container-pdf-preview{display:flex;max-height:90vh;min-height:50vh}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#6b7280;font-size:16px}.pdf-panel{flex-direction:column;border-right:1px solid #e5e7eb}.pdf-header,.pdf-panel{display:flex;background:#fff}.pdf-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px}.pdf-header button{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px}.pdf-header button:hover{background:#e5e7eb}.file-name{padding:6px 12px;background:#e0f2fe;border-radius:6px;font-size:13px;color:#0369a1}.page-nav{margin-left:auto;display:flex;align-items:center;gap:8px}.page-nav button{padding:4px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer}.pdf-viewport{flex:1;overflow:auto;padding:20px;background:#525659;display:flex;flex-direction:column;align-items:center}.pdf-page-container{position:relative;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.pdf-page-container canvas{display:block}.highlight-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.highlight-box{position:absolute;border:2px solid transparent;border-radius:2px;cursor:pointer;pointer-events:auto;transition:all .15s ease}.highlight-box.hovered,.highlight-box:hover{background:rgba(34,197,94,.25);border-color:#22c55e}.highlight-box.selected{background:rgba(34,197,94,.35);border-color:#16a34a;border-width:3px}.highlight-box.type-logo.hovered,.highlight-box.type-logo.selected,.highlight-box.type-logo:hover{background:rgba(34,197,94,.3);border-color:#22c55e}.highlight-box.type-text.hovered,.highlight-box.type-text.selected,.highlight-box.type-text:hover{background:rgba(59,130,246,.3);border-color:#3b82f6}.highlight-box.type-table.hovered,.highlight-box.type-table.selected,.highlight-box.type-table:hover{background:rgba(168,85,247,.3);border-color:#a855f7}.highlight-label{position:absolute;top:-22px;left:0;padding:2px 8px;font-size:10px;font-weight:600;color:#fff;border-radius:3px;text-transform:uppercase;opacity:0;transition:opacity .15s;white-space:nowrap}.highlight-box.hovered .highlight-label,.highlight-box.selected .highlight-label,.highlight-box:hover .highlight-label{opacity:1}.type-logo .highlight-label{background:#22c55e}.type-text .highlight-label{background:#3b82f6}.type-table .highlight-label{background:#a855f7}.data-panel{display:flex;flex-direction:column;background:#fff}.tabs-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:4px}.tab-btn{padding:8px 16px;background:transparent;color:#6b7280;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;transition:all .15s}.tab-btn.active{background:#22c55e;color:#fff}.tab-btn:hover:not(.active){background:#f3f4f6}.model-label{margin-left:auto;font-size:12px;color:#6b7280}.view-toggle{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.toggle-group{display:flex}.toggle-btn{padding:6px 16px;border:1px solid #d1d5db;background:transparent;cursor:pointer;font-size:13px;transition:all .15s}.toggle-btn:first-child{border-radius:6px 0 0 6px}.toggle-btn:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.toggle-btn.active{background:#22c55e;color:#fff;border-color:#22c55e;font-weight:600}.toggle-options{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280}.toggle-options label{display:flex;align-items:center;gap:4px;cursor:pointer}.data-content{flex:1;overflow:auto;padding:16px}.json-wrapper{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:#374151}.json-brace{color:#374151}.json-key{color:#9333ea}.json-string{color:#059669}.json-number{color:#2563eb}.chunk-item{padding:12px;margin-bottom:8px;border-radius:6px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .15s ease}.chunk-item.hovered,.chunk-item:hover{border-color:#22c55e;background:rgba(34,197,94,.1)}.chunk-item.selected{border-color:#16a34a;background:rgba(34,197,94,.15);box-shadow:0 0 0 3px rgba(34,197,94,.2)}.chunk-item.type-logo.hovered,.chunk-item.type-logo.selected,.chunk-item.type-logo:hover{border-color:#22c55e;background:rgba(34,197,94,.1)}.chunk-item.type-text.hovered,.chunk-item.type-text.selected,.chunk-item.type-text:hover{border-color:#3b82f6;background:rgba(59,130,246,.1)}.chunk-item.type-table.hovered,.chunk-item.type-table.selected,.chunk-item.type-table:hover{border-color:#a855f7;background:rgba(168,85,247,.1)}.chunk-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chunk-type-badge{padding:2px 8px;font-size:10px;font-weight:600;color:#fff;border-radius:4px;text-transform:uppercase}.chunk-type-badge.logo{background:#22c55e}.chunk-type-badge.text{background:#3b82f6}.chunk-type-badge.table{background:#a855f7}.chunk-id{font-size:10px;color:#9ca3af}.chunk-content,.chunk-id{font-family:ui-monospace,monospace}.chunk-content{font-size:11px;line-height:1.5}.chunk-markdown{margin-bottom:8px}.chunk-grounding{color:#6b7280;font-size:10px}.markdown-view{white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:13px;line-height:1.6;color:#374151}.footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:11px;color:#6b7280}.footer strong{color:#374151}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280}.upload-area input[type=file]{margin-top:16px}.demo-pdf{width:595px;min-height:842px;background:#fff;padding:40px;font-size:12px;color:#374151}.demo-pdf h1{font-size:24px;margin-bottom:20px;color:#1f2937}.demo-pdf .header-row{display:flex;justify-content:space-between;margin-bottom:30px}.demo-pdf .logo{font-size:28px;font-weight:700;color:#1e40af}.demo-pdf .po-info{text-align:right;font-size:11px}.demo-pdf table{width:100%;border-collapse:collapse;margin:20px 0;font-size:11px}.demo-pdf td,.demo-pdf th{border:1px solid #d1d5db;padding:8px;text-align:left}.demo-pdf th{background:#f3f4f6;font-weight:600}