body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#e0e0e0}.app{padding:20px;max-width:1200px;margin:0 auto}.pdf-list ul{list-style-type:none;padding:0}.pdf-list li{margin:10px 0;padding:10px;background-color:#1e1e1e;border-radius:4px}.pdf-controls{display:flex;justify-content:center;gap:20px;margin:20px 0}.pdf-controls button{background-color:#2c2c2c;border:1px solid #444;color:#e0e0e0;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.pdf-controls button:hover{background-color:#3c3c3c}.pdf-controls button:disabled{background-color:#1c1c1c;color:#666;cursor:not-allowed}.canvas-container{display:flex;justify-content:center;margin:20px 0;overflow:auto}canvas{border:1px solid #444}.pdf-sidebar{width:250px;background-color:#1a1a1a;height:100%;overflow-y:auto;padding:15px;border-right:1px solid #333}.pdf-sidebar.full-width{width:100%;max-width:800px;margin:0 auto;height:auto;border-right:none}.pdf-content{flex:1 1;padding:20px;display:flex;flex-direction:column;align-items:center}.pdf-viewer{display:flex;min-height:calc(100vh - 100px)}.file-list-item{padding:12px;margin:5px 0;background-color:#252525;border-radius:4px;cursor:pointer;transition:background-color .2s}.file-list-item.active{background-color:#344054;border-left:3px solid #0070f3}.file-list-item:hover{background-color:#2c2c2c}.sidebar-header{font-size:1.2rem;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #333}.react-pdf__Document{display:flex;flex-direction:column;align-items:center}.react-pdf__Page{margin:1rem;box-shadow:0 0 8px rgba(0,0,0,.5);position:relative}.react-pdf__Page__canvas{display:block}.react-pdf__Page__annotations.annotationLayer{position:absolute;top:0;left:0;z-index:10}.react-pdf__Page__textContent{position:absolute;top:0;left:0;z-index:5}