.document-wrap{display:flex;flex-direction:column;height:100%;background:#0b1220}.document-bar{display:flex;padding:4px;background:#1e293b;align-items:center}.document-input{flex:1;margin:0 8px;padding:4px;border-radius:4px;border:1px solid #334155;background:#0b1220;color:#e2e8f0;text-align:center}.document-nav-btn{padding:4px 12px;border-radius:4px;border:none;background:#60a5fa;color:#fff;cursor:pointer;font-weight:700;font-size:12px}.document-nav-btn:hover{background:#3b82f6}.document-nav-btn:disabled{background:#374151;cursor:not-allowed;opacity:.5}.document-load-btn{padding:4px 12px;border-radius:4px;border:none;background:#60a5fa;color:#fff;cursor:pointer;font-weight:700}.document-viewer{flex:1;width:100%;background:#222;border-radius:8px;margin-top:8px;overflow:auto;min-height:0;display:flex;align-items:stretch;justify-content:stretch}.document-txt{color:#e2e8f0;background:0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;padding:16px;white-space:pre-wrap;word-break:break-word;width:100%;height:100%;margin:0}.document-iframe{flex:1;width:100%;height:100%;border:none;background:#fff;border-radius:8px}