.pdfc-container{display:flex;gap:10px;}
.pdfc-left{width:120px;overflow-y:auto;border-right:1px solid #ccc;}
.pdfc-thumbs{display:flex;flex-direction:column;gap:5px;}
.pdfc-thumb{cursor:pointer;border:1px solid #999;width:100%;margin-bottom:5px;}
.pdfc-right{flex:1;position:relative;}
.pdfc-controls{margin-bottom:5px;display:flex;gap:5px;flex-wrap:wrap;}
.pdfc-canvas-wrap{position:relative;overflow:auto;}
.pdfc-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;z-index:1;}
.pdfc-clip-rect{position:absolute;border:2px solid red;display:none;background:rgba(255,255,255,0.0);z-index:2;padding:0;}
.pdfc-clip-rect .pdfc-close{position:absolute;top:-10px;right:-10px;background:#fff;color:red;border-radius:50%;cursor:pointer;width:20px;height:20px;text-align:center;line-height:20px;font-weight:bold;z-index:3;}
.pdfc-clip-canvas{display:block;width:100%;height:100%;}
.pdfc-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.5);color:#fff;padding:5px;display:none;z-index:4;}
.ui-resizable-handle{background:red;}

/* Mobile */
@media(max-width:768px){
    .pdfc-container{flex-direction:column;}
    .pdfc-left{width:100%;border-right:none;border-top:1px solid #ccc;display:flex;overflow-x:auto;}
    .pdfc-left .pdfc-thumbs{flex-direction:row;gap:5px;}
    .pdfc-left .pdfc-thumb{width:60px;height:auto;margin-bottom:0;}
    .pdfc-right{width:100%;padding:0;}
    .pdfc-canvas-wrap{max-height:none;overflow:auto;width:100%;}
    .pdfc-canvas{width:100%;height:auto;}
}